ngssm-remote-data 18.2.1 → 19.0.0

package/fesm2022/ngssm-remote-data-service-info.mjs

@@ -1,7 +1,7 @@
-import { InjectionToken, inject, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
+import { InjectionToken, inject, makeEnvironmentProviders, provideAppInitializer } from '@angular/core';
 import { LoadRemoteDataAction, provideRemoteDataFunc } from 'ngssm-remote-data';
-import { Store } from 'ngssm-store';
 import { HttpClient } from '@angular/common/http';
+import { Store } from 'ngssm-store';
 
 const serviceInfoKey = 'service-info';
 const NGSSM_SERVICE_INFO_URL = new InjectionToken('NGSSM_SERVICE_INFO_URL');
@@ -9,9 +9,9 @@ const serviceInfoLoader = () => {
     const serviceUrl = inject(NGSSM_SERVICE_INFO_URL);
     return inject(HttpClient).get(serviceUrl);
 };
-const serviceInfoInitializerFactory = (store) => {
+const serviceInfoInitializerFactory = () => {
     return async () => {
-        store.dispatchAction(new LoadRemoteDataAction(serviceInfoKey, { forceReload: true }));
+        inject(Store).dispatchAction(new LoadRemoteDataAction(serviceInfoKey, { forceReload: true }));
         return true;
     };
 };
@@ -20,12 +20,7 @@ const provideNgssmServiceInfo = (infoUrl = '../info') => {
     return makeEnvironmentProviders([
         { provide: NGSSM_SERVICE_INFO_URL, useValue: infoUrl },
         provideRemoteDataFunc(serviceInfoKey, serviceInfoLoader),
-        {
-            provide: APP_INITIALIZER,
-            useFactory: serviceInfoInitializerFactory,
-            deps: [Store],
-            multi: true
-        }
+        provideAppInitializer(serviceInfoInitializerFactory())
     ]);
 };
 

package/fesm2022/ngssm-remote-data-service-info.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngssm-remote-data-service-info.mjs","sources":["../../../projects/ngssm-remote-data/service-info/src/model/service-info.ts","../../../projects/ngssm-remote-data/service-info/src/provide-ngssm-service-info.ts","../../../projects/ngssm-remote-data/service-info/ngssm-remote-data-service-info.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\n\nimport { LoadRemoteDataAction, RemoteDataLoadingFunc } from 'ngssm-remote-data';\nimport { Store } from 'ngssm-store';\nimport { ServiceInfo } from 'ngssm-store/smusdi';\n\nexport const serviceInfoKey = 'service-info';\n\nexport const NGSSM_SERVICE_INFO_URL = new InjectionToken<string>('NGSSM_SERVICE_INFO_URL');\n\nexport const serviceInfoLoader: RemoteDataLoadingFunc<ServiceInfo, any> = () => {\n  const serviceUrl = inject(NGSSM_SERVICE_INFO_URL);\n  return inject(HttpClient).get<ServiceInfo>(serviceUrl);\n};\n\nexport const serviceInfoInitializerFactory = (store: Store): (() => Promise<boolean>) => {\n  return async () => {\n    store.dispatchAction(new LoadRemoteDataAction(serviceInfoKey, { forceReload: true }));\n    return true;\n  };\n};\n","import { APP_INITIALIZER, EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\nimport { provideRemoteDataFunc } from 'ngssm-remote-data';\nimport { Store } from 'ngssm-store';\n\nimport { NGSSM_SERVICE_INFO_URL, serviceInfoInitializerFactory, serviceInfoKey, serviceInfoLoader } from './model';\n\nexport const provideNgssmServiceInfo = (infoUrl = '../info'): EnvironmentProviders => {\n  return makeEnvironmentProviders([\n    { provide: NGSSM_SERVICE_INFO_URL, useValue: infoUrl },\n    provideRemoteDataFunc(serviceInfoKey, serviceInfoLoader),\n    {\n      provide: APP_INITIALIZER,\n      useFactory: serviceInfoInitializerFactory,\n      deps: [Store],\n      multi: true\n    }\n  ]);\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAOO,MAAM,cAAc,GAAG,eAAe;MAEhC,sBAAsB,GAAG,IAAI,cAAc,CAAS,wBAAwB,EAAE;AAEpF,MAAM,iBAAiB,GAA4C,MAAK;AAC7E,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;IAClD,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAc,UAAU,CAAC,CAAC;AACzD,EAAE;AAEW,MAAA,6BAA6B,GAAG,CAAC,KAAY,KAA8B;IACtF,OAAO,YAAW;AAChB,QAAA,KAAK,CAAC,cAAc,CAAC,IAAI,oBAAoB,CAAC,cAAc,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACtF,QAAA,OAAO,IAAI,CAAC;AACd,KAAC,CAAC;AACJ;;MCda,uBAAuB,GAAG,CAAC,OAAO,GAAG,SAAS,KAA0B;AACnF,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,EAAE;AACtD,QAAA,qBAAqB,CAAC,cAAc,EAAE,iBAAiB,CAAC;AACxD,QAAA;AACE,YAAA,OAAO,EAAE,eAAe;AACxB,YAAA,UAAU,EAAE,6BAA6B;YACzC,IAAI,EAAE,CAAC,KAAK,CAAC;AACb,YAAA,KAAK,EAAE,IAAI;AACZ,SAAA;AACF,KAAA,CAAC,CAAC;AACL;;AClBA;;AAEG;;;;"}
+{"version":3,"file":"ngssm-remote-data-service-info.mjs","sources":["../../../projects/ngssm-remote-data/service-info/src/model/service-info.ts","../../../projects/ngssm-remote-data/service-info/src/provide-ngssm-service-info.ts","../../../projects/ngssm-remote-data/service-info/ngssm-remote-data-service-info.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\n\nimport { LoadRemoteDataAction, RemoteDataLoadingFunc } from 'ngssm-remote-data';\nimport { Store } from 'ngssm-store';\nimport { ServiceInfo } from 'ngssm-store/smusdi';\n\nexport const serviceInfoKey = 'service-info';\n\nexport const NGSSM_SERVICE_INFO_URL = new InjectionToken<string>('NGSSM_SERVICE_INFO_URL');\n\nexport const serviceInfoLoader: RemoteDataLoadingFunc<ServiceInfo, any> = () => {\n  const serviceUrl = inject(NGSSM_SERVICE_INFO_URL);\n  return inject(HttpClient).get<ServiceInfo>(serviceUrl);\n};\n\nexport const serviceInfoInitializerFactory = (): (() => Promise<boolean>) => {\n  return async () => {\n    inject(Store).dispatchAction(new LoadRemoteDataAction(serviceInfoKey, { forceReload: true }));\n    return true;\n  };\n};\n","import { EnvironmentProviders, makeEnvironmentProviders, provideAppInitializer } from '@angular/core';\n\nimport { provideRemoteDataFunc } from 'ngssm-remote-data';\n\nimport { NGSSM_SERVICE_INFO_URL, serviceInfoInitializerFactory, serviceInfoKey, serviceInfoLoader } from './model';\n\nexport const provideNgssmServiceInfo = (infoUrl = '../info'): EnvironmentProviders => {\n  return makeEnvironmentProviders([\n    { provide: NGSSM_SERVICE_INFO_URL, useValue: infoUrl },\n    provideRemoteDataFunc(serviceInfoKey, serviceInfoLoader),\n    provideAppInitializer(serviceInfoInitializerFactory())\n  ]);\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAOO,MAAM,cAAc,GAAG;MAEjB,sBAAsB,GAAG,IAAI,cAAc,CAAS,wBAAwB;AAElF,MAAM,iBAAiB,GAA4C,MAAK;AAC7E,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,sBAAsB,CAAC;IACjD,OAAO,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAc,UAAU,CAAC;AACxD;AAEO,MAAM,6BAA6B,GAAG,MAA+B;IAC1E,OAAO,YAAW;AAChB,QAAA,MAAM,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,IAAI,oBAAoB,CAAC,cAAc,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7F,QAAA,OAAO,IAAI;AACb,KAAC;AACH;;MCfa,uBAAuB,GAAG,CAAC,OAAO,GAAG,SAAS,KAA0B;AACnF,IAAA,OAAO,wBAAwB,CAAC;AAC9B,QAAA,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,EAAE;AACtD,QAAA,qBAAqB,CAAC,cAAc,EAAE,iBAAiB,CAAC;QACxD,qBAAqB,CAAC,6BAA6B,EAAE;AACtD,KAAA,CAAC;AACJ;;ACZA;;AAEG;;;;"}

package/fesm2022/ngssm-remote-data.mjs

@@ -16,7 +16,7 @@ import * as i6 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { BehaviorSubject, combineLatest, takeUntil, Subject, switchMap } from 'rxjs';
 import * as i2$1 from 'ngssm-toolkit';
-import { NgssmOverlayBuilder } from 'ngssm-toolkit';
+import { NgssmOverlayBuilder, NgssmOverlay } from 'ngssm-toolkit';
 import * as i3$1 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
 import * as i5$1 from '@angular/material/table';
@@ -112,10 +112,10 @@ class RemoteDataLoadingGuard {
         });
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataLoadingGuard, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataLoadingGuard, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataLoadingGuard, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataLoadingGuard, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataLoadingGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataLoadingGuard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -167,12 +167,12 @@ class NgssmRemoteDataReloadButtonComponent extends NgSsmComponent {
             .forEach((key) => this.dispatchAction(new LoadRemoteDataAction(key, { forceReload: true, keepStoredGetterParams: true })));
         (this.actionTypes ?? []).forEach((type) => this.dispatchActionType(type));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: NgssmRemoteDataReloadButtonComponent, isStandalone: true, selector: "ngssm-remote-data-reload-button", inputs: { actionTypes: "actionTypes", remoteDataKeys: "remoteDataKeys" }, usesInheritance: true, ngImport: i0, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"tooltipMessage()\"\n    [disabled]=\"disabled() === true\" id=\"reloadButton\" >\n    <mat-icon class=\"fa-solid fa-rotate-right\" *ngIf=\"inLoadingStatus() === false\"></mat-icon>\n    <mat-spinner [diameter]=\"24\" *ngIf=\"inLoadingStatus() === true\" id=\"loadingSpinner\"></mat-spinner>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: NgssmRemoteDataReloadButtonComponent, isStandalone: true, selector: "ngssm-remote-data-reload-button", inputs: { actionTypes: "actionTypes", remoteDataKeys: "remoteDataKeys" }, usesInheritance: true, ngImport: i0, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"tooltipMessage()\"\n    [disabled]=\"disabled() === true\" id=\"reloadButton\" >\n    <mat-icon class=\"fa-solid fa-rotate-right\" *ngIf=\"inLoadingStatus() === false\"></mat-icon>\n    <mat-spinner [diameter]=\"24\" *ngIf=\"inLoadingStatus() === true\" id=\"loadingSpinner\"></mat-spinner>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i6.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: "18.2.6", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteDataReloadButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngssm-remote-data-reload-button', standalone: true, imports: [CommonModule, MatIconModule, MatButtonModule, MatTooltipModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"tooltipMessage()\"\n    [disabled]=\"disabled() === true\" id=\"reloadButton\" >\n    <mat-icon class=\"fa-solid fa-rotate-right\" *ngIf=\"inLoadingStatus() === false\"></mat-icon>\n    <mat-spinner [diameter]=\"24\" *ngIf=\"inLoadingStatus() === true\" id=\"loadingSpinner\"></mat-spinner>\n</button>\n" }]
+            args: [{ selector: 'ngssm-remote-data-reload-button', imports: [CommonModule, MatIconModule, MatButtonModule, MatTooltipModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button color=\"primary\" (click)=\"reload()\" [matTooltip]=\"tooltipMessage()\"\n    [disabled]=\"disabled() === true\" id=\"reloadButton\" >\n    <mat-icon class=\"fa-solid fa-rotate-right\" *ngIf=\"inLoadingStatus() === false\"></mat-icon>\n    <mat-spinner [diameter]=\"24\" *ngIf=\"inLoadingStatus() === true\" id=\"loadingSpinner\"></mat-spinner>\n</button>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { actionTypes: [{
                 type: Input
             }], remoteDataKeys: [{
@@ -206,15 +206,15 @@ class NgssmRemoteDataOverlayDirective extends NgSsmComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteDataOverlayDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: NgssmRemoteDataOverlayDirective, isStandalone: true, selector: "[ngssmRemoteDataOverlay]", inputs: { ngssmRemoteDataOverlay: "ngssmRemoteDataOverlay" }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteDataOverlayDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgssmRemoteDataOverlayDirective, isStandalone: true, selector: "[ngssmRemoteDataOverlay]", inputs: { ngssmRemoteDataOverlay: "ngssmRemoteDataOverlay" }, providers: [NgssmOverlayBuilder, NgssmOverlay], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteDataOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteDataOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngssmRemoteDataOverlay]',
                     standalone: true,
-                    providers: [NgssmOverlayBuilder]
+                    providers: [NgssmOverlayBuilder, NgssmOverlay]
                 }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2$1.NgssmOverlayBuilder }], propDecorators: { ngssmRemoteDataOverlay: [{
                 type: Input
@@ -227,12 +227,12 @@ class NgssmCachesDisplayButtonComponent extends NgSsmComponent {
     displayCaches() {
         this.dispatchActionType(RemoteDataActionType.displayCaches);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmCachesDisplayButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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]", 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]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmCachesDisplayButtonComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", 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]", 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]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmCachesDisplayButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", 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" }]
+            args: [{ selector: 'ngssm-caches-display-button', 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: () => [{ type: i1.Store }] });
 
 class NgssmCachesComponent extends NgSsmComponent {
@@ -257,12 +257,12 @@ class NgssmCachesComponent extends NgSsmComponent {
     reloadCache(cache) {
         this.dispatchAction(new LoadRemoteDataAction(cache.key, { forceReload: true, keepStoredGetterParams: true }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmCachesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", 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: ["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: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmCachesComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", 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.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i3$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", 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: ["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: i6.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: "18.2.6", ngImport: i0, type: NgssmCachesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", 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"] }]
+            args: [{ selector: 'ngssm-caches', 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: () => [{ type: i1.Store }] });
 
 class CachesDisplayEffect {
@@ -285,10 +285,10 @@ class CachesDisplayEffect {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CachesDisplayEffect, deps: [{ token: i3$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CachesDisplayEffect }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CachesDisplayEffect, deps: [{ token: i3$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CachesDisplayEffect }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CachesDisplayEffect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CachesDisplayEffect, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i3$1.MatDialog }] });
 
@@ -324,10 +324,10 @@ class RemoteDataLoadingEffect {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataLoadingEffect, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }, { token: i2$1.NgssmNotifierService }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataLoadingEffect }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataLoadingEffect, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }, { token: i2$1.NgssmNotifierService }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataLoadingEffect }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataLoadingEffect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataLoadingEffect, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -392,10 +392,10 @@ class RemoteDataReducer {
         }
         return state;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataReducer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataReducer }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataReducer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataReducer }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataReducer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataReducer, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -412,10 +412,10 @@ class RemoteDataStateInitializer {
         let tempState = state;
         return (this.remoteDataProviders ?? []).reduce((s, provider) => updateRemoteDataState(s, { [provider.remoteDataKey]: { $set: { status: DataStatus.none } } }), tempState);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataStateInitializer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataStateInitializer }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataStateInitializer, deps: [{ token: NGSSM_REMOTE_DATA_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataStateInitializer }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteDataStateInitializer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteDataStateInitializer, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -502,10 +502,10 @@ class NgssmRemoteCallStateInitializer {
         let tempState = state;
         return (this.remoteCallConfigs ?? []).reduce((s, config) => updateNgssmRemoteCallState(s, { remoteCalls: { [config.id]: { $set: { status: RemoteCallStatus.none } } } }), tempState);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteCallStateInitializer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteCallStateInitializer }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteCallStateInitializer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteCallStateInitializer }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteCallStateInitializer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteCallStateInitializer, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -542,10 +542,10 @@ class RemoteCallReducer {
         });
         return output;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteCallReducer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteCallReducer }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteCallReducer, deps: [{ token: NGSSM_REMOTE_CALL_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteCallReducer }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteCallReducer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteCallReducer, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -571,10 +571,10 @@ class RemoteCallSetterReducer {
         }
         return state;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteCallSetterReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteCallSetterReducer }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteCallSetterReducer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteCallSetterReducer }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoteCallSetterReducer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: RemoteCallSetterReducer, decorators: [{
             type: Injectable
         }] });
 
@@ -602,15 +602,15 @@ class NgssmRemoteCallDirective extends NgSsmComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteCallDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: NgssmRemoteCallDirective, isStandalone: true, selector: "[ngssmRemoteCall]", inputs: { remoteCallId: ["ngssmRemoteCall", "remoteCallId"] }, providers: [NgssmOverlayBuilder], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteCallDirective, deps: [{ token: i1.Store }, { token: i2$1.NgssmOverlayBuilder }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgssmRemoteCallDirective, isStandalone: true, selector: "[ngssmRemoteCall]", inputs: { remoteCallId: ["ngssmRemoteCall", "remoteCallId"] }, providers: [NgssmOverlayBuilder, NgssmOverlay], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteCallDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteCallDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngssmRemoteCall]',
                     standalone: true,
-                    providers: [NgssmOverlayBuilder]
+                    providers: [NgssmOverlayBuilder, NgssmOverlay]
                 }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2$1.NgssmOverlayBuilder }], propDecorators: { remoteCallId: [{
                 type: Input,
@@ -642,12 +642,12 @@ class NgssmRemoteCallErrorComponent extends NgSsmComponent {
     hideComponent() {
         this.errorContainerRendered.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: NgssmRemoteCallErrorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: NgssmRemoteCallErrorComponent, isStandalone: true, selector: "ngssm-remote-call-error", inputs: { remoteCallId: "remoteCallId" }, host: { properties: { "class": "this.hostCssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"errorContainerRendered() === true\" class=\"ngssm-remote-call-error-container\">\n    {{errorDescription()}}\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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgssmRemoteCallErrorComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: NgssmRemoteCallErrorComponent, isStandalone: true, selector: "ngssm-remote-call-error", inputs: { remoteCallId: "remoteCallId" }, host: { properties: { "class": "this.hostCssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"errorContainerRendered() === true\" class=\"ngssm-remote-call-error-container\">\n    {{errorDescription()}}\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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", 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: "18.2.6", ngImport: i0, type: NgssmRemoteCallErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", 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=\"errorContainerRendered() === true\" class=\"ngssm-remote-call-error-container\">\n    {{errorDescription()}}\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>" }]
+            args: [{ selector: 'ngssm-remote-call-error', imports: [CommonModule, MatButtonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"errorContainerRendered() === true\" class=\"ngssm-remote-call-error-container\">\n    {{errorDescription()}}\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: () => [{ type: i1.Store }], propDecorators: { hostCssClasses: [{
                 type: HostBinding,
                 args: ['class']