@tiba-spark/client-shared-lib 26.2.0-130 → 26.2.0-140

package/fesm2022/tiba-spark-client-shared-lib.mjs

@@ -1,7 +1,7 @@
 import * as i2 from '@angular/common';
 import { DatePipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, Injectable, HostListener, HostBinding, Input, Optional, InjectionToken, Inject, NgModule, forwardRef, Pipe, Component, ChangeDetectionStrategy, EventEmitter, Output, signal, computed, inject, Injector, effect, input, ChangeDetectorRef, ViewChild } from '@angular/core';
+import { Directive, Injectable, HostListener, HostBinding, Input, Optional, InjectionToken, Inject, NgModule, forwardRef, Pipe, Component, ChangeDetectionStrategy, EventEmitter, Output, createComponent, signal, computed, inject, Injector, effect, input, ChangeDetectorRef, ViewChild } from '@angular/core';
 import DOMPurify from 'dompurify';
 import { Subject, merge, takeUntil, throwError, of, Observable, delay, debounceTime, switchMap, map, from, noop, BehaviorSubject, Subscription, combineLatest, distinctUntilChanged as distinctUntilChanged$1, filter as filter$1, take, tap as tap$1, first as first$1, catchError as catchError$1, fromEvent, timer, EMPTY, distinctUntilKeyChanged, firstValueFrom, finalize as finalize$1 } from 'rxjs';
 import * as i1 from '@angular/forms';
@@ -106358,7 +106358,10 @@ class FieldLabelComponent {
         this.isInvalid$ = new BehaviorSubject(false);
     }
     ngOnInit() {
-        this.control = this.controlContainer.control.get(this.controlName);
+        this.control = this.controlContainer.control?.get(this.controlName);
+        if (!this.control) {
+            return;
+        }
         setTimeout(() => {
             this.isRequired$.next(this.isControlRequired);
             this.isInvalid$.next(this.isControlInvalid);
@@ -119156,169 +119159,192 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1$5.TranslateService }] });
 
