ets-fe-ng-sdk 19.0.31 → 19.0.33

package/fesm2022/ets-fe-ng-sdk.mjs

@@ -15,7 +15,7 @@ import { HttpClient, HttpHeaders, HttpRequest, HttpResponse, HttpErrorResponse }
 import * as i1$1 from '@angular/material/dialog';
 import { MatDialog, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import * as i1$8 from '@angular/platform-browser';
+import * as i3$5 from '@angular/platform-browser';
 import { Title } from '@angular/platform-browser';
 import * as i1$2 from '@angular/router';
 import { Router, ActivatedRoute, RouterLink, RouterModule, RouterLinkActive, NavigationStart, NavigationCancel, NavigationEnd } from '@angular/router';
@@ -88,7 +88,7 @@ import * as i1$7 from '@ng-idle/core';
 import { DEFAULT_INTERRUPTSOURCES } from '@ng-idle/core';
 import { Store } from '@ngrx/store';
 import { Actions, ofType } from '@ngrx/effects';
-import * as i1$9 from '@angular/service-worker';
+import * as i1$8 from '@angular/service-worker';
 import * as i3$4 from '@angular/cdk/clipboard';
 import { ClipboardModule } from '@angular/cdk/clipboard';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
@@ -5773,7 +5773,7 @@ class ValidationMessageComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ValidationMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: ValidationMessageComponent, isStandalone: true, selector: "app-validation-message", inputs: { _maxLength: { classPropertyName: "_maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, _minLength: { classPropertyName: "_minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, customMessage: { classPropertyName: "customMessage", publicName: "customMessage", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, ignoreDirtiness: { classPropertyName: "ignoreDirtiness", publicName: "ignoreDirtiness", isSignal: true, isRequired: false, transformFunction: null }, input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hideOverflow: { classPropertyName: "hideOverflow", publicName: "hideOverflow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { label: "labelChange" }, ngImport: i0, template: "<div class=\"text-danger\" (click)=\"logErrors()\" [ngClass]=\"{ hideOverflow: hideOverflow() }\" #el>\n  @for (error of computedErrors(); track error) {\n    <div class=\"d-flex align-items-center gap-1\">\n      <i class=\"fa fa-info\" aria-hidden=\"true\"></i>\n      <span\n        class=\"me-2 errormssg\"\n        [matTooltip]=\"ele.innerText\"\n        [matTooltipDisabled]=\"\n          ele.scrollHeight <= ele.offsetHeight && ele.scrollWidth <= ele.offsetWidth\n        \"\n        [innerHTML]=\"error | appTranslateNL: translationConfig | async\"\n        #ele></span>\n    </div>\n  }\n</div>\n", styles: [".text-danger{margin-top:5px;min-height:25px;position:relative}.errormssg{height:25px;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.hideOverflow{height:25px;overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: i0.forwardRef(() => AsyncPipe), name: "async" }, { kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatTooltipModule) }, { kind: "directive", type: i0.forwardRef(() => i11.MatTooltip), selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i0.forwardRef(() => SDKTranslateNoLoaderPipe), name: "appTranslateNL" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: ValidationMessageComponent, isStandalone: true, selector: "app-validation-message", inputs: { _maxLength: { classPropertyName: "_maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, _minLength: { classPropertyName: "_minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, customMessage: { classPropertyName: "customMessage", publicName: "customMessage", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, ignoreDirtiness: { classPropertyName: "ignoreDirtiness", publicName: "ignoreDirtiness", isSignal: true, isRequired: false, transformFunction: null }, input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hideOverflow: { classPropertyName: "hideOverflow", publicName: "hideOverflow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { label: "labelChange" }, ngImport: i0, template: "<div class=\"text-danger\" (click)=\"logErrors()\" [ngClass]=\"{ hideOverflow: hideOverflow() }\" #el>\n  @for (error of computedErrors(); track error) {\n    <div class=\"d-flex align-items-center gap-1\">\n      <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\n      <span\n        class=\"me-2 errormssg\"\n        [matTooltip]=\"ele.innerText\"\n        [matTooltipDisabled]=\"\n          ele.scrollHeight <= ele.offsetHeight && ele.scrollWidth <= ele.offsetWidth\n        \"\n        [innerHTML]=\"error | appTranslateNL: translationConfig | async\"\n        #ele></span>\n    </div>\n  }\n</div>\n", styles: [".text-danger{margin-top:5px;min-height:25px;position:relative}.errormssg{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.8rem}.hideOverflow{height:25px;overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: i0.forwardRef(() => AsyncPipe), name: "async" }, { kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i1.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: i0.forwardRef(() => MatTooltipModule) }, { kind: "directive", type: i0.forwardRef(() => i11.MatTooltip), selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i0.forwardRef(() => SDKTranslateNoLoaderPipe), name: "appTranslateNL" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ValidationMessageComponent, decorators: [{
             type: Component,
@@ -5786,7 +5786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
                         forwardRef(() => ErrorMessagePipe),
                         MatTooltipModule,
                         SDKTranslateNoLoaderPipe
-                    ], template: "<div class=\"text-danger\" (click)=\"logErrors()\" [ngClass]=\"{ hideOverflow: hideOverflow() }\" #el>\n  @for (error of computedErrors(); track error) {\n    <div class=\"d-flex align-items-center gap-1\">\n      <i class=\"fa fa-info\" aria-hidden=\"true\"></i>\n      <span\n        class=\"me-2 errormssg\"\n        [matTooltip]=\"ele.innerText\"\n        [matTooltipDisabled]=\"\n          ele.scrollHeight <= ele.offsetHeight && ele.scrollWidth <= ele.offsetWidth\n        \"\n        [innerHTML]=\"error | appTranslateNL: translationConfig | async\"\n        #ele></span>\n    </div>\n  }\n</div>\n", styles: [".text-danger{margin-top:5px;min-height:25px;position:relative}.errormssg{height:25px;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.hideOverflow{height:25px;overflow:hidden}\n"] }]
+                    ], template: "<div class=\"text-danger\" (click)=\"logErrors()\" [ngClass]=\"{ hideOverflow: hideOverflow() }\" #el>\n  @for (error of computedErrors(); track error) {\n    <div class=\"d-flex align-items-center gap-1\">\n      <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\n      <span\n        class=\"me-2 errormssg\"\n        [matTooltip]=\"ele.innerText\"\n        [matTooltipDisabled]=\"\n          ele.scrollHeight <= ele.offsetHeight && ele.scrollWidth <= ele.offsetWidth\n        \"\n        [innerHTML]=\"error | appTranslateNL: translationConfig | async\"\n        #ele></span>\n    </div>\n  }\n</div>\n", styles: [".text-danger{margin-top:5px;min-height:25px;position:relative}.errormssg{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.8rem}.hideOverflow{height:25px;overflow:hidden}\n"] }]
         }] });
 class ErrorMessagePipe {
     constructor() {
@@ -17243,14 +17243,16 @@ class AppService {
     get getCurrentSystemMetadata() {
         return this.systemMetadataMap.get(this.system);
     }
-    constructor(titleS, translator) {
-        this.titleS = titleS;
-        this.translator = translator;
+    constructor() {
+        this.titleS = inject(Title);
+        this.translator = inject(TranslationService);
         this.topMenu = environment.menus;
         this.bottomMenu = [];
         this.currentTopMenuSignal = signal(this.topMenu?.[0]);
         this._systemSignal = signal(null);
         this.systemSignal = computed(() => this._systemSignal());
+        this._pageName = signal(null);
+        this.pageNameSignal = computed(() => this._pageName());
         this.systemMetadataMap = new Map([]);
         this.addTitle = (title, translate = environment.translate) => {
             environment.pageTitle = title;
@@ -17285,18 +17287,18 @@ class AppService {
     }
     //#region pagename
     get pageName() {
-        return this._pageName;
+        return this._pageName();
     }
     set pageName(value) {
-        this._pageName = value;
-        this.addTitle(this._pageName);
+        this._pageName.set(value);
+        this.addTitle(this._pageName());
     }
     //#endregion
     setMetaTheme() {
         const metaTag = document.getElementById('metaThemeColour');
         metaTag.content = this.getCurrentSystemMetadata.colourCode;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AppService, deps: [{ token: i1$8.Title }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AppService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AppService, decorators: [{
@@ -17304,7 +17306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$8.Title }, { type: TranslationService }] });
+        }], ctorParameters: () => [] });
 
 class HtmlerService {
     constructor() {
@@ -17583,7 +17585,7 @@ class ETSPromptUpdateService {
                 document.location.reload();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSPromptUpdateService, deps: [{ token: i1$9.SwUpdate }, { token: ETSConfirmDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSPromptUpdateService, deps: [{ token: i1$8.SwUpdate }, { token: ETSConfirmDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSPromptUpdateService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSPromptUpdateService, decorators: [{
@@ -17591,7 +17593,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$9.SwUpdate }, { type: ETSConfirmDialogService }] });
+        }], ctorParameters: () => [{ type: i1$8.SwUpdate }, { type: ETSConfirmDialogService }] });
 
 class ETSLogUpdateService {
     constructor(updates, uS) {
@@ -17621,7 +17623,7 @@ class ETSLogUpdateService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSLogUpdateService, deps: [{ token: i1$9.SwUpdate }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSLogUpdateService, deps: [{ token: i1$8.SwUpdate }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSLogUpdateService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSLogUpdateService, decorators: [{
@@ -17629,7 +17631,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$9.SwUpdate }, { type: UtilityService }] });
+        }], ctorParameters: () => [{ type: i1$8.SwUpdate }, { type: UtilityService }] });
 
 class ETSHandleUnrecoverableStateService {
     constructor(updates, uS, puS) {
@@ -17641,7 +17643,7 @@ class ETSHandleUnrecoverableStateService {
             this.puS.prompter('An error occurred that we cannot recover from:\n' + event.reason);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSHandleUnrecoverableStateService, deps: [{ token: i1$9.SwUpdate }, { token: UtilityService }, { token: ETSPromptUpdateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSHandleUnrecoverableStateService, deps: [{ token: i1$8.SwUpdate }, { token: UtilityService }, { token: ETSPromptUpdateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSHandleUnrecoverableStateService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSHandleUnrecoverableStateService, decorators: [{
@@ -17649,7 +17651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$9.SwUpdate }, { type: UtilityService }, { type: ETSPromptUpdateService }] });
+        }], ctorParameters: () => [{ type: i1$8.SwUpdate }, { type: UtilityService }, { type: ETSPromptUpdateService }] });
 
 class ETSCheckForUpdateService {
     constructor(appRef, updates, sS, puS) {
@@ -17695,7 +17697,7 @@ class ETSCheckForUpdateService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSCheckForUpdateService, deps: [{ token: i0.ApplicationRef }, { token: i1$9.SwUpdate }, { token: ETSStorageService }, { token: ETSPromptUpdateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSCheckForUpdateService, deps: [{ token: i0.ApplicationRef }, { token: i1$8.SwUpdate }, { token: ETSStorageService }, { token: ETSPromptUpdateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSCheckForUpdateService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSCheckForUpdateService, decorators: [{
@@ -17703,7 +17705,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i1$9.SwUpdate }, { type: ETSStorageService }, { type: ETSPromptUpdateService }] });
+        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i1$8.SwUpdate }, { type: ETSStorageService }, { type: ETSPromptUpdateService }] });
 
 class ETSServiceWorkerService {
     constructor(puS, luS, huS, cfuS, sS, iS) {
@@ -18308,13 +18310,13 @@ class ETSPageNotFoundComponent {
     back() {
         this.uS.back();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSPageNotFoundComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: UtilityService }, { token: i1$8.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSPageNotFoundComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: UtilityService }, { token: i3$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: ETSPageNotFoundComponent, isStandalone: true, selector: "app-page-not-found", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center\" id=\"main\" style=\"height: 80vh\">\n  <div class=\"text-center\">\n    <div class=\"d-md-flex justify-content-center align-items-center\">\n      <h1\n        class=\"m-3 p-3 align-top border-right inline-block align-content-center\"\n        style=\"border-right: 1px solid gray\"\n        *ngIf=\"!uS.isMobileSignal()\">\n        {{ config()?.status || '404' | appTranslate | async }}\n      </h1>\n      <h1\n        class=\"m-3 p-3 align-top border-right inline-block align-content-center\"\n        *ngIf=\"uS.isMobileSignal()\">\n        {{ config()?.status || '404' | appTranslate | async }}\n      </h1>\n      <div class=\"inline-block align-middle\">\n        <h2\n          class=\"font-weight-normal lead\"\n          id=\"desc\"\n          [innerHTML]=\"\n            configMessage() || 'The page you requested was not found.' | appTranslate | async\n          \"></h2>\n      </div>\n    </div>\n    @if (!config().hideButtons) {\n      <div class=\"{{ btnCaseClass() }}\">\n        <app-btn text=\"Go Back\" (mclick)=\"back()\" type=\"dark-outline\" icon=\"previous\" />\n        <span class=\"mx-1\"></span>\n        <app-btn text=\"Home\" routerLink=\"/\" type=\"dark\" icon=\"home\" />\n      </div>\n    }\n    @if (configBtn()) {\n      <div class=\"{{ btnCaseClass() }}\">\n        <app-btn\n          [text]=\"configBtn().label\"\n          (click)=\"configBtn().action?.()\"\n          [type]=\"configBtn().type\"\n          [icon]=\"configBtn().icon\"\n          [customIcon]=\"configBtn().customIcon\" />\n      </div>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: BtnComponent, selector: "app-btn", inputs: ["formSchema", "debug", "centerBtn", "danger", "warning", "verbose", "translatorOptions", "loading", "icon", "rightIcon", "leftIcon", "type", "group", "actionType", "animate", "excludeLogging", "loggingValue", "badge", "class", "customIcon", "form", "forms", "help", "helpShowDelay", "iconBtn", "mclass", "showHelpIcon", "rightCustomIcon", "leftCustomIcon", "text", "valid", "mini", "onFormInvalid", "disabled"], outputs: ["loadingChange", "leftCustomIconChange", "mclick", "disabledChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ETSPageNotFoundComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-page-not-found', imports: [BtnComponent, RouterLink, CommonModule, SDKTranslatePipe], template: "<div class=\"d-flex justify-content-center align-items-center\" id=\"main\" style=\"height: 80vh\">\n  <div class=\"text-center\">\n    <div class=\"d-md-flex justify-content-center align-items-center\">\n      <h1\n        class=\"m-3 p-3 align-top border-right inline-block align-content-center\"\n        style=\"border-right: 1px solid gray\"\n        *ngIf=\"!uS.isMobileSignal()\">\n        {{ config()?.status || '404' | appTranslate | async }}\n      </h1>\n      <h1\n        class=\"m-3 p-3 align-top border-right inline-block align-content-center\"\n        *ngIf=\"uS.isMobileSignal()\">\n        {{ config()?.status || '404' | appTranslate | async }}\n      </h1>\n      <div class=\"inline-block align-middle\">\n        <h2\n          class=\"font-weight-normal lead\"\n          id=\"desc\"\n          [innerHTML]=\"\n            configMessage() || 'The page you requested was not found.' | appTranslate | async\n          \"></h2>\n      </div>\n    </div>\n    @if (!config().hideButtons) {\n      <div class=\"{{ btnCaseClass() }}\">\n        <app-btn text=\"Go Back\" (mclick)=\"back()\" type=\"dark-outline\" icon=\"previous\" />\n        <span class=\"mx-1\"></span>\n        <app-btn text=\"Home\" routerLink=\"/\" type=\"dark\" icon=\"home\" />\n      </div>\n    }\n    @if (configBtn()) {\n      <div class=\"{{ btnCaseClass() }}\">\n        <app-btn\n          [text]=\"configBtn().label\"\n          (click)=\"configBtn().action?.()\"\n          [type]=\"configBtn().type\"\n          [icon]=\"configBtn().icon\"\n          [customIcon]=\"configBtn().customIcon\" />\n      </div>\n    }\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: UtilityService }, { type: i1$8.DomSanitizer }] });
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: UtilityService }, { type: i3$5.DomSanitizer }] });
 const pageErrorRouter = (config) => {
     const _route = {
         component: ETSPageNotFoundComponent,