ngssm-remote-data 15.3.11 → 15.3.13

package/esm2020/lib/ngssm-remote-call/components/ngssm-remote-call-error/ngssm-remote-call-error.component.mjs

@@ -30,9 +30,9 @@ export class NgssmRemoteCallErrorComponent extends NgSsmComponent {
         this._remoteCallError$.next(undefined);
     }
 }
-NgssmRemoteCallErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallErrorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmRemoteCallErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteCallErrorComponent, isStandalone: true, selector: "ngssm-remote-call-error", inputs: { remoteCallId: "remoteCallId" }, host: { properties: { "class": "this.hostCssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallErrorComponent, decorators: [{
+NgssmRemoteCallErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallErrorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmRemoteCallErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteCallErrorComponent, isStandalone: true, selector: "ngssm-remote-call-error", inputs: { remoteCallId: "remoteCallId" }, host: { properties: { "class": "this.hostCssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-remote-call-error', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { hostCssClasses: [{

package/esm2020/lib/ngssm-remote-call/components/ngssm-remote-call.directive.mjs

@@ -24,9 +24,9 @@ export class NgssmRemoteCallDirective extends NgSsmComponent {
         });
     }
 }
-NgssmRemoteCallDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallDirective, deps: [{ token: i1.Store }, { token: i2.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
-NgssmRemoteCallDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteCallDirective, isStandalone: true, selector: "[ngssmRemoteCall]", inputs: { remoteCallId: ["ngssmRemoteCall", "remoteCallId"] }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallDirective, decorators: [{
+NgssmRemoteCallDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallDirective, deps: [{ token: i1.Store }, { token: i2.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
+NgssmRemoteCallDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteCallDirective, isStandalone: true, selector: "[ngssmRemoteCall]", inputs: { remoteCallId: ["ngssmRemoteCall", "remoteCallId"] }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngssmRemoteCall]',

package/esm2020/lib/ngssm-remote-call/ngssm-remote-call-state-initializer.mjs

@@ -11,9 +11,9 @@ export class NgssmRemoteCallStateInitializer {
         return (this.remoteCallConfigs ?? []).reduce((s, config) => updateNgssmRemoteCallState(s, { remoteCalls: { [config.id]: { $set: { status: RemoteCallStatus.none } } } }), tempState);
     }
 }
-NgssmRemoteCallStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NgssmRemoteCallStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer, decorators: [{
+NgssmRemoteCallStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+NgssmRemoteCallStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2020/lib/ngssm-remote-call/reducers/remote-call-setter.reducer.mjs

@@ -21,9 +21,9 @@ export class RemoteCallSetterReducer {
         return state;
     }
 }
-RemoteCallSetterReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteCallSetterReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer, decorators: [{
+RemoteCallSetterReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteCallSetterReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer, decorators: [{
             type: Injectable
         }] });
 export const remoteCallSetterReducerProvider = {

package/esm2020/lib/ngssm-remote-call/reducers/remote-call.reducer.mjs

@@ -32,9 +32,9 @@ export class RemoteCallReducer {
         return output;
     }
 }
-RemoteCallReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteCallReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer, decorators: [{
+RemoteCallReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteCallReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2020/lib/remote-data/components/ngssm-caches/ngssm-caches.component.mjs

@@ -41,9 +41,9 @@ export class NgssmCachesComponent extends NgSsmComponent {
         this.dispatchAction(new LoadRemoteDataAction(cache.key, { forceReload: true, keepStoredGetterParams: true }));
     }
 }
-NgssmCachesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmCachesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmCachesComponent, isStandalone: true, selector: "ngssm-caches", usesInheritance: true, ngImport: i0, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesComponent, decorators: [{
+NgssmCachesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmCachesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmCachesComponent, isStandalone: true, selector: "ngssm-caches", usesInheritance: true, ngImport: i0, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-caches', standalone: true, imports: [CommonModule, MatDialogModule, MatButtonModule, MatTableModule, MatIconModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });

package/esm2020/lib/remote-data/components/ngssm-caches-display-button/ngssm-caches-display-button.component.mjs

@@ -18,9 +18,9 @@ export class NgssmCachesDisplayButtonComponent extends NgSsmComponent {
         this.dispatchActionType(RemoteDataActionType.displayCaches);
     }
 }
-NgssmCachesDisplayButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesDisplayButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmCachesDisplayButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmCachesDisplayButtonComponent, isStandalone: true, selector: "ngssm-caches-display-button", usesInheritance: true, ngImport: i0, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesDisplayButtonComponent, decorators: [{
+NgssmCachesDisplayButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesDisplayButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmCachesDisplayButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmCachesDisplayButtonComponent, isStandalone: true, selector: "ngssm-caches-display-button", usesInheritance: true, ngImport: i0, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesDisplayButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-caches-display-button', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });

package/esm2020/lib/remote-data/components/ngssm-remote-data-overlay.directive.mjs

@@ -35,9 +35,9 @@ export class NgssmRemoteDataOverlayDirective extends NgSsmComponent {
         }
     }
 }
-NgssmRemoteDataOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataOverlayDirective, deps: [{ token: i1.Store }, { token: i2.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
-NgssmRemoteDataOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteDataOverlayDirective, isStandalone: true, selector: "[ngssmRemoteDataOverlay]", inputs: { ngssmRemoteDataOverlay: "ngssmRemoteDataOverlay" }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataOverlayDirective, decorators: [{
+NgssmRemoteDataOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataOverlayDirective, deps: [{ token: i1.Store }, { token: i2.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
+NgssmRemoteDataOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteDataOverlayDirective, isStandalone: true, selector: "[ngssmRemoteDataOverlay]", inputs: { ngssmRemoteDataOverlay: "ngssmRemoteDataOverlay" }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngssmRemoteDataOverlay]',

package/esm2020/lib/remote-data/components/ngssm-remote-data-reload-button/ngssm-remote-data-reload-button.component.mjs

@@ -50,9 +50,9 @@ export class NgssmRemoteDataReloadButtonComponent extends NgSsmComponent {
         (this.actionTypes ?? []).forEach((type) => this.dispatchActionType(type));
     }
 }
-NgssmRemoteDataReloadButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmRemoteDataReloadButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteDataReloadButtonComponent, isStandalone: true, selector: "ngssm-remote-data-reload-button", inputs: { actionTypes: "actionTypes", remoteDataKey: "remoteDataKey" }, usesInheritance: true, ngImport: i0, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, decorators: [{
+NgssmRemoteDataReloadButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmRemoteDataReloadButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteDataReloadButtonComponent, isStandalone: true, selector: "ngssm-remote-data-reload-button", inputs: { actionTypes: "actionTypes", remoteDataKey: "remoteDataKey" }, usesInheritance: true, ngImport: i0, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-remote-data-reload-button', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, MatTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { actionTypes: [{

package/esm2020/lib/remote-data/effects/caches-display.effect.mjs

@@ -25,9 +25,9 @@ export class CachesDisplayEffect {
         }
     }
 }
-CachesDisplayEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-CachesDisplayEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect, decorators: [{
+CachesDisplayEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+CachesDisplayEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.MatDialog }]; } });
 export const cachesDisplayEffectProvider = {

package/esm2020/lib/remote-data/effects/remote-data-loading.effect.mjs

@@ -35,9 +35,9 @@ export class RemoteDataLoadingEffect {
         });
     }
 }
-RemoteDataLoadingEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }, { token: i1.NgssmNotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataLoadingEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect, decorators: [{
+RemoteDataLoadingEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }, { token: i1.NgssmNotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataLoadingEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2020/lib/remote-data/guards/remote-data-loading.guard.mjs

@@ -15,9 +15,9 @@ export class RemoteDataLoadingGuard {
         return true;
     }
 }
-RemoteDataLoadingGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataLoadingGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, decorators: [{
+RemoteDataLoadingGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataLoadingGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/lib/remote-data/reducers/remote-data.reducer.mjs

@@ -61,9 +61,9 @@ export class RemoteDataReducer {
         return state;
     }
 }
-RemoteDataReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer, decorators: [{
+RemoteDataReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2020/lib/remote-data/remote-data-state-initializer.mjs

@@ -11,9 +11,9 @@ export class RemoteDataStateInitializer {
         return (this.remoteDataProviders ?? []).reduce((s, provider) => updateRemoteDataState(s, { [provider.remoteDataKey]: { $set: { status: DataStatus.none } } }), tempState);
     }
 }
-RemoteDataStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer, decorators: [{
+RemoteDataStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,

package/fesm2015/ngssm-remote-data.mjs

@@ -96,9 +96,9 @@ class RemoteDataLoadingGuard {
         return true;
     }
 }
-RemoteDataLoadingGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataLoadingGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, decorators: [{
+RemoteDataLoadingGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataLoadingGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -147,9 +147,9 @@ class NgssmRemoteDataReloadButtonComponent extends NgSsmComponent {
         ((_a = this.actionTypes) !== null && _a !== void 0 ? _a : []).forEach((type) => this.dispatchActionType(type));
     }
 }
-NgssmRemoteDataReloadButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmRemoteDataReloadButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteDataReloadButtonComponent, isStandalone: true, selector: "ngssm-remote-data-reload-button", inputs: { actionTypes: "actionTypes", remoteDataKey: "remoteDataKey" }, usesInheritance: true, ngImport: i0, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, decorators: [{
+NgssmRemoteDataReloadButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmRemoteDataReloadButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteDataReloadButtonComponent, isStandalone: true, selector: "ngssm-remote-data-reload-button", inputs: { actionTypes: "actionTypes", remoteDataKey: "remoteDataKey" }, usesInheritance: true, ngImport: i0, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-remote-data-reload-button', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, MatTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { actionTypes: [{
@@ -187,9 +187,9 @@ class NgssmRemoteDataOverlayDirective extends NgSsmComponent {
         }
     }
 }
-NgssmRemoteDataOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataOverlayDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
-NgssmRemoteDataOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteDataOverlayDirective, isStandalone: true, selector: "[ngssmRemoteDataOverlay]", inputs: { ngssmRemoteDataOverlay: "ngssmRemoteDataOverlay" }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataOverlayDirective, decorators: [{
+NgssmRemoteDataOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataOverlayDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
+NgssmRemoteDataOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteDataOverlayDirective, isStandalone: true, selector: "[ngssmRemoteDataOverlay]", inputs: { ngssmRemoteDataOverlay: "ngssmRemoteDataOverlay" }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngssmRemoteDataOverlay]',
@@ -208,9 +208,9 @@ class NgssmCachesDisplayButtonComponent extends NgSsmComponent {
         this.dispatchActionType(RemoteDataActionType.displayCaches);
     }
 }
-NgssmCachesDisplayButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesDisplayButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmCachesDisplayButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmCachesDisplayButtonComponent, isStandalone: true, selector: "ngssm-caches-display-button", usesInheritance: true, ngImport: i0, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesDisplayButtonComponent, decorators: [{
+NgssmCachesDisplayButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesDisplayButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmCachesDisplayButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmCachesDisplayButtonComponent, isStandalone: true, selector: "ngssm-caches-display-button", usesInheritance: true, ngImport: i0, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesDisplayButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-caches-display-button', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -238,9 +238,9 @@ class NgssmCachesComponent extends NgSsmComponent {
         this.dispatchAction(new LoadRemoteDataAction(cache.key, { forceReload: true, keepStoredGetterParams: true }));
     }
 }
-NgssmCachesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmCachesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmCachesComponent, isStandalone: true, selector: "ngssm-caches", usesInheritance: true, ngImport: i0, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesComponent, decorators: [{
+NgssmCachesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmCachesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmCachesComponent, isStandalone: true, selector: "ngssm-caches", usesInheritance: true, ngImport: i0, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-caches', standalone: true, imports: [CommonModule, MatDialogModule, MatButtonModule, MatTableModule, MatIconModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -267,9 +267,9 @@ class CachesDisplayEffect {
         }
     }
 }
-CachesDisplayEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect, deps: [{ token: i3$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-CachesDisplayEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect, decorators: [{
+CachesDisplayEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect, deps: [{ token: i3$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+CachesDisplayEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i3$1.MatDialog }]; } });
 const cachesDisplayEffectProvider = {
@@ -310,9 +310,9 @@ class RemoteDataLoadingEffect {
         });
     }
 }
-RemoteDataLoadingEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }, { token: i2$1.NgssmNotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataLoadingEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect, decorators: [{
+RemoteDataLoadingEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }, { token: i2$1.NgssmNotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataLoadingEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -387,9 +387,9 @@ class RemoteDataReducer {
         return state;
     }
 }
-RemoteDataReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer, decorators: [{
+RemoteDataReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -415,9 +415,9 @@ class RemoteDataStateInitializer {
         return ((_a = this.remoteDataProviders) !== null && _a !== void 0 ? _a : []).reduce((s, provider) => updateRemoteDataState(s, { [provider.remoteDataKey]: { $set: { status: DataStatus.none } } }), tempState);
     }
 }
-RemoteDataStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer, decorators: [{
+RemoteDataStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -483,9 +483,9 @@ class NgssmRemoteCallStateInitializer {
         return ((_a = this.remoteCallConfigs) !== null && _a !== void 0 ? _a : []).reduce((s, config) => updateNgssmRemoteCallState(s, { remoteCalls: { [config.id]: { $set: { status: RemoteCallStatus.none } } } }), tempState);
     }
 }
-NgssmRemoteCallStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NgssmRemoteCallStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer, decorators: [{
+NgssmRemoteCallStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+NgssmRemoteCallStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -527,9 +527,9 @@ class RemoteCallReducer {
         return output;
     }
 }
-RemoteCallReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteCallReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer, decorators: [{
+RemoteCallReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteCallReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
@@ -583,9 +583,9 @@ class RemoteCallSetterReducer {
         return state;
     }
 }
-RemoteCallSetterReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteCallSetterReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer, decorators: [{
+RemoteCallSetterReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteCallSetterReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer, decorators: [{
             type: Injectable
         }] });
 const remoteCallSetterReducerProvider = {
@@ -623,9 +623,9 @@ class NgssmRemoteCallDirective extends NgSsmComponent {
         });
     }
 }
-NgssmRemoteCallDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
-NgssmRemoteCallDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteCallDirective, isStandalone: true, selector: "[ngssmRemoteCall]", inputs: { remoteCallId: ["ngssmRemoteCall", "remoteCallId"] }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallDirective, decorators: [{
+NgssmRemoteCallDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
+NgssmRemoteCallDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteCallDirective, isStandalone: true, selector: "[ngssmRemoteCall]", inputs: { remoteCallId: ["ngssmRemoteCall", "remoteCallId"] }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngssmRemoteCall]',
@@ -657,9 +657,9 @@ class NgssmRemoteCallErrorComponent extends NgSsmComponent {
         this._remoteCallError$.next(undefined);
     }
 }
-NgssmRemoteCallErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallErrorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmRemoteCallErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteCallErrorComponent, isStandalone: true, selector: "ngssm-remote-call-error", inputs: { remoteCallId: "remoteCallId" }, host: { properties: { "class": "this.hostCssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallErrorComponent, decorators: [{
+NgssmRemoteCallErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallErrorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmRemoteCallErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteCallErrorComponent, isStandalone: true, selector: "ngssm-remote-call-error", inputs: { remoteCallId: "remoteCallId" }, host: { properties: { "class": "this.hostCssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-remote-call-error', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { hostCssClasses: [{

package/fesm2020/ngssm-remote-data.mjs

@@ -95,9 +95,9 @@ class RemoteDataLoadingGuard {
         return true;
     }
 }
-RemoteDataLoadingGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataLoadingGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingGuard, decorators: [{
+RemoteDataLoadingGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataLoadingGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -144,9 +144,9 @@ class NgssmRemoteDataReloadButtonComponent extends NgSsmComponent {
         (this.actionTypes ?? []).forEach((type) => this.dispatchActionType(type));
     }
 }
-NgssmRemoteDataReloadButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmRemoteDataReloadButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteDataReloadButtonComponent, isStandalone: true, selector: "ngssm-remote-data-reload-button", inputs: { actionTypes: "actionTypes", remoteDataKey: "remoteDataKey" }, usesInheritance: true, ngImport: i0, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, decorators: [{
+NgssmRemoteDataReloadButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmRemoteDataReloadButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteDataReloadButtonComponent, isStandalone: true, selector: "ngssm-remote-data-reload-button", inputs: { actionTypes: "actionTypes", remoteDataKey: "remoteDataKey" }, usesInheritance: true, ngImport: i0, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-remote-data-reload-button', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, MatTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"(tooltipMessage$ | async) ?? 'Reload'\"\n    [disabled]=\"disabled$ | async\">\n    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n</button>" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { actionTypes: [{
@@ -183,9 +183,9 @@ class NgssmRemoteDataOverlayDirective extends NgSsmComponent {
         }
     }
 }
-NgssmRemoteDataOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataOverlayDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
-NgssmRemoteDataOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteDataOverlayDirective, isStandalone: true, selector: "[ngssmRemoteDataOverlay]", inputs: { ngssmRemoteDataOverlay: "ngssmRemoteDataOverlay" }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteDataOverlayDirective, decorators: [{
+NgssmRemoteDataOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataOverlayDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
+NgssmRemoteDataOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteDataOverlayDirective, isStandalone: true, selector: "[ngssmRemoteDataOverlay]", inputs: { ngssmRemoteDataOverlay: "ngssmRemoteDataOverlay" }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteDataOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngssmRemoteDataOverlay]',
@@ -204,9 +204,9 @@ class NgssmCachesDisplayButtonComponent extends NgSsmComponent {
         this.dispatchActionType(RemoteDataActionType.displayCaches);
     }
 }
-NgssmCachesDisplayButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesDisplayButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmCachesDisplayButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmCachesDisplayButtonComponent, isStandalone: true, selector: "ngssm-caches-display-button", usesInheritance: true, ngImport: i0, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesDisplayButtonComponent, decorators: [{
+NgssmCachesDisplayButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesDisplayButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmCachesDisplayButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmCachesDisplayButtonComponent, isStandalone: true, selector: "ngssm-caches-display-button", usesInheritance: true, ngImport: i0, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesDisplayButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-caches-display-button', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button matTooltip=\"Display caches\" (click)=\"displayCaches()\">\n    <mat-icon class=\"fa-solid fa-cloud-bolt\"></mat-icon>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -234,9 +234,9 @@ class NgssmCachesComponent extends NgSsmComponent {
         this.dispatchAction(new LoadRemoteDataAction(cache.key, { forceReload: true, keepStoredGetterParams: true }));
     }
 }
-NgssmCachesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmCachesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmCachesComponent, isStandalone: true, selector: "ngssm-caches", usesInheritance: true, ngImport: i0, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmCachesComponent, decorators: [{
+NgssmCachesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmCachesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmCachesComponent, isStandalone: true, selector: "ngssm-caches", usesInheritance: true, ngImport: i0, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i3$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmCachesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-caches', standalone: true, imports: [CommonModule, MatDialogModule, MatButtonModule, MatTableModule, MatIconModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<h1 mat-dialog-title>List of caches</h1>\n<mat-dialog-content class=\"flex-column-stretch fxFlex\">\n    <mat-table [dataSource]=\"caches$\" class=\"fxFlex\">\n        <ng-container matColumnDef=\"actions\">\n            <mat-header-cell *matHeaderCellDef> </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n                <button mat-icon-button [disabled]=\"element.value.status === dataStatus.loading\" (click)=\"reloadCache(element)\" color=\"primary\" id=\"reload_{{element.key}}\">\n                    <mat-icon class=\"fa-solid fa-rotate-right\"></mat-icon>\n                </button>\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"key\">\n            <mat-header-cell *matHeaderCellDef> Key </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.key}} </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <mat-header-cell *matHeaderCellDef> Status </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\">\n\n                <div [ngSwitch]=\"element.value.status\">\n                    <mat-icon *ngSwitchCase=\"dataStatus.none\" class=\"fa-solid fa-minus\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.loaded\" class=\"fa-solid fa-check\" color=\"primary\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.error\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-icon *ngSwitchCase=\"dataStatus.notFound\" class=\"fa-solid fa-xmark\" color=\"warn\"></mat-icon>\n                    <mat-spinner [diameter]=\"20\" *ngSwitchCase=\"dataStatus.loading\"></mat-spinner>\n                </div>\n\n            </mat-cell>\n        </ng-container>\n\n        <ng-container matColumnDef=\"timestamp\">\n            <mat-header-cell *matHeaderCellDef> Timestamp </mat-header-cell>\n            <mat-cell *matCellDef=\"let element\"> {{element.value.timestamp}} </mat-cell>\n        </ng-container>\n\n        <mat-header-row *matHeaderRowDef=\"['actions', 'status', 'key', 'timestamp']; sticky: true\"></mat-header-row>\n        <mat-row *matRowDef=\"let row; columns: ['actions', 'status', 'key', 'timestamp']\"></mat-row>\n    </mat-table>\n</mat-dialog-content>\n<mat-dialog-actions class=\"flex-row-center\">\n    <span class=\"fxFlex\"></span>\n    <button mat-button (click)=\"close()\" id=\"closeButton\">Close</button>\n</mat-dialog-actions>", styles: [":host{display:flex;flex-direction:column;min-width:800px;max-width:80vw;min-height:500px;max-height:80vh}:host .mat-column-actions{min-width:50px;max-width:50px;padding-left:0!important}:host .mat-column-status{min-width:60px;max-width:60px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -262,9 +262,9 @@ class CachesDisplayEffect {
         }
     }
 }
-CachesDisplayEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect, deps: [{ token: i3$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-CachesDisplayEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CachesDisplayEffect, decorators: [{
+CachesDisplayEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect, deps: [{ token: i3$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+CachesDisplayEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: CachesDisplayEffect, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i3$1.MatDialog }]; } });
 const cachesDisplayEffectProvider = {
@@ -303,9 +303,9 @@ class RemoteDataLoadingEffect {
         });
     }
 }
-RemoteDataLoadingEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }, { token: i2$1.NgssmNotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataLoadingEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataLoadingEffect, decorators: [{
+RemoteDataLoadingEffect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }, { token: i2$1.NgssmNotifierService }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataLoadingEffect.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataLoadingEffect, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -376,9 +376,9 @@ class RemoteDataReducer {
         return state;
     }
 }
-RemoteDataReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataReducer, decorators: [{
+RemoteDataReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataReducer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -401,9 +401,9 @@ class RemoteDataStateInitializer {
         return (this.remoteDataProviders ?? []).reduce((s, provider) => updateRemoteDataState(s, { [provider.remoteDataKey]: { $set: { status: DataStatus.none } } }), tempState);
     }
 }
-RemoteDataStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteDataStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteDataStateInitializer, decorators: [{
+RemoteDataStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteDataStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteDataStateInitializer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -466,9 +466,9 @@ class NgssmRemoteCallStateInitializer {
         return (this.remoteCallConfigs ?? []).reduce((s, config) => updateNgssmRemoteCallState(s, { remoteCalls: { [config.id]: { $set: { status: RemoteCallStatus.none } } } }), tempState);
     }
 }
-NgssmRemoteCallStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NgssmRemoteCallStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallStateInitializer, decorators: [{
+NgssmRemoteCallStateInitializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+NgssmRemoteCallStateInitializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallStateInitializer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -506,9 +506,9 @@ class RemoteCallReducer {
         return output;
     }
 }
-RemoteCallReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteCallReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallReducer, decorators: [{
+RemoteCallReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteCallReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallReducer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -560,9 +560,9 @@ class RemoteCallSetterReducer {
         return state;
     }
 }
-RemoteCallSetterReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-RemoteCallSetterReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RemoteCallSetterReducer, decorators: [{
+RemoteCallSetterReducer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+RemoteCallSetterReducer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RemoteCallSetterReducer, decorators: [{
             type: Injectable
         }] });
 const remoteCallSetterReducerProvider = {
@@ -599,9 +599,9 @@ class NgssmRemoteCallDirective extends NgSsmComponent {
         });
     }
 }
-NgssmRemoteCallDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
-NgssmRemoteCallDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteCallDirective, isStandalone: true, selector: "[ngssmRemoteCall]", inputs: { remoteCallId: ["ngssmRemoteCall", "remoteCallId"] }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallDirective, decorators: [{
+NgssmRemoteCallDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive });
+NgssmRemoteCallDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteCallDirective, isStandalone: true, selector: "[ngssmRemoteCall]", inputs: { remoteCallId: ["ngssmRemoteCall", "remoteCallId"] }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngssmRemoteCall]',
@@ -633,9 +633,9 @@ class NgssmRemoteCallErrorComponent extends NgSsmComponent {
         this._remoteCallError$.next(undefined);
     }
 }
-NgssmRemoteCallErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallErrorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
-NgssmRemoteCallErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: NgssmRemoteCallErrorComponent, isStandalone: true, selector: "ngssm-remote-call-error", inputs: { remoteCallId: "remoteCallId" }, host: { properties: { "class": "this.hostCssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NgssmRemoteCallErrorComponent, decorators: [{
+NgssmRemoteCallErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallErrorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+NgssmRemoteCallErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: NgssmRemoteCallErrorComponent, isStandalone: true, selector: "ngssm-remote-call-error", inputs: { remoteCallId: "remoteCallId" }, host: { properties: { "class": "this.hostCssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.JsonPipe, name: "json" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: NgssmRemoteCallErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ngssm-remote-call-error', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"(remoteCallError$ | async) !== undefined\" class=\"ngssm-remote-call-error-container\">\n    {{remoteCallError$ | async | json}}\n\n    <button mat-icon-button color=\"warn\" class=\"ngssm-remote-call-error-close-button\" (click)=\"hideComponent()\">\n        <mat-icon class=\"fa-solid fa-square-xmark\"></mat-icon>\n    </button>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { hostCssClasses: [{

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "ngssm-remote-data",
-  "version": "15.3.11",
+  "version": "15.3.13",
   "description": "NgSsm - Utilities to manage data loaded from remote services with the store.",
   "author": "Lion Marc",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": ">15.0.0",
     "@angular/core": ">=15.0.0",
-    "ngssm-store": "15.3.11"
+    "ngssm-store": "15.3.13"
   },
   "dependencies": {
     "tslib": "^2.3.0"