-const BACKDROP_FRONT_ZINDEX_LEVEL = '1000';
-const BACKDROP_BACK_ZINDEX_LEVEL = '999';
+const Z_INDEX_FRONT = '1000';
+const Z_INDEX_BACK = '999';
 class ModalService {
-    constructor(dialog, snackBar, appRef, injector, componentFactoryResolver) {
+    constructor(dialog, snackBar, appRef, environmentInjector) {
         this.dialog = dialog;
         this.snackBar = snackBar;
         this.appRef = appRef;
-        this.injector = injector;
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.subject = new Subject();
-        this.componentRef = {};
-        this.minimizedModals = [];
-        this.openModalIds = [];
-        this.addOpenModalToList = (dialogId) => this.openModalIds.push(dialogId);
-        this.removeOpenModalFromList = (dialogId) => this.openModalIds = this.openModalIds.filter(id => id !== dialogId);
-    }
-    // enable subscribing to modal opened observable
+        this.environmentInjector = environmentInjector;
+        this._modalOpened$ = new Subject();
+        this._buttonWrapperRefs = {};
+        this._minimizedIds = [];
+        this._openIds = [];
+    }
     onModalOpened() {
-        return this.subject;
+        return this._modalOpened$.asObservable();
     }
     getOpenDialogs() {
         return this.dialog.openDialogs;
     }
     open(modalComponent, modalConfig) {
-        // dismisses the currently-visible snack bar, needed to handle expression after change warning.
         this.snackBar.dismiss();
-        const dialogConfig = new MatDialogConfig();
-        dialogConfig.disableClose = modalConfig.disableClose !== false;
-        dialogConfig.hasBackdrop = false;
-        dialogConfig.autoFocus = modalConfig.autoFocus !== false;
-        dialogConfig.panelClass = modalConfig.panelClass;
-        dialogConfig.position = modalConfig.position;
-        dialogConfig.data = modalConfig.data;
-        dialogConfig.id = modalConfig.id;
-        dialogConfig.height = modalConfig.height;
-        const dialogRef = this.dialog.open(modalComponent, dialogConfig);
-        this.displayBackdrop(dialogRef.id);
-        this.displayModalButtonWrapper(dialogRef, modalConfig);
-        dialogRef.afterOpened().pipe(first()).subscribe(() => this.afterOpened(dialogRef, modalConfig));
+        const dialogRef = this.dialog.open(modalComponent, this.buildDialogConfig(modalConfig));
+        this.createBackdrop(dialogRef.id);
+        this.attachButtonWrapper(dialogRef, modalConfig);
+        dialogRef.afterOpened().pipe(first()).subscribe(() => this.afterOpened(dialogRef));
         dialogRef.afterClosed().pipe(first()).subscribe(() => this.afterClosed(dialogRef));
         return dialogRef.afterClosed();
     }
-    closeAll({ excludeMinimized } = { excludeMinimized: true }) {
+    closeAll({ excludeMinimized = true } = {}) {
         if (excludeMinimized) {
-            const openDialogs = this.getOpenDialogs();
-            for (const openDialog of openDialogs) {
-                const dialog = this.componentRef[openDialog.id];
-                if (!dialog || !dialog.instance.isMinimized) {
+            for (const openDialog of this.getOpenDialogs()) {
+                const wrapper = this._buttonWrapperRefs[openDialog.id];
+                if (!wrapper || !wrapper.instance.isMinimized) {
                     openDialog.close();
                 }
             }
         }
         else {
-            return this.dialog.closeAll();
+            this.dialog.closeAll();
         }
     }
     disableClose(disable, dialogId = 0) {
         this.dialog.openDialogs[dialogId].disableClose = disable;
     }
-    afterOpened(dialogRef, modalConfig) {
-        this.addOpenModalToList(dialogRef.id);
-        this.updateMinimizedModals();
-        this.subject.next();
+    afterOpened(dialogRef) {
+        this.trackModal(dialogRef.id);
+        this.setTopModal(dialogRef.id);
+        this.repositionMinimizedModals();
+        this._modalOpened$.next();
     }
     afterClosed(dialogRef) {
-        this.removeOpenModalFromList(dialogRef.id);
-        this.updateMinimizedModals(dialogRef.id);
-        this.removeBackdrop(dialogRef.id);
-        this.removeModalButtonWrapper(dialogRef.id);
+        this.untrackModal(dialogRef.id);
+        const newTopId = this._openIds[this._openIds.length - 1];
+        if (newTopId) {
+            this.setTopModal(newTopId);
+        }
+        this.repositionMinimizedModals(dialogRef.id);
+        this.destroyBackdrop(dialogRef.id);
+        this.detachButtonWrapper(dialogRef.id);
+    }
+    trackModal(dialogId) {
+        this._openIds.push(dialogId);
+    }
+    untrackModal(dialogId) {
+        this._openIds = this._openIds.filter(id => id !== dialogId);
+    }
+    backdropId(dialogId) {
+        return 'backdrop-' + dialogId;
+    }
+    // Relies on the CDK-internal '.cdk-global-overlay-wrapper' class added by MatDialog; may break on Angular Material upgrades.
+    getWrapper(dialogId) {
+        const dialogEl = document.getElementById(dialogId);
+        return dialogEl ? dialogEl.closest('.cdk-global-overlay-wrapper') : null;
+    }
+    setTopModal(dialogId) {
+        this._openIds.forEach(id => {
+            const wrapper = this.getWrapper(id);
+            const backdrop = document.getElementById(this.backdropId(id));
+            if (id === dialogId) {
+                if (wrapper)
+                    wrapper.style.zIndex = Z_INDEX_FRONT;
+                if (backdrop)
+                    backdrop.style.zIndex = Z_INDEX_BACK;
+            }
+            else {
+                if (wrapper)
+                    wrapper.style.zIndex = Z_INDEX_BACK;
+                if (backdrop)
+                    backdrop.style.zIndex = Z_INDEX_BACK;
+            }
+        });
     }
     minimize(dialogId) {
-        this.removeOpenModalFromList(dialogId);
-        document.getElementById('backdrop-' + dialogId).classList.add('tb-d-none');
-        document.getElementById(dialogId).classList.add('minimize');
-        this.minimizedModals.push(dialogId);
-        this.updateMinimizedModals();
+        this.untrackModal(dialogId);
+        document.getElementById(this.backdropId(dialogId))?.classList.add('tb-d-none');
+        document.getElementById(dialogId)?.classList.add('minimize');
+        this._minimizedIds.push(dialogId);
+        const newTopId = this._openIds[this._openIds.length - 1];
+        if (newTopId) {
+            this.setTopModal(newTopId);
+        }
+        this.repositionMinimizedModals();
     }
     maximize(dialogId) {
-        this.addOpenModalToList(dialogId);
-        const backdropEl = document.getElementById('backdrop-' + dialogId);
-        backdropEl.classList.remove('tb-d-none');
-        backdropEl.style.zIndex = BACKDROP_BACK_ZINDEX_LEVEL;
-        const dialogIdEl = document.getElementById(dialogId);
-        dialogIdEl.classList.remove('minimize');
-        dialogIdEl.style.bottom = undefined;
-        this.updateMinimizedModals(dialogId);
-    }
-    updateMinimizedModals(dialogId) {
-        this.minimizedModals = this.minimizedModals.filter(m => m !== dialogId);
-        for (let i = 0; i < this.minimizedModals.length; i++) {
-            const el = document.getElementById(this.minimizedModals[i]);
+        this.trackModal(dialogId);
+        document.getElementById(this.backdropId(dialogId)).classList.remove('tb-d-none');
+        this.setTopModal(dialogId);
+        const dialogEl = document.getElementById(dialogId);
+        dialogEl.classList.remove('minimize');
+        dialogEl.style.bottom = undefined;
+        this.repositionMinimizedModals(dialogId);
+    }
+    repositionMinimizedModals(removedId) {
+        this._minimizedIds = this._minimizedIds.filter(id => id !== removedId);
+        for (let i = 0; i < this._minimizedIds.length; i++) {
+            const el = document.getElementById(this._minimizedIds[i]);
             if (i === 0) {
                 el.style.bottom = '10px';
             }
             else {
-                const prevElement = document.getElementById(this.minimizedModals[i - 1]);
-                let height = prevElement.clientHeight;
+                const prevEl = document.getElementById(this._minimizedIds[i - 1]);
+                const height = prevEl.clientHeight;
                 el.style.bottom = ((height + 10) * i) + 10 + 'px';
             }
             el.style.right = '10px';
-            const minimzeIconEl = el.querySelector('.modal-minimize-icon');
-            if (this.openModalIds.length) {
-                minimzeIconEl.classList.add('tb-action-disabled');
+            const minimizeIconEl = el.querySelector('.modal-minimize-icon');
+            if (this._openIds.length && i !== 0) {
+                minimizeIconEl.classList.add('tb-action-disabled');
             }
             else {
-                minimzeIconEl.classList.remove('tb-action-disabled');
+                minimizeIconEl.classList.remove('tb-action-disabled');
             }
         }
-        // make sure always the last open modal backdrop is in front
-        if (this.openModalIds.length > 0) {
-            const lastOpenModalId = this.openModalIds[this.openModalIds.length - 1];
-            document.getElementById('backdrop-' + lastOpenModalId).style.zIndex = BACKDROP_BACK_ZINDEX_LEVEL;
-        }
     }
-    displayBackdrop(dialogId) {
-        document.querySelectorAll('.tb-overlay-backdrop').forEach(el => el['style'].zIndex = BACKDROP_FRONT_ZINDEX_LEVEL);
-        const divBackdrop = document.createElement('div');
-        divBackdrop.classList.add('tb-overlay-backdrop');
-        divBackdrop.id = 'backdrop-' + dialogId;
-        divBackdrop.style.zIndex = BACKDROP_BACK_ZINDEX_LEVEL;
-        document.querySelector('.cdk-overlay-container').append(divBackdrop);
+    buildDialogConfig(modalConfig) {
+        const config = Object.assign(new MatDialogConfig(), modalConfig);
+        config.disableClose = modalConfig?.disableClose !== false;
+        config.hasBackdrop = false;
+        config.autoFocus = modalConfig?.autoFocus !== false;
+        return config;
     }
-    removeBackdrop(dialogId) {
-        const el = document.getElementById('backdrop-' + dialogId);
-        if (el) {
-            if (el.previousElementSibling) {
-                el.previousElementSibling['style'].zIndex = null;
-            }
-            el.remove();
-        }
+    createBackdrop(dialogId) {
+        const backdrop = document.createElement('div');
+        backdrop.classList.add('tb-overlay-backdrop');
+        backdrop.id = this.backdropId(dialogId);
+        document.querySelector('.cdk-overlay-container').append(backdrop);
+    }
+    destroyBackdrop(dialogId) {
+        document.getElementById(this.backdropId(dialogId))?.remove();
     }
-    displayModalButtonWrapper(dialogRef, modalConfig) {
+    attachButtonWrapper(dialogRef, modalConfig) {
         const dialogId = dialogRef.id;
         Promise.resolve().then(function () { return modalButtonsWrapper_component; }).then(res => {
-            // Guard against modal already closed before import resolved
-            if (this.dialog.getDialogById(dialogId)) {
-                const componentFactory = this.componentFactoryResolver.resolveComponentFactory(res.ModalButtonsWrapperComponent);
-                this.componentRef[dialogId] = componentFactory.create(this.injector);
-                const instance = this.componentRef[dialogId].instance;
-                instance.close.pipe(takeUntil$1(instance.destroy$)).subscribe(() => {
-                    dialogRef.close();
-                });
-                instance.minimize.pipe(takeUntil$1(instance.destroy$)).subscribe((minimize) => minimize ? this.minimize(dialogId) : this.maximize(dialogId));
-                instance.enabledMinimized = modalConfig.enabledMinimized;
-                this.appRef.attachView(this.componentRef[dialogId].hostView);
-                const domElem = this.componentRef[dialogId].hostView.rootNodes[0];
-                document.querySelector(`.${modalConfig.panelClass} .modal-button-wrapper`)?.appendChild(domElem);
+            if (!this.dialog.getDialogById(dialogId))
+                return;
+            this._buttonWrapperRefs[dialogId] = createComponent(res.ModalButtonsWrapperComponent, { environmentInjector: this.environmentInjector });
+            const instance = this._buttonWrapperRefs[dialogId].instance;
+            instance.close.pipe(takeUntil$1(instance.destroy$)).subscribe(() => dialogRef.close());
+            instance.minimize.pipe(takeUntil$1(instance.destroy$)).subscribe((isMinimize) => isMinimize ? this.minimize(dialogId) : this.maximize(dialogId));
+            instance.enabledMinimized = modalConfig?.enabledMinimized;
+            this.appRef.attachView(this._buttonWrapperRefs[dialogId].hostView);
+            const domEl = this._buttonWrapperRefs[dialogId].hostView.rootNodes[0];
+            const panelClass = modalConfig?.panelClass;
+            const panelSelector = Array.isArray(panelClass)
+                ? panelClass.map(c => `.${c}`).join('')
+                : panelClass ? `.${panelClass}` : null;
+            if (panelSelector) {
+                document.querySelector(`${panelSelector} .modal-button-wrapper`)?.appendChild(domEl);
             }
         });
     }
-    removeModalButtonWrapper(dialogId) {
-        if (this.componentRef[dialogId]) {
-            this.appRef.detachView(this.componentRef[dialogId].hostView);
-            this.componentRef[dialogId].destroy();
-            this.componentRef[dialogId] = undefined;
+    detachButtonWrapper(dialogId) {
+        const ref = this._buttonWrapperRefs[dialogId];
+        if (ref) {
+            this.appRef.detachView(ref.hostView);
+            ref.destroy();
+            delete this._buttonWrapperRefs[dialogId];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, deps: [{ token: i2$1.MatDialog }, { token: i1$6.MatSnackBar }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, deps: [{ token: i2$1.MatDialog }, { token: i1$6.MatSnackBar }, { token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i2$1.MatDialog }, { type: i1$6.MatSnackBar }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }] });
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i2$1.MatDialog }, { type: i1$6.MatSnackBar }, { type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }] });
 
 class ParkTimeService {
     constructor(store) {
@@ -125317,7 +125343,7 @@ class FacilityService {
             const featurePermissions = this.store.selectSnapshot(FacilityState.featurePermissions);
             return isVersionSupported && featurePermissions?.includes(permissionType);
         };
-        this.getActiveMenuFacility = (menuItems, parkId, guid) => menuItems.find(menuItem => menuItem.properties.guid === guid && menuItem.id === parkId);
+        this.getActiveMenuFacility = (menuItems, parkId, guid) => menuItems.find(menuItem => menuItem.properties?.guid === guid && menuItem.id === parkId);
     }
     hasPermissionTypeSignal(permissionType) {
         return computed(() => {
@@ -125511,8 +125537,8 @@ class FacilityService {
     }
     getActiveMenuFacilityChild(menuItems, parkId, guid) {
         const multiFacilityParentID = this.store.selectSnapshot(FacilityState.multiParkParentID);
-        const menuItemParent = menuItems.find(menuItem => menuItem.properties.guid === guid && menuItem.id === multiFacilityParentID);
-        const menuItem = menuItemParent?.children.find(menuItem => menuItem.id === parkId);
+        const menuItemParent = menuItems.find(menuItem => menuItem.properties?.guid === guid && menuItem.id === multiFacilityParentID);
+        const menuItem = menuItemParent?.children?.find(menuItem => menuItem.id === parkId);
         return menuItem;
     }
     getFirstMenuItemFacility(menuItems) {