ets-fe-ng-sdk 20.3.38 → 20.3.39

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

@@ -3064,6 +3064,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
  * @template TEnvironment - The type of environment configuration to use, defaults to SDKEnvironment
  */
 class UtilityService {
+    static { this.canUseServiceworkers = computed(() => !isDevMode(), ...(ngDevMode ? [{ debugName: "canUseServiceworkers" }] : [])); }
     constructor() {
         /** Angular Material Dialog service for managing dialogs */
         this.dialog = inject(MatDialog);
@@ -3113,6 +3114,7 @@ class UtilityService {
         this.pbid = EETSPageBtnID;
         /** Emits true if the device is mobile */
         this.mobileQueryChanged = new ReplaySubject();
+        this.canUseServiceworkers = computed(() => UtilityService.canUseServiceworkers(), ...(ngDevMode ? [{ debugName: "canUseServiceworkers" }] : []));
         /** Signal that emits true when the device is a mobile handset */
         this.isMobileSignal = toSignal(this.responsive.observe([Breakpoints.Handset]).pipe(map(({ matches }) => matches), tap((r) => {
             this.isMobile = r;
@@ -7585,7 +7587,6 @@ class InputService {
         for (const item of this.dateInputChunks) {
             item.placeholder = '-'.repeat(item.length);
         }
-        const startTime = Date.now();
         // Refactored time initialization using local variables
         const hoursArray = ['12'];
         const hours24Array = ['00'];
@@ -7624,7 +7625,6 @@ class InputService {
         this.time24Hours.set(hours24Array);
         this.timeMinutes.set(minutesArray);
         this.timeSeconds.set(secondsArray);
-        console.log('time taken', (Date.now() - startTime) / 1000);
         const labeller = this.labeller;
         this.optionLabellerFunctions = {
             acd: (option) => labeller(option?.accountNo, option?.description),
@@ -11675,11 +11675,11 @@ class DocumentsNameDisplayComponent {
         return valid ? { refCat, refNo, docSubCat, title } : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DocumentsNameDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: DocumentsNameDisplayComponent, isStandalone: true, selector: "app-documents-name-display", inputs: { files: "files", fileNameFormat: "fileNameFormat" }, outputs: { valid: "valid", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<div>\n    <div class=\"row justify-content-center\">\n        <div class=\"col-md-auto p-3 mt-4 text-center\">\n            <span class=\"text-muted\">{{'Upload files named in this format: '|appTranslate|async}}</span>\n            <span>{{fileFormats[fileNameFormat]}}</span>\n        </div>\n    </div>\n    <div class=\"row justify-content-center\">\n        @if (errors?.length) {\n<div class=\"col-md-auto text-danger border border-danger light-red-bg rounded text-center mt-2 mb-4\">\n            <p>{{'The following files are not in the right format: '}}</p>\n            @for (error of errors; track error) {\n  <span class=\"me-5\">{{error}}</span>\n}\n        </div>\n}\n    </div>\n    @if (files?.length) {\n<div class=\"table-responsive\">\n        <table class=\"table table-striped col-md-auto\">\n@switch (fileNameFormat) {\n            @case ('NON_POLICY_DOCUMENT') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Ref No'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.refNo}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n            @case ('POLICY_DOCUMENT') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Policy No'|appTranslate|async}}</th>\n                    <th>{{'Policy Code'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.policyNo}}</td>\n                        <td>{{file.policyCode}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n            @case ('POLICY_DOCUMENT_SUFFIX') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Policy No'|appTranslate|async}}</th>\n                    <th>{{'Policy Code'|appTranslate|async}}</th>\n                    <th>{{'Policy No Suffix'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.policyNo}}</td>\n                        <td>{{file.policyCode}}</td>\n                        <td>{{file.policyNoSuffix}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n        }\n</table>\n\n    </div>\n}\n</div>", styles: [".light-red-bg{background-color:#ff000009}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: DocumentsNameDisplayComponent, isStandalone: true, selector: "ets-documents-name-display", inputs: { files: "files", fileNameFormat: "fileNameFormat" }, outputs: { valid: "valid", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<div>\n    <div class=\"row justify-content-center\">\n        <div class=\"col-md-auto p-3 mt-4 text-center\">\n            <span class=\"text-muted\">{{'Upload files named in this format: '|appTranslate|async}}</span>\n            <span>{{fileFormats[fileNameFormat]}}</span>\n        </div>\n    </div>\n    <div class=\"row justify-content-center\">\n        @if (errors?.length) {\n<div class=\"col-md-auto text-danger border border-danger light-red-bg rounded text-center mt-2 mb-4\">\n            <p>{{'The following files are not in the right format: '}}</p>\n            @for (error of errors; track error) {\n  <span class=\"me-5\">{{error}}</span>\n}\n        </div>\n}\n    </div>\n    @if (files?.length) {\n<div class=\"table-responsive\">\n        <table class=\"table table-striped col-md-auto\">\n@switch (fileNameFormat) {\n            @case ('NON_POLICY_DOCUMENT') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Ref No'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.refNo}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n            @case ('POLICY_DOCUMENT') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Policy No'|appTranslate|async}}</th>\n                    <th>{{'Policy Code'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.policyNo}}</td>\n                        <td>{{file.policyCode}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n            @case ('POLICY_DOCUMENT_SUFFIX') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Policy No'|appTranslate|async}}</th>\n                    <th>{{'Policy Code'|appTranslate|async}}</th>\n                    <th>{{'Policy No Suffix'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.policyNo}}</td>\n                        <td>{{file.policyCode}}</td>\n                        <td>{{file.policyNoSuffix}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n        }\n</table>\n\n    </div>\n}\n</div>", styles: [".light-red-bg{background-color:#ff000009}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DocumentsNameDisplayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-documents-name-display', imports: [AsyncPipe, SDKTranslatePipe], template: "<div>\n    <div class=\"row justify-content-center\">\n        <div class=\"col-md-auto p-3 mt-4 text-center\">\n            <span class=\"text-muted\">{{'Upload files named in this format: '|appTranslate|async}}</span>\n            <span>{{fileFormats[fileNameFormat]}}</span>\n        </div>\n    </div>\n    <div class=\"row justify-content-center\">\n        @if (errors?.length) {\n<div class=\"col-md-auto text-danger border border-danger light-red-bg rounded text-center mt-2 mb-4\">\n            <p>{{'The following files are not in the right format: '}}</p>\n            @for (error of errors; track error) {\n  <span class=\"me-5\">{{error}}</span>\n}\n        </div>\n}\n    </div>\n    @if (files?.length) {\n<div class=\"table-responsive\">\n        <table class=\"table table-striped col-md-auto\">\n@switch (fileNameFormat) {\n            @case ('NON_POLICY_DOCUMENT') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Ref No'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.refNo}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n            @case ('POLICY_DOCUMENT') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Policy No'|appTranslate|async}}</th>\n                    <th>{{'Policy Code'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.policyNo}}</td>\n                        <td>{{file.policyCode}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n            @case ('POLICY_DOCUMENT_SUFFIX') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Policy No'|appTranslate|async}}</th>\n                    <th>{{'Policy Code'|appTranslate|async}}</th>\n                    <th>{{'Policy No Suffix'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.policyNo}}</td>\n                        <td>{{file.policyCode}}</td>\n                        <td>{{file.policyNoSuffix}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n        }\n</table>\n\n    </div>\n}\n</div>", styles: [".light-red-bg{background-color:#ff000009}\n"] }]
+            args: [{ selector: 'ets-documents-name-display', imports: [AsyncPipe, SDKTranslatePipe], template: "<div>\n    <div class=\"row justify-content-center\">\n        <div class=\"col-md-auto p-3 mt-4 text-center\">\n            <span class=\"text-muted\">{{'Upload files named in this format: '|appTranslate|async}}</span>\n            <span>{{fileFormats[fileNameFormat]}}</span>\n        </div>\n    </div>\n    <div class=\"row justify-content-center\">\n        @if (errors?.length) {\n<div class=\"col-md-auto text-danger border border-danger light-red-bg rounded text-center mt-2 mb-4\">\n            <p>{{'The following files are not in the right format: '}}</p>\n            @for (error of errors; track error) {\n  <span class=\"me-5\">{{error}}</span>\n}\n        </div>\n}\n    </div>\n    @if (files?.length) {\n<div class=\"table-responsive\">\n        <table class=\"table table-striped col-md-auto\">\n@switch (fileNameFormat) {\n            @case ('NON_POLICY_DOCUMENT') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Ref No'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.refNo}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n            @case ('POLICY_DOCUMENT') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Policy No'|appTranslate|async}}</th>\n                    <th>{{'Policy Code'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.policyNo}}</td>\n                        <td>{{file.policyCode}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n            @case ('POLICY_DOCUMENT_SUFFIX') {\n  \n                <thead>\n                    <th>{{'Ref Cat'|appTranslate|async}}</th>\n                    <th>{{'Policy No'|appTranslate|async}}</th>\n                    <th>{{'Policy Code'|appTranslate|async}}</th>\n                    <th>{{'Policy No Suffix'|appTranslate|async}}</th>\n                    <th>{{'Doc SubCat'|appTranslate|async}}</th>\n                    <th>{{'Title'|appTranslate|async}}</th>\n                </thead>\n                <tbody>\n                    @for (file of fileNames; track file) {\n  <tr>\n                        <td>{{file.refCat}}</td>\n                        <td>{{file.policyNo}}</td>\n                        <td>{{file.policyCode}}</td>\n                        <td>{{file.policyNoSuffix}}</td>\n                        <td>{{file.docSubCat}}</td>\n                        <td>{{file.title}}</td>\n                    </tr>\n}\n                </tbody>\n            \n}\n        }\n</table>\n\n    </div>\n}\n</div>", styles: [".light-red-bg{background-color:#ff000009}\n"] }]
         }], ctorParameters: () => [], propDecorators: { files: [{
                 type: Input
             }], fileNameFormat: [{
@@ -17709,11 +17709,11 @@ class FormLinkComponent {
      */
     ngOnInit() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FormLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: FormLinkComponent, isStandalone: true, selector: "form-link", inputs: { cqueryParams: "cqueryParams", crouterLink: "crouterLink", value: "value", options: "options", labelField: "labelField", valueField: "valueField" }, ngImport: i0, template: "<a class=\"form-link link form-control control-bg-gray\" readonly routerLink=\"{{crouterLink}}\"\n  [queryParams]=\"cqueryParams\">\n  {{value|getValueLabel:options:labelField:valueField}}\n</a>\n", styles: [".form-link{color:var(--primary)}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: GetValueLabel, name: "getValueLabel" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: FormLinkComponent, isStandalone: true, selector: "ets-form-link", inputs: { cqueryParams: "cqueryParams", crouterLink: "crouterLink", value: "value", options: "options", labelField: "labelField", valueField: "valueField" }, ngImport: i0, template: "<a class=\"form-link link form-control control-bg-gray\" readonly routerLink=\"{{crouterLink}}\"\n  [queryParams]=\"cqueryParams\">\n  {{value|getValueLabel:options:labelField:valueField}}\n</a>\n", styles: [".form-link{color:var(--primary)}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: GetValueLabel, name: "getValueLabel" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FormLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'form-link', imports: [RouterLink, GetValueLabel], template: "<a class=\"form-link link form-control control-bg-gray\" readonly routerLink=\"{{crouterLink}}\"\n  [queryParams]=\"cqueryParams\">\n  {{value|getValueLabel:options:labelField:valueField}}\n</a>\n", styles: [".form-link{color:var(--primary)}\n"] }]
+            args: [{ selector: 'ets-form-link', imports: [RouterLink, GetValueLabel], template: "<a class=\"form-link link form-control control-bg-gray\" readonly routerLink=\"{{crouterLink}}\"\n  [queryParams]=\"cqueryParams\">\n  {{value|getValueLabel:options:labelField:valueField}}\n</a>\n", styles: [".form-link{color:var(--primary)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { cqueryParams: [{
                 type: Input
             }], crouterLink: [{
@@ -17740,11 +17740,11 @@ class FormTabHeadersComponent {
         this.selectedIndexChange.emit(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FormTabHeadersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: FormTabHeadersComponent, isStandalone: true, selector: "app-form-tabs-header", inputs: { selectedIndex: "selectedIndex", tabs: "tabs" }, outputs: { selectedIndexChange: "selectedIndexChange" }, ngImport: i0, template: "<nav class=\"\">\n  <div class=\"nav nav-pills nav-justified  d-flex justify-content-center border-0\" id=\"nav-tab\" role=\"tablist\">\n    @for (tab of tabs; track tab; let index = $index) {\n  <button class=\"nav-link  border-0\"\n      [ngClass]=\"selectedIndex == index? 'active' : ''\" (click)=\"changeTab(index)\" type=\"button\" role=\"tab\"\n      aria-controls=\"nav-home\">{{tab.label|appTranslate|async}}\n    </button>\n}\n  </div>\n</nav>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: FormTabHeadersComponent, isStandalone: true, selector: "ets-form-tabs-header", inputs: { selectedIndex: "selectedIndex", tabs: "tabs" }, outputs: { selectedIndexChange: "selectedIndexChange" }, ngImport: i0, template: "<nav class=\"\">\n  <div class=\"nav nav-pills nav-justified  d-flex justify-content-center border-0\" id=\"nav-tab\" role=\"tablist\">\n    @for (tab of tabs; track tab; let index = $index) {\n  <button class=\"nav-link  border-0\"\n      [ngClass]=\"selectedIndex == index? 'active' : ''\" (click)=\"changeTab(index)\" type=\"button\" role=\"tab\"\n      aria-controls=\"nav-home\">{{tab.label|appTranslate|async}}\n    </button>\n}\n  </div>\n</nav>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FormTabHeadersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-form-tabs-header', imports: [NgClass, AsyncPipe, SDKTranslatePipe], template: "<nav class=\"\">\n  <div class=\"nav nav-pills nav-justified  d-flex justify-content-center border-0\" id=\"nav-tab\" role=\"tablist\">\n    @for (tab of tabs; track tab; let index = $index) {\n  <button class=\"nav-link  border-0\"\n      [ngClass]=\"selectedIndex == index? 'active' : ''\" (click)=\"changeTab(index)\" type=\"button\" role=\"tab\"\n      aria-controls=\"nav-home\">{{tab.label|appTranslate|async}}\n    </button>\n}\n  </div>\n</nav>\n" }]
+            args: [{ selector: 'ets-form-tabs-header', imports: [NgClass, AsyncPipe, SDKTranslatePipe], template: "<nav class=\"\">\n  <div class=\"nav nav-pills nav-justified  d-flex justify-content-center border-0\" id=\"nav-tab\" role=\"tablist\">\n    @for (tab of tabs; track tab; let index = $index) {\n  <button class=\"nav-link  border-0\"\n      [ngClass]=\"selectedIndex == index? 'active' : ''\" (click)=\"changeTab(index)\" type=\"button\" role=\"tab\"\n      aria-controls=\"nav-home\">{{tab.label|appTranslate|async}}\n    </button>\n}\n  </div>\n</nav>\n" }]
         }], ctorParameters: () => [], propDecorators: { selectedIndex: [{
                 type: Input
             }], tabs: [{
@@ -19260,13 +19260,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
  */
 class PageModal {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: PageModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: PageModal, isStandalone: false, selector: "ng-component", inputs: { isModal: "isModal", modelData: "modelData", modalOnComplete: "modalOnComplete" }, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: PageModal, isStandalone: false, selector: "ets-page-modal", inputs: { isModal: "isModal", modelData: "modelData", modalOnComplete: "modalOnComplete" }, ngImport: i0, template: ``, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: PageModal, decorators: [{
             type: Component,
             args: [{
                     template: ``,
-                    standalone: false
+                    standalone: false,
+                    selector: 'ets-page-modal',
                 }]
         }], propDecorators: { isModal: [{
                 type: Input
@@ -19622,11 +19623,11 @@ class SvgIconComponent {
             this.iconRef.nativeElement.innerHTML = this.icon;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: SvgIconComponent, deps: [{ token: SvgIconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: SvgIconComponent, isStandalone: true, selector: "svg-icon", inputs: { class: "class", _icon: ["icon", "_icon"] }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconTag"], descendants: true }], ngImport: i0, template: "<span class=\"{{class}} svg-icon\" #iconTag>\n    <!-- {{icon}} -->\n    <!-- <img class=\"svg-icon\" src=\"{{icon}}\"> -->\n</span>", styles: ["span{color:inherit}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: SvgIconComponent, isStandalone: true, selector: "ets-svg-icon", inputs: { class: "class", _icon: ["icon", "_icon"] }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconTag"], descendants: true }], ngImport: i0, template: "<span class=\"{{class}} svg-icon\" #iconTag>\n    <!-- {{icon}} -->\n    <!-- <img class=\"svg-icon\" src=\"{{icon}}\"> -->\n</span>", styles: ["span{color:inherit}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: SvgIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'svg-icon', standalone: true, template: "<span class=\"{{class}} svg-icon\" #iconTag>\n    <!-- {{icon}} -->\n    <!-- <img class=\"svg-icon\" src=\"{{icon}}\"> -->\n</span>", styles: ["span{color:inherit}\n"] }]
+            args: [{ selector: 'ets-svg-icon', standalone: true, template: "<span class=\"{{class}} svg-icon\" #iconTag>\n    <!-- {{icon}} -->\n    <!-- <img class=\"svg-icon\" src=\"{{icon}}\"> -->\n</span>", styles: ["span{color:inherit}\n"] }]
         }], ctorParameters: () => [{ type: SvgIconService }], propDecorators: { class: [{
                 type: Input
             }], _icon: [{
@@ -23548,11 +23549,12 @@ class ETSPromptUpdateService {
          * Indicates whether the confirmation prompt dialog is currently open
          */
         this.isOpen = false;
-        swUpdate.versionUpdates
-            .pipe(filter$1((evt) => evt.type === 'VERSION_READY'))
-            .subscribe((evt) => {
-            this.prompter();
-        });
+        if (UtilityService.canUseServiceworkers())
+            swUpdate.versionUpdates
+                .pipe(filter$1((evt) => evt.type === 'VERSION_READY'))
+                .subscribe((evt) => {
+                this.prompter();
+            });
     }
     /**
      * Displays a prompt to the user asking to reload the application.
@@ -23598,31 +23600,32 @@ class ETSLogUpdateService {
      * @param uS - Utility service for notifications and common operations
      */
     constructor(updates, uS) {
-        // console.log('logging');
         this.uS = uS;
-        updates.versionUpdates.subscribe((evt) => {
-            let message;
-            switch (evt.type) {
-                case 'VERSION_DETECTED':
-                    message = `Downloading a new version`;
-                    console.log(`${message}: ${evt.version.hash}`);
-                    this.uS.notify(message, 2);
-                    break;
-                case 'VERSION_READY':
-                    message = `New app version ready for use`;
-                    console.log(`Current app version: ${evt.currentVersion.hash}`);
-                    console.log(`${message}: ${evt.latestVersion.hash}`);
-                    // this.uS.notify(message, 1);
-                    break;
-                case 'VERSION_INSTALLATION_FAILED':
-                    message = `Failed to install app version`;
-                    debugger;
-                    console.log(`${message} '${evt.version.hash}': ${evt.error}`);
-                    // location.reload();
-                    // this.uS.notify(message, 0);
-                    break;
-            }
-        });
+        // console.log('logging');
+        if (uS.canUseServiceworkers())
+            updates.versionUpdates.subscribe((evt) => {
+                let message;
+                switch (evt.type) {
+                    case 'VERSION_DETECTED':
+                        message = `Downloading a new version`;
+                        console.log(`${message}: ${evt.version.hash}`);
+                        this.uS.notify(message, 2);
+                        break;
+                    case 'VERSION_READY':
+                        message = `New app version ready for use`;
+                        console.log(`Current app version: ${evt.currentVersion.hash}`);
+                        console.log(`${message}: ${evt.latestVersion.hash}`);
+                        // this.uS.notify(message, 1);
+                        break;
+                    case 'VERSION_INSTALLATION_FAILED':
+                        message = `Failed to install app version`;
+                        debugger;
+                        console.log(`${message} '${evt.version.hash}': ${evt.error}`);
+                        // location.reload();
+                        // this.uS.notify(message, 0);
+                        break;
+                }
+            });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ETSLogUpdateService, deps: [{ token: i1$9.SwUpdate }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ETSLogUpdateService, providedIn: 'root' }); }
@@ -23651,11 +23654,12 @@ class ETSHandleUnrecoverableStateService {
     constructor(updates, uS, puS) {
         this.uS = uS;
         this.puS = puS;
-        updates.unrecoverable.subscribe((event) => {
-            console.log(event.reason);
-            alert(event.reason);
-            this.puS.prompter('An error occurred that we cannot recover from:\n' + event.reason);
-        });
+        if (uS.canUseServiceworkers())
+            updates.unrecoverable.subscribe((event) => {
+                console.log(event.reason);
+                alert(event.reason);
+                this.puS.prompter('An error occurred that we cannot recover from:\n' + event.reason);
+            });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ETSHandleUnrecoverableStateService, deps: [{ token: i1$9.SwUpdate }, { token: UtilityService }, { token: ETSPromptUpdateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ETSHandleUnrecoverableStateService, providedIn: 'root' }); }
@@ -23684,7 +23688,8 @@ class ETSCheckForUpdateService {
         this.updates = updates;
         this.sS = sS;
         this.puS = puS;
-        this.init();
+        if (UtilityService.canUseServiceworkers())
+            this.init();
     }
     /**
      * Initializes the update checking mechanism.
@@ -23756,6 +23761,7 @@ class ETSServiceWorkerService {
         this.cfuS = cfuS;
         this.sS = sS;
         this.iS = iS;
+        this.allowedToWork = computed(() => UtilityService.canUseServiceworkers(), ...(ngDevMode ? [{ debugName: "allowedToWork" }] : []));
     }
     /**
      * Manually checks for application updates.
@@ -23765,15 +23771,16 @@ class ETSServiceWorkerService {
      * @param cb - Optional callback function to execute after the update check completes
      */
     async getUpdates(cb) {
-        console.log('checking update 1');
+        if (!this.allowedToWork()) {
+            if (cb)
+                cb();
+            return;
+        }
         const appIsStable$ = this.cfuS.appRef.isStable.pipe(first$1((isStable) => {
-            console.log('checking for stability ', isStable);
             return isStable === true;
         }));
-        console.log('checking update 2');
         // appIsStable$.subscribe(async () => {
         try {
-            console.log('checking update 3');
             const updateFound = await this.cfuS.updates.checkForUpdate();
             this.sS.saveItem(environment.lastUpdateCheckTimeStorageKey, Date.now());
             if (updateFound) {