@elderbyte/ngx-starter 20.7.1 → 20.8.0

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -1,7 +1,7 @@
 import * as i2 from '@angular/common';
 import { formatDate, CommonModule, formatCurrency, getCurrencySymbol, AsyncPipe, NgTemplateOutlet, NgClass, NgStyle, formatNumber, DecimalPipe, DatePipe, registerLocaleData, CurrencyPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Pipe, LOCALE_ID, Inject, NgModule, Injectable, inject, Optional, SkipSelf, Input, Output, Directive, forwardRef, ViewChild, ElementRef, DestroyRef, model, signal, computed, untracked, HostBinding, ViewChildren, ContentChild, ChangeDetectionStrategy, Component, Host, APP_INITIALIZER, TemplateRef, HostListener, EventEmitter, input, ViewEncapsulation, InjectionToken, output, effect, ContentChildren, contentChildren, viewChild, contentChild, viewChildren, linkedSignal, booleanAttribute } from '@angular/core';
+import { Pipe, LOCALE_ID, Inject, NgModule, Injectable, inject, Optional, SkipSelf, Input, Output, Directive, forwardRef, ViewChild, ElementRef, DestroyRef, model, signal, computed, untracked, HostBinding, ViewChildren, ContentChild, ChangeDetectionStrategy, Component, Host, APP_INITIALIZER, TemplateRef, HostListener, EventEmitter, input, ViewEncapsulation, InjectionToken, output, effect, ContentChildren, contentChildren, viewChild, contentChild, viewChildren, linkedSignal, booleanAttribute, Injector, NgZone } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 import { Duration, Period, TemporalQueries, LocalTime, Instant, LocalDate, nativeJs, ZoneId, DateTimeFormatter, convert, ZonedDateTime, Temporal as Temporal$1 } from '@js-joda/core';
 import { LoggerFactory } from '@elderbyte/ts-logger';
@@ -27,7 +27,7 @@ import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatSlideToggle, MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i1$5 from '@angular/material/toolbar';
 import { MatToolbar, MatToolbarRow, MatToolbarModule } from '@angular/material/toolbar';
-import { MatCard, MatCardModule, MatCardContent } from '@angular/material/card';
+import { MatCard, MatCardModule } from '@angular/material/card';
 import * as i1$c from '@angular/material/core';
 import { MatRipple, MatRippleModule, MatOption, MatCommonModule, NativeDateAdapter, MAT_DATE_LOCALE, DateAdapter, MatNativeDateModule } from '@angular/material/core';
 import * as i5 from '@angular/material/button';
@@ -47,7 +47,7 @@ import { MatDivider, MatDividerModule } from '@angular/material/divider';
 import * as i6 from '@angular/material/menu';
 import { MatMenuTrigger, MatMenu, MatMenuItem, MatMenuModule } from '@angular/material/menu';
 import * as i1$7 from '@angular/material/dialog';
-import { MatDialogClose, MAT_DIALOG_DATA, MatDialogConfig, MatDialogModule } from '@angular/material/dialog';
+import { MatDialogClose, MAT_DIALOG_DATA, MatDialogConfig, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import { MatBadge, MatBadgeModule } from '@angular/material/badge';
 import * as i1$b from '@angular/material/checkbox';
 import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
@@ -2106,7 +2106,7 @@ class CountryPhoneFormatService {
             '+423': {
                 country: 'LI',
                 countryCode: '+423',
-                bodyFormat: [/^(\d{3})(\d{4})$/, '$1 $2'],
+                bodyFormat: [/^(\d{3})(\d{2})(\d{2})$/, '$1 $2 $3'],
             },
             '+49': {
                 country: 'DE',
@@ -10539,11 +10539,11 @@ class ElderThemeToggleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderThemeToggleComponent, deps: [{ token: ElderThemeService }, { token: ElderThemePreferenceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ElderThemeToggleComponent, isStandalone: true, selector: "elder-theme-toggle", inputs: { color: "color" }, ngImport: i0, template: "@if (activeToggleTheme$ | async; as activeToggleTheme) {\n  <div class=\"layout-row place-start-center\">\n    <mat-slide-toggle\n      [ngModel]=\"activeToggleTheme !== 'default'\"\n      (ngModelChange)=\"onToggle($event)\"\n      [color]=\"color\"\n    >\n    </mat-slide-toggle>\n    <mat-icon [color]=\"color\">\n      {{ activeToggleTheme === 'default' ? 'light_mode' : 'brightness_2' }}\n    </mat-icon>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ElderThemeToggleComponent, isStandalone: true, selector: "elder-theme-toggle", inputs: { color: "color" }, ngImport: i0, template: "@if (activeToggleTheme$ | async; as activeToggleTheme) {\n  <div class=\"layout-row place-start-center\">\n    <mat-slide-toggle\n      [ngModel]=\"activeToggleTheme !== 'default'\"\n      (ngModelChange)=\"onToggle($event)\"\n      [color]=\"color\"\n      aria-label=\"Toggle theme\"\n    >\n    </mat-slide-toggle>\n    <mat-icon [color]=\"color\">\n      {{ activeToggleTheme === 'default' ? 'light_mode' : 'brightness_2' }}\n    </mat-icon>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderThemeToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-theme-toggle', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatSlideToggle, FormsModule, MatIcon, AsyncPipe], template: "@if (activeToggleTheme$ | async; as activeToggleTheme) {\n  <div class=\"layout-row place-start-center\">\n    <mat-slide-toggle\n      [ngModel]=\"activeToggleTheme !== 'default'\"\n      (ngModelChange)=\"onToggle($event)\"\n      [color]=\"color\"\n    >\n    </mat-slide-toggle>\n    <mat-icon [color]=\"color\">\n      {{ activeToggleTheme === 'default' ? 'light_mode' : 'brightness_2' }}\n    </mat-icon>\n  </div>\n}\n" }]
+            args: [{ selector: 'elder-theme-toggle', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatSlideToggle, FormsModule, MatIcon, AsyncPipe], template: "@if (activeToggleTheme$ | async; as activeToggleTheme) {\n  <div class=\"layout-row place-start-center\">\n    <mat-slide-toggle\n      [ngModel]=\"activeToggleTheme !== 'default'\"\n      (ngModelChange)=\"onToggle($event)\"\n      [color]=\"color\"\n      aria-label=\"Toggle theme\"\n    >\n    </mat-slide-toggle>\n    <mat-icon [color]=\"color\">\n      {{ activeToggleTheme === 'default' ? 'light_mode' : 'brightness_2' }}\n    </mat-icon>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: ElderThemeService }, { type: ElderThemePreferenceService }], propDecorators: { color: [{
                 type: Input
             }] } });
@@ -36441,8 +36441,302 @@ class DataViewMessage extends TypedEventMessage {
 class IframeMessages {
     static { this.CLOSE = 'CLOSE'; }
     static { this.VIEW_READY_EVENT = 'VIEW_READY_EVENT'; }
+    static { this.LOCKS_CHANGE_EVENT = 'LOCKS_CHANGE_EVENT'; }
 }
 
+class ElderLockManagerService {
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor() {
+        this.log = LoggerFactory.getLogger(this.constructor.name);
+        this.lockContext = inject(ElderLockContext);
+        /***************************************************************************
+         *                                                                         *
+         * Signal state                                                            *
+         *                                                                         *
+         **************************************************************************/
+        this.isUnloadEventListenerActive = signal(false, ...(ngDevMode ? [{ debugName: "isUnloadEventListenerActive" }] : []));
+        /***************************************************************************
+         *                                                                         *
+         * Computed signals                                                        *
+         *                                                                         *
+         **************************************************************************/
+        this.hasLocks = computed(() => this.lockMessages().length > 0, ...(ngDevMode ? [{ debugName: "hasLocks" }] : []));
+        this.lockMessages = computed(() => this.lockContext.lockMessages(), ...(ngDevMode ? [{ debugName: "lockMessages" }] : []));
+        /***************************************************************************
+         *                                                                         *
+         * Private properties                                                      *
+         *                                                                         *
+         **************************************************************************/
+        this.handleBeforeUnload = (event) => {
+            event.preventDefault();
+        };
+        // Handle initial state on construction since this service may be initialized async
+        this.handleInitialLockState();
+        this.lockContext.locksChanged.pipe(takeUntilDestroyed()).subscribe((locks) => {
+            this.sendLockMessages();
+        });
+        const lockedStatusChanged = this.lockContext.locksChanged.pipe(map((locks) => locks.length > 0), takeUntilDestroyed());
+        lockedStatusChanged.subscribe((isLocked) => {
+            if (isLocked) {
+                this.activateUnloadEventListener();
+            }
+            else {
+                this.deactivateUnloadEventListener();
+            }
+        });
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    handleInitialLockState() {
+        if (this.hasLocks()) {
+            this.sendLockMessages();
+            this.activateUnloadEventListener();
+        }
+    }
+    sendLockMessages() {
+        if (!this.isTopWindow()) {
+            this.postLocksChangeEvent(this.lockMessages());
+        }
+    }
+    activateUnloadEventListener() {
+        if (this.isUnloadEventListenerActive()) {
+            return;
+        }
+        this.isUnloadEventListenerActive.set(true);
+        window.addEventListener('beforeunload', this.handleBeforeUnload);
+    }
+    deactivateUnloadEventListener() {
+        if (!this.isUnloadEventListenerActive()) {
+            return;
+        }
+        this.isUnloadEventListenerActive.set(false);
+        window.removeEventListener('beforeunload', this.handleBeforeUnload);
+    }
+    isTopWindow() {
+        return window.self === window.top;
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Iframe communication                                                    *
+     *                                                                         *
+     **************************************************************************/
+    postLocksChangeEvent(lockMessages) {
+        const message = new TypedEventMessage(IframeMessages.LOCKS_CHANGE_EVENT, lockMessages);
+        parent.postMessage(message, '*'); //  `*` on any domain
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockManagerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockManagerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class ElderLock {
+    constructor(message) {
+        this.message = message;
+        this.id = UuidUtil.weakUuid4();
+    }
+}
+class ElderLockContext {
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor() {
+        this.injector = inject(Injector);
+        this.ngZone = inject(NgZone);
+        this.parentLockService = inject(ElderLockContext, {
+            skipSelf: true,
+            optional: true,
+        });
+        /***************************************************************************
+         *                                                                         *
+         * Signal state                                                            *
+         *                                                                         *
+         **************************************************************************/
+        this.childLockServices = signal([], ...(ngDevMode ? [{ debugName: "childLockServices" }] : []));
+        this.ownLocks = signal([], ...(ngDevMode ? [{ debugName: "ownLocks" }] : []));
+        /***************************************************************************
+         *                                                                         *
+         * Computed signals                                                        *
+         *                                                                         *
+         **************************************************************************/
+        this.childLockMessages = computed(() => {
+            return this.childLockServices().flatMap((service) => service.lockMessages());
+        }, ...(ngDevMode ? [{ debugName: "childLockMessages" }] : []));
+        this.lockMessages = computed(() => [
+            ...this.ownLocks().map((lock) => lock.message),
+            ...this.childLockMessages(),
+        ], ...(ngDevMode ? [{ debugName: "lockMessages" }] : []));
+        this.hasOwnLocks = computed(() => this.ownLocks().length > 0, ...(ngDevMode ? [{ debugName: "hasOwnLocks" }] : []));
+        this.hasLocks = computed(() => this.lockMessages().length > 0, ...(ngDevMode ? [{ debugName: "hasLocks" }] : []));
+        if (this.parentLockService) {
+            this.registerWithParent();
+        }
+        this.locksChanged = toObservable(this.lockMessages);
+        setTimeout(() => {
+            // Initialize lock manager asynchronously to deal with circular dependency
+            this.injector.get(ElderLockManagerService);
+        });
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Lifecycle methods                                                       *
+     *                                                                         *
+     **************************************************************************/
+    ngOnDestroy() {
+        this.unlockAllOwnLocks();
+        this.unlockChildLocksRecursively();
+        if (this.parentLockService) {
+            this.deregisterFromParent();
+        }
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    lock(message) {
+        const lock = new ElderLock(message);
+        this.ownLocks.set([...this.ownLocks(), lock]);
+        return lock;
+    }
+    unlock(lock) {
+        this.ownLocks.update((currentLocks) => currentLocks.filter((l) => l.id !== lock.id));
+    }
+    unlockAllOwnLocks() {
+        this.ownLocks.set([]);
+    }
+    unlockChildLocksRecursively() {
+        this.childLockServices().forEach((service) => {
+            service.unlockAllOwnLocks();
+            service.unlockChildLocksRecursively();
+        });
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    registerWithParent() {
+        const newChildServices = [...this.parentLockService.childLockServices(), this];
+        this.parentLockService.childLockServices.set(newChildServices);
+    }
+    deregisterFromParent() {
+        const newChildServices = this.parentLockService
+            .childLockServices()
+            .filter((service) => service !== this);
+        this.parentLockService.childLockServices.set(newChildServices);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockContext, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockContext, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+class ElderLockContextDirective {
+    constructor() {
+        /***************************************************************************
+         *                                                                         *
+         * Fields                                                                  *
+         *                                                                         *
+         **************************************************************************/
+        this.lockContext = inject(ElderLockContext, { self: true });
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Computed signals                                                        *
+     *                                                                         *
+     **************************************************************************/
+    get lockMessages() {
+        return this.lockContext.lockMessages;
+    }
+    get hasLocks() {
+        return this.lockContext.hasLocks;
+    }
+    get hasOwnLocks() {
+        return this.lockContext.hasOwnLocks;
+    }
+    get childLockMessages() {
+        return this.lockContext.childLockMessages;
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    lock(message) {
+        return this.lockContext.lock(message);
+    }
+    unlockAllOwnLocks() {
+        return this.lockContext.unlockAllOwnLocks();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: ElderLockContextDirective, isStandalone: true, selector: "[elderLockContext]", providers: [ElderLockContext], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[elderLockContext]',
+                    standalone: true,
+                    providers: [ElderLockContext],
+                }]
+        }] });
+
+class ElderLockWarningService {
+    constructor() {
+        this.dialogService = inject(ElderDialogService);
+        this.translateService = inject(TranslateService);
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    displayMessages(lockMessages, options = {}) {
+        const defaultOptions = {
+            title: 'dialogs.confirm_ignore_locks.title',
+            actionDescription: 'dialogs.confirm_ignore_locks.close_element',
+            ...options,
+        };
+        const message = 'dialogs.confirm_ignore_locks.message';
+        const translatedLockMessages = lockMessages.map((msg) => this.translateService.instant(msg));
+        const locksListStr = translatedLockMessages.join('; ');
+        return this.dialogService.showConfirm({
+            title: defaultOptions.title,
+            message: message,
+            yesNo: true,
+            interpolateParams: {
+                actionDescription: defaultOptions.actionDescription,
+                locksList: locksListStr,
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockWarningService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockWarningService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderLockWarningService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class IFrameState {
     constructor(type, message = null) {
         this.type = type;
@@ -36468,6 +36762,8 @@ class IframeHostComponent {
      *                                                                         *
      **************************************************************************/
     constructor() {
+        this.lockContext = inject(ElderLockContextDirective).lockContext;
+        this.lockWarningService = inject(ElderLockWarningService);
         /***************************************************************************
          *                                                                         *
          * Fields                                                                  *
@@ -36491,10 +36787,11 @@ class IframeHostComponent {
      * @param event message from child window
      */
     onWindowMessage(event) {
+        const messageOrigin = event.source === this.getIframeContentWindow() ? 'ownIframe' : 'foreign';
         if (event && event.data) {
             if (TypedEventMessage.isOfType(event.data)) {
                 this.log.debug('Received message from child:', event.data);
-                this.handleMessageFromChild(event.data);
+                this.handleMessageFromChild(event.data, messageOrigin);
             }
         }
         return true;
@@ -36531,14 +36828,28 @@ class IframeHostComponent {
         this.iframe.nativeElement.contentWindow.postMessage(msg, '*');
     }
     doClose(event) {
-        this.close.emit();
+        if (this.lockContext.hasLocks()) {
+            this.lockWarningService
+                .displayMessages(this.lockContext.lockMessages())
+                .subscribe((confirmed) => {
+                if (confirmed) {
+                    this.close.emit();
+                }
+            });
+        }
+        else {
+            this.close.emit();
+        }
     }
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    handleMessageFromChild(message) {
+    getIframeContentWindow() {
+        return this.iframe.nativeElement.contentWindow;
+    }
+    handleMessageFromChild(message, messageOrigin) {
         this.message.next(message);
         if (message.type === IframeMessages.CLOSE) {
             this.close.emit(message.data);
@@ -36546,13 +36857,30 @@ class IframeHostComponent {
         if (message.type === IframeMessages.VIEW_READY_EVENT) {
             this.iframeState$.next(new IFrameState('VIEW_READY'));
         }
+        if (message.type === IframeMessages.LOCKS_CHANGE_EVENT && messageOrigin === 'ownIframe') {
+            const postedLockMessages = message.data;
+            this.lockContext.unlockAllOwnLocks();
+            if (postedLockMessages?.length > 0) {
+                for (const lockMessage of postedLockMessages) {
+                    this.lockContext.lock(lockMessage);
+                }
+            }
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: IframeHostComponent, isStandalone: true, selector: "elder-i-frame-host", inputs: { iframeParams: "iframeParams" }, outputs: { message: "message", close: "close" }, host: { listeners: { "window:message": "onWindowMessage($event)" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], ngImport: i0, template: "@if ({ state: iframeState$ | async, params: iframeParams$ | async }; as ctx) {\n  <div class=\"layout-col full\">\n    <!-- In Case of Error -->\n    @if (ctx.state.hasError) {\n      <div class=\"layout-row place-center-center flex\">\n        <span>Failed to load Iframe: {{ ctx.state.message }}</span>\n      </div>\n    }\n    <!-- IFrame -->\n    @if (!ctx.state.hasError) {\n      <iframe\n        #iframe\n        (load)=\"onIframeLoadEvent($event)\"\n        (error)=\"onIframeErrorEvent($event)\"\n        [src]=\"ctx.params.srcUrl | elderSafeUrl\"\n        class=\"iframe flex\"\n        allow=\"clipboard *;clipboard-read *;clipboard-write *;\"\n      ></iframe>\n    }\n    <!-- Bottom Toolbar -->\n    @if (!ctx.params.hideActionBar) {\n      <mat-toolbar elderTheme class=\"layout-row place-between-center flex-none elder-dense-toolbar\">\n        <a mat-icon-button (click)=\"doClose($event)\" class=\"elder-icon-button-sm\">\n          <mat-icon>close</mat-icon>\n        </a>\n        <a\n          mat-icon-button\n          class=\"elder-icon-button-sm\"\n          [href]=\"ctx.params.srcUrl | elderSafeUrl\"\n          target=\"_blank\"\n        >\n          <mat-icon>open_in_new</mat-icon>\n        </a>\n      </mat-toolbar>\n    }\n  </div>\n}\n", styles: [".iframe{margin:0;border:0;height:100%;background-color:#fff}.elder-dense-toolbar,.elder-dense-toolbar .mat-toolbar-row{height:40px}\n"], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: ElderThemeDirective, selector: "[elderTheme]" }, { kind: "component", type: MatIconAnchor, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ElderSafeUrlPipe, name: "elderSafeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: IframeHostComponent, isStandalone: true, selector: "elder-i-frame-host", inputs: { iframeParams: "iframeParams" }, outputs: { message: "message", close: "close" }, host: { listeners: { "window:message": "onWindowMessage($event)" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], hostDirectives: [{ directive: ElderLockContextDirective }], ngImport: i0, template: "@if ({ state: iframeState$ | async, params: iframeParams$ | async }; as ctx) {\n  <div class=\"layout-col full\">\n    <!-- In Case of Error -->\n    @if (ctx.state.hasError) {\n      <div class=\"layout-row place-center-center flex\">\n        <span>Failed to load Iframe: {{ ctx.state.message }}</span>\n      </div>\n    }\n    <!-- IFrame -->\n    @if (!ctx.state.hasError) {\n      <iframe\n        #iframe\n        (load)=\"onIframeLoadEvent($event)\"\n        (error)=\"onIframeErrorEvent($event)\"\n        [src]=\"ctx.params.srcUrl | elderSafeUrl\"\n        class=\"iframe flex\"\n        allow=\"clipboard *;clipboard-read *;clipboard-write *;\"\n      ></iframe>\n    }\n    <!-- Bottom Toolbar -->\n    @if (!ctx.params.hideActionBar) {\n      <mat-toolbar elderTheme class=\"layout-row place-between-center flex-none elder-dense-toolbar\">\n        <a mat-icon-button (click)=\"doClose($event)\" class=\"elder-icon-button-sm\">\n          <mat-icon>close</mat-icon>\n        </a>\n        <a\n          mat-icon-button\n          class=\"elder-icon-button-sm\"\n          [href]=\"ctx.params.srcUrl | elderSafeUrl\"\n          target=\"_blank\"\n        >\n          <mat-icon>open_in_new</mat-icon>\n        </a>\n      </mat-toolbar>\n    }\n  </div>\n}\n", styles: [".iframe{margin:0;border:0;height:100%;background-color:#fff}.elder-dense-toolbar,.elder-dense-toolbar .mat-toolbar-row{height:40px}\n"], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: ElderThemeDirective, selector: "[elderTheme]" }, { kind: "component", type: MatIconAnchor, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ElderSafeUrlPipe, name: "elderSafeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeHostComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'elder-i-frame-host', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatToolbar, ElderThemeDirective, MatIconAnchor, MatIcon, AsyncPipe, ElderSafeUrlPipe], template: "@if ({ state: iframeState$ | async, params: iframeParams$ | async }; as ctx) {\n  <div class=\"layout-col full\">\n    <!-- In Case of Error -->\n    @if (ctx.state.hasError) {\n      <div class=\"layout-row place-center-center flex\">\n        <span>Failed to load Iframe: {{ ctx.state.message }}</span>\n      </div>\n    }\n    <!-- IFrame -->\n    @if (!ctx.state.hasError) {\n      <iframe\n        #iframe\n        (load)=\"onIframeLoadEvent($event)\"\n        (error)=\"onIframeErrorEvent($event)\"\n        [src]=\"ctx.params.srcUrl | elderSafeUrl\"\n        class=\"iframe flex\"\n        allow=\"clipboard *;clipboard-read *;clipboard-write *;\"\n      ></iframe>\n    }\n    <!-- Bottom Toolbar -->\n    @if (!ctx.params.hideActionBar) {\n      <mat-toolbar elderTheme class=\"layout-row place-between-center flex-none elder-dense-toolbar\">\n        <a mat-icon-button (click)=\"doClose($event)\" class=\"elder-icon-button-sm\">\n          <mat-icon>close</mat-icon>\n        </a>\n        <a\n          mat-icon-button\n          class=\"elder-icon-button-sm\"\n          [href]=\"ctx.params.srcUrl | elderSafeUrl\"\n          target=\"_blank\"\n        >\n          <mat-icon>open_in_new</mat-icon>\n        </a>\n      </mat-toolbar>\n    }\n  </div>\n}\n", styles: [".iframe{margin:0;border:0;height:100%;background-color:#fff}.elder-dense-toolbar,.elder-dense-toolbar .mat-toolbar-row{height:40px}\n"] }]
+            args: [{ selector: 'elder-i-frame-host', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        MatToolbar,
+                        ElderThemeDirective,
+                        MatIconAnchor,
+                        MatIcon,
+                        AsyncPipe,
+                        ElderSafeUrlPipe,
+                        MatIconButton,
+                    ], hostDirectives: [ElderLockContextDirective], template: "@if ({ state: iframeState$ | async, params: iframeParams$ | async }; as ctx) {\n  <div class=\"layout-col full\">\n    <!-- In Case of Error -->\n    @if (ctx.state.hasError) {\n      <div class=\"layout-row place-center-center flex\">\n        <span>Failed to load Iframe: {{ ctx.state.message }}</span>\n      </div>\n    }\n    <!-- IFrame -->\n    @if (!ctx.state.hasError) {\n      <iframe\n        #iframe\n        (load)=\"onIframeLoadEvent($event)\"\n        (error)=\"onIframeErrorEvent($event)\"\n        [src]=\"ctx.params.srcUrl | elderSafeUrl\"\n        class=\"iframe flex\"\n        allow=\"clipboard *;clipboard-read *;clipboard-write *;\"\n      ></iframe>\n    }\n    <!-- Bottom Toolbar -->\n    @if (!ctx.params.hideActionBar) {\n      <mat-toolbar elderTheme class=\"layout-row place-between-center flex-none elder-dense-toolbar\">\n        <a mat-icon-button (click)=\"doClose($event)\" class=\"elder-icon-button-sm\">\n          <mat-icon>close</mat-icon>\n        </a>\n        <a\n          mat-icon-button\n          class=\"elder-icon-button-sm\"\n          [href]=\"ctx.params.srcUrl | elderSafeUrl\"\n          target=\"_blank\"\n        >\n          <mat-icon>open_in_new</mat-icon>\n        </a>\n      </mat-toolbar>\n    }\n  </div>\n}\n", styles: [".iframe{margin:0;border:0;height:100%;background-color:#fff}.elder-dense-toolbar,.elder-dense-toolbar .mat-toolbar-row{height:40px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { iframe: [{
                 type: ViewChild,
                 args: ['iframe']
@@ -36583,6 +36911,10 @@ class IframeDialogComponent {
          **************************************************************************/
         this.logger = LoggerFactory.getLogger(this.constructor.name);
         this.iframeParams$ = new BehaviorSubject(null);
+        /**
+         * iframeHost is exposed for iframe service backdrop click handling.
+         */
+        this.iframeHost = viewChild(IframeHostComponent, ...(ngDevMode ? [{ debugName: "iframeHost" }] : []));
         this.iframeParams$.next(data);
     }
     /***************************************************************************
@@ -36600,7 +36932,7 @@ class IframeDialogComponent {
         this.dialogRef.close(data);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeDialogComponent, deps: [{ token: i1$7.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: IframeDialogComponent, isStandalone: true, selector: "elder-i-frame-dialog", ngImport: i0, template: "@if (iframeParams$ | async; as iFrameParams) {\n  <div class=\"full\">\n    <elder-i-frame-host class=\"full\" [iframeParams]=\"iFrameParams\" (close)=\"close($event)\">\n    </elder-i-frame-host>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: IframeHostComponent, selector: "elder-i-frame-host", inputs: ["iframeParams"], outputs: ["message", "close"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: IframeDialogComponent, isStandalone: true, selector: "elder-i-frame-dialog", viewQueries: [{ propertyName: "iframeHost", first: true, predicate: IframeHostComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (iframeParams$ | async; as iFrameParams) {\n  <div class=\"full\">\n    <elder-i-frame-host class=\"full\" [iframeParams]=\"iFrameParams\" (close)=\"close($event)\">\n    </elder-i-frame-host>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "component", type: IframeHostComponent, selector: "elder-i-frame-host", inputs: ["iframeParams"], outputs: ["message", "close"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeDialogComponent, decorators: [{
             type: Component,
@@ -36682,33 +37014,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
         }], ctorParameters: () => [{ type: i1$3.Router }, { type: i1$3.ActivatedRoute }, { type: ElderShellService }] });
 
 class IframeService {
+    constructor() {
+        this.dialog = inject(MatDialog);
+        this.dialogService = inject(ElderDialogService);
+        this.lockWarningService = inject(ElderLockWarningService);
+    }
     static postToParent(message) {
         parent.postMessage(message, '*'); //  `*` on any domain
     }
-    /***************************************************************************
-     *                                                                         *
-     * Fields                                                                  *
-     *                                                                         *
-     **************************************************************************/
-    constructor(dialog) {
-        this.dialog = dialog;
-    }
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
     openIframeDialog(params) {
-        return this.dialog
-            .open(IframeDialogComponent, {
+        const dialogRef = this.dialog.open(IframeDialogComponent, {
             panelClass: 'no-padding-dialog',
             maxWidth: '100vw',
             maxHeight: '100vh',
             width: params.width || '90vw',
             height: params.height || '90vh',
             data: params,
-        })
-            .afterClosed();
+            disableClose: true,
+        });
+        dialogRef.backdropClick().subscribe(() => {
+            const dialogComponent = dialogRef.componentInstance;
+            const iframeHost = dialogComponent?.iframeHost();
+            if (iframeHost?.lockContext.hasLocks()) {
+                this.lockWarningService
+                    .displayMessages(iframeHost.lockContext.lockMessages())
+                    .subscribe((confirmed) => {
+                    if (confirmed) {
+                        dialogRef.close();
+                    }
+                });
+            }
+            else {
+                dialogRef.close();
+            }
+        });
+        return dialogRef.afterClosed();
     }
     postCloseMessage(data) {
         IframeService.postToParent(new TypedEventMessage(IframeMessages.CLOSE, data));
@@ -36719,7 +37064,7 @@ class IframeService {
     postDataMessage(message) {
         IframeService.postToParent(message);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeService, deps: [{ token: i1$7.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeService, decorators: [{
@@ -36727,16 +37072,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$7.MatDialog }] });
+        }] });
 
 class IframeCloseDirective {
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(iframeService) {
-        this.iframeService = iframeService;
+    constructor() {
+        this.lockManagerService = inject(ElderLockManagerService);
+        this.dialogService = inject(ElderDialogService);
+        this.iframeService = inject(IframeService);
+        this.lockWarningService = inject(ElderLockWarningService);
         /***************************************************************************
          *                                                                         *
          * Fields                                                                  *
@@ -36744,11 +37087,35 @@ class IframeCloseDirective {
          **************************************************************************/
         this.logger = LoggerFactory.getLogger(this.constructor.name);
     }
+    /***************************************************************************
+     *                                                                         *
+     * Host listener                                                           *
+     *                                                                         *
+     **************************************************************************/
     onClick(event) {
+        if (this.lockManagerService.hasLocks()) {
+            this.lockWarningService
+                .displayMessages(this.lockManagerService.lockMessages())
+                .subscribe((confirmed) => {
+                if (confirmed) {
+                    this.closeIframe();
+                }
+            });
+        }
+        else {
+            this.closeIframe();
+        }
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    closeIframe() {
         this.logger.debug('Iframe result:', this.iframeResult);
         this.iframeService.postCloseMessage(this.iframeResult);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeCloseDirective, deps: [{ token: IframeService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.1", type: IframeCloseDirective, isStandalone: true, selector: "[elderIframeClose]", inputs: { iframeResult: ["elderIframeClose", "iframeResult"] }, host: { listeners: { "click": "onClick($event)" } }, exportAs: ["elderIframeClose"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: IframeCloseDirective, decorators: [{
@@ -36758,7 +37125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                     exportAs: 'elderIframeClose',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: IframeService }], propDecorators: { iframeResult: [{
+        }], propDecorators: { iframeResult: [{
                 type: Input,
                 args: ['elderIframeClose']
             }], onClick: [{
@@ -37585,205 +37952,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                 }]
         }] });
 
-class ElderPageExitLockComponent {
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor() {
-        /***************************************************************************
-         *                                                                         *
-         * Fields                                                                  *
-         *                                                                         *
-         **************************************************************************/
-        this.lock = input.required(...(ngDevMode ? [{ debugName: "lock" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderPageExitLockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.1", type: ElderPageExitLockComponent, isStandalone: true, selector: "elder-page-exit-lock", inputs: { lock: { classPropertyName: "lock", publicName: "lock", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex layout-row p-xs\">\n  <div class=\"layout-col p-xs place-center-start\">\n    <mat-icon>lock</mat-icon>\n  </div>\n  <div class=\"layout-col place-center-start\">\n    <span class=\"mat-subtitle-2 noselect\">{{ lock()?.message }}</span>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderPageExitLockComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'elder-page-exit-lock', imports: [MatIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex layout-row p-xs\">\n  <div class=\"layout-col p-xs place-center-start\">\n    <mat-icon>lock</mat-icon>\n  </div>\n  <div class=\"layout-col place-center-start\">\n    <span class=\"mat-subtitle-2 noselect\">{{ lock()?.message }}</span>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [] });
-
-class ElderPageExitLockOverviewComponent {
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor() {
-        /***************************************************************************
-         *                                                                         *
-         * Fields                                                                  *
-         *                                                                         *
-         **************************************************************************/
-        this.locks = input.required(...(ngDevMode ? [{ debugName: "locks" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderPageExitLockOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ElderPageExitLockOverviewComponent, isStandalone: true, selector: "elder-page-exit-lock-overview", inputs: { locks: { classPropertyName: "locks", publicName: "locks", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-card appearance=\"raised\" class=\"layout-col full scrollable\">\n  <mat-card-content>\n    <div>\n      @for (lock of locks(); track lock.id) {\n        <elder-page-exit-lock [lock]=\"lock\"> </elder-page-exit-lock>\n      }\n    </div>\n  </mat-card-content>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: ElderPageExitLockComponent, selector: "elder-page-exit-lock", inputs: ["lock"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderPageExitLockOverviewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'elder-page-exit-lock-overview', imports: [MatCard, MatCardContent, ElderPageExitLockComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card appearance=\"raised\" class=\"layout-col full scrollable\">\n  <mat-card-content>\n    <div>\n      @for (lock of locks(); track lock.id) {\n        <elder-page-exit-lock [lock]=\"lock\"> </elder-page-exit-lock>\n      }\n    </div>\n  </mat-card-content>\n</mat-card>\n" }]
-        }], ctorParameters: () => [] });
-
-class PageExitLock {
-    constructor(message, lockService) {
-        this.message = message;
-        this.lockService = lockService;
-        this.id = UuidUtil.weakUuid4();
-    }
-    release() {
-        this.lockService.unlock(this);
-    }
-}
-class PageExitGuardService {
-    constructor(toast) {
-        this.toast = toast;
-        this.internal = new PageExitGuardServiceInternal(toast);
-    }
-    get locks$() {
-        return this.internal.locks$;
-    }
-    get isPageExitBlocked$() {
-        return this.internal.isPageExitBlocked$;
-    }
-    lock(message) {
-        return this.internal.lock(message);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PageExitGuardService, deps: [{ token: ElderToastService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PageExitGuardService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PageExitGuardService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: ElderToastService }] });
-/***************************************************************************
- *                                                                         *
- * Internal                                                                *
- *                                                                         *
- **************************************************************************/
-class PageExitGuardServiceInternal {
-    /***************************************************************************
-     *                                                                         *
-     * Properties                                                              *
-     *                                                                         *
-     **************************************************************************/
-    get locks$() {
-        return this._lockMap$.map$.pipe(map((lockMap) => Array.from(lockMap.values())));
-    }
-    get isPageExitBlocked$() {
-        return this._isPageExitBlocked$.asObservable();
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(toast) {
-        this.toast = toast;
-        this._isPageExitBlocked$ = new BehaviorSubject(false);
-        this._lockMap$ = new ReactiveMap();
-        this._beforeUnloadHandler = this.preventDefaultAndWarnEvent();
-        this._lockMap$.map$.subscribe({
-            next: (map) => {
-                if (map.size > 0) {
-                    this.ensureListenerStarted();
-                }
-                else {
-                    this.ensureListenerStopped();
-                }
-            },
-        });
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Public methods                                                          *
-     *                                                                         *
-     **************************************************************************/
-    lock(message) {
-        const newLock = new PageExitLock(message, this);
-        this._lockMap$.set(newLock.id, newLock);
-        return this._lockMap$.get(newLock.id);
-    }
-    unlock(lock) {
-        this._lockMap$.delete(lock.id);
-    }
-    /***************************************************************************
-     *                                                                         *
-     * Private methods                                                         *
-     *                                                                         *
-     **************************************************************************/
-    /**
-     * starts an event listener that will prevent the user from immediately closing
-     * the tab / reloading, if it isn't already running.
-     *
-     * try to stop the alert service whenever you can to minimize the effect on
-     * performance.
-     * [more details here](https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event#usage_notes)
-     *
-     */
-    ensureListenerStarted() {
-        if (!this._isPageExitBlocked$.getValue()) {
-            this._isPageExitBlocked$.next(true);
-            window.addEventListener('beforeunload', this._beforeUnloadHandler);
-        }
-    }
-    /**
-     * removes the event listener, if the listener is running.
-     */
-    ensureListenerStopped() {
-        if (this._isPageExitBlocked$.getValue()) {
-            this._isPageExitBlocked$.next(false);
-            window.removeEventListener('beforeunload', this._beforeUnloadHandler);
-        }
-    }
-    preventDefaultAndWarnEvent() {
-        return (event) => {
-            const msgs = Array.from(this._lockMap$.values()).map((lock) => lock.message);
-            this.toast.warn('[' + this._lockMap$.size + '] ' + msgs);
-            event.preventDefault();
-        };
-    }
-}
-
-class ElderPageExitLockIndicatorComponent {
-    /***************************************************************************
-     *                                                                         *
-     * Constructor                                                             *
-     *                                                                         *
-     **************************************************************************/
-    constructor(pageExitGuardService) {
-        this.pageExitGuardService = pageExitGuardService;
-        this.isPageExitBlocked = toSignal(this.pageExitGuardService.isPageExitBlocked$);
-        this.locks = toSignal(this.pageExitGuardService.locks$);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderPageExitLockIndicatorComponent, deps: [{ token: PageExitGuardService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: ElderPageExitLockIndicatorComponent, isStandalone: true, selector: "elder-page-exit-lock-indicator", ngImport: i0, template: "@if (isPageExitBlocked()) {\n  <button mat-icon-button [elderOverlayTrigger]=\"overlay\" type=\"button\">\n    <mat-icon color=\"accent\">lock_clock</mat-icon>\n  </button>\n}\n\n<elder-overlay #overlay=\"elderOverlay\" originX=\"center\" overlayX=\"center\">\n  <elder-page-exit-lock-overview [locks]=\"locks()\" class=\"panel\"> </elder-page-exit-lock-overview>\n</elder-overlay>\n", styles: [".panel{width:250px;height:250px;border-radius:var(--elder-border-radius-sm);overflow:hidden;box-shadow:var(--elder-box-shadow-default)}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ElderOverlayModule }, { kind: "component", type: ElderOverlayComponent, selector: "elder-overlay", inputs: ["originX", "originY", "overlayX", "overlayY", "offsetY", "offsetX", "backdrop", "backdropVisible", "origin", "positionStrategy", "overlaySize"], outputs: ["keydownEvents", "attachedChange"], exportAs: ["elderOverlay"] }, { kind: "directive", type: ElderOverlayTriggerDirective, selector: "[elderOverlayTrigger]", inputs: ["elderOverlayTrigger", "elderOverlayTriggerType", "elderOverlayTriggerEnabled"] }, { kind: "component", type: ElderPageExitLockOverviewComponent, selector: "elder-page-exit-lock-overview", inputs: ["locks"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: ElderPageExitLockIndicatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'elder-page-exit-lock-indicator', imports: [MatIconButton, MatIcon, ElderOverlayModule, ElderPageExitLockOverviewComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isPageExitBlocked()) {\n  <button mat-icon-button [elderOverlayTrigger]=\"overlay\" type=\"button\">\n    <mat-icon color=\"accent\">lock_clock</mat-icon>\n  </button>\n}\n\n<elder-overlay #overlay=\"elderOverlay\" originX=\"center\" overlayX=\"center\">\n  <elder-page-exit-lock-overview [locks]=\"locks()\" class=\"panel\"> </elder-page-exit-lock-overview>\n</elder-overlay>\n", styles: [".panel{width:250px;height:250px;border-radius:var(--elder-border-radius-sm);overflow:hidden;box-shadow:var(--elder-box-shadow-default)}\n"] }]
-        }], ctorParameters: () => [{ type: PageExitGuardService }] });
-
-class PageExitGuardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PageExitGuardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: PageExitGuardModule, imports: [CommonModule, ElderPageExitLockIndicatorComponent], exports: [ElderPageExitLockIndicatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PageExitGuardModule, imports: [CommonModule, ElderPageExitLockIndicatorComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: PageExitGuardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [CommonModule, ElderPageExitLockIndicatorComponent],
-                    exports: [ElderPageExitLockIndicatorComponent],
-                }]
-        }] });
-
 class ElderPaneComponent {
     constructor() {
         this.class = '';
@@ -38887,5 +39055,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPageExitLockIndicatorComponent, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSinglePaneWrapperComponent, ElderSingleSortComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageExitGuardModule, PageExitGuardService, PageExitLock, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
+export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderLock, ElderLockContext, ElderLockContextDirective, ElderLockManagerService, ElderLockWarningService, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderSimpleSelectionViewComponent, ElderSimpleSelectionViewModule, ElderSinglePaneWrapperComponent, ElderSingleSortComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderSvgViewerComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, ElderViewersModule, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientBuilder, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, themeInit };
 //# sourceMappingURL=elderbyte-ngx-starter.mjs.map