Change state event

[Celtian]

✍️ Describe your changes

Change state input function added to allow acces to inner state...

<ng-container
  *ngxSuspense="
    let data of observable;
    loading: loading;
    empty: empty;
    error: error
    stateChangeFn: onStateChange"
>
  <pre>{{ data | json }}</pre>
</ng-container>
<ng-template #loading>Loading ...</ng-template>
<ng-template #empty>Incoming data are empty</ng-template>
<ng-template #error let-tryAgain let-error="error">
  <pre>{{ error }}</pre>
  <button (click)="tryAgain()">Try again</button>
</ng-template>

  public onStateChange = <T>(state: NgxSuspenseState<T>): void => {
    console.log(state);
  };

🔗 Issue ticket number and link

None

✅ Checklist before requesting a review

• I have performed a self-review of my code.
• If it is a core feature, I have added thorough tests.
• I have checked that affected pages are responsive.
• I have checked that there are no z-index issues on affected pages.

[github-actions]

🧪 Unit tests

Caution

Coverage does not meet threshold
Branches coverage not met for global: expected >=80%, but got 63.1578947368421%

St.❔	Category	Percentage	Covered / Total
🟢	Statements	88.7% (-0.83% 🔻)	157/177
🟡	Branches	63.16% (-4.41% 🔻)	24/38
🟡	Functions	75% (-5% 🔻)	9/12
🟢	Lines	88.7% (-0.83% 🔻)	157/177

Show files with reduced coverage 🔻

St.❔	File	Statements	Branches	Functions	Lines
🟢	ngx-suspense-of.directive.ts	88.7% (-0.83% 🔻)	63.16% (-4.41% 🔻)	75% (-5% 🔻)	88.7% (-0.83% 🔻)

Test suite run success

18 tests passing in 2 suites.

Report generated by 🧪jest coverage report action from 33b2352