angular-toolbox 1.4.4 → 1.4.6

package/esm2022/lib/framework/dialog/dialog.outlet.mjs

@@ -0,0 +1,94 @@
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+import { ChangeDetectionStrategy, Component, ViewChild, ViewContainerRef } from '@angular/core';
+import { DialogOutletEvent } from './dialog-outlet.event';
+import { DEFAULT_CONFIG } from './dialog-default-config';
+import { DialogBackdropType } from './dialog-backdrop-type.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "./dialog-service";
+/**
+ * Acts as a placeholder that the ATX framework dynamically fills based on the component specified
+ * by the dialog service `show()` method.
+ */
+export class DialogOutlet {
+    /**
+     * @private
+     */
+    constructor(dialogSvc) {
+        this.dialogSvc = dialogSvc;
+    }
+    /**
+     * @private
+     */
+    ngOnInit() {
+        this.dialogSvc.__init__(this.renderer);
+        this.dialogSvc.dialogStateChange.subscribe((event) => this.stateChange(event));
+    }
+    /**
+     * @private
+     */
+    mouseupHandler(event) {
+        if (this._config.backdrop !== DialogBackdropType.MODAL)
+            return;
+        const rect = this._dialog.nativeElement.getBoundingClientRect();
+        const xPos = event.clientX;
+        const yPos = event.clientY;
+        const top = rect.top;
+        const left = rect.left;
+        const isDialog = (top <= yPos && yPos <= top + rect.height && left <= xPos && xPos <= left + rect.width);
+        if (!isDialog)
+            this.hide();
+    }
+    /**
+     * @private
+     */
+    onClose(event) {
+        this.renderer.clear();
+    }
+    /**
+     * @private
+     */
+    stateChange(event) {
+        const state = event.state;
+        if (state === DialogOutletEvent.SHOW)
+            return this.show(event);
+        if (state === DialogOutletEvent.HIDE)
+            this.hide();
+    }
+    /**
+     * @private
+     */
+    show(event) {
+        this._config = event.config || DEFAULT_CONFIG;
+        this._dialog.nativeElement.showModal();
+    }
+    /**
+     * @private
+     */
+    hide() {
+        this._dialog.nativeElement.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogOutlet, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: DialogOutlet, isStandalone: true, selector: "atx-dialog-outlet", viewQueries: [{ propertyName: "_dialog", first: true, predicate: ["dialog"], descendants: true }, { propertyName: "renderer", first: true, predicate: ["renderer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<dialog #dialog (mouseup)="mouseupHandler($event)" (close)="onClose($event)"><ng-container #renderer></ng-container></dialog>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogOutlet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atx-dialog-outlet',
+                    standalone: true,
+                    template: '<dialog #dialog (mouseup)="mouseupHandler($event)" (close)="onClose($event)"><ng-container #renderer></ng-container></dialog>',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [{ type: i1.DialogService }], propDecorators: { _dialog: [{
+                type: ViewChild,
+                args: ["dialog"]
+            }], renderer: [{
+                type: ViewChild,
+                args: ["renderer", { static: true, read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLm91dGxldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdG9vbGJveC9zcmMvbGliL2ZyYW1ld29yay9kaWFsb2cvZGlhbG9nLm91dGxldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFzQixTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEgsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFHMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7QUFHakU7OztHQUdHO0FBT0gsTUFBTSxPQUFPLFlBQVk7SUFtQnZCOztPQUVHO0lBQ0gsWUFBb0IsU0FBd0I7UUFBeEIsY0FBUyxHQUFULFNBQVMsQ0FBZTtJQUFHLENBQUM7SUFFaEQ7O09BRUc7SUFDSSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxTQUFTLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBd0IsRUFBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ25HLENBQUM7SUFFRDs7T0FFRztJQUNPLGNBQWMsQ0FBQyxLQUFpQjtRQUN4QyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxLQUFLLGtCQUFrQixDQUFDLEtBQUs7WUFBRSxPQUFPO1FBQy9ELE1BQU0sSUFBSSxHQUFZLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDekUsTUFBTSxJQUFJLEdBQVcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUNuQyxNQUFNLElBQUksR0FBVyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ25DLE1BQU0sR0FBRyxHQUFXLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDN0IsTUFBTSxJQUFJLEdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUMvQixNQUFNLFFBQVEsR0FBWSxDQUFDLEdBQUcsSUFBSSxJQUFJLElBQUksSUFBSSxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksSUFBSSxJQUFJLElBQUksSUFBSSxJQUFJLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEgsSUFBSSxDQUFDLFFBQVE7WUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVEOztPQUVHO0lBQ08sT0FBTyxDQUFDLEtBQVk7UUFDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQ7O09BRUc7SUFDSyxXQUFXLENBQUMsS0FBd0I7UUFDMUMsTUFBTSxLQUFLLEdBQTBCLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDakQsSUFBSSxLQUFLLEtBQUssaUJBQWlCLENBQUMsSUFBSTtZQUFFLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5RCxJQUFJLEtBQUssS0FBSyxpQkFBaUIsQ0FBQyxJQUFJO1lBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BELENBQUM7SUFFRDs7T0FFRztJQUNLLElBQUksQ0FBQyxLQUF3QjtRQUNuQyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLElBQUksY0FBYyxDQUFDO1FBQzlDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRDs7T0FFRztJQUNLLElBQUk7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzhHQTNFVSxZQUFZO2tHQUFaLFlBQVksa1BBV3NCLGdCQUFnQiwyQ0FkbkQsK0hBQStIOzsyRkFHOUgsWUFBWTtrQkFOeEIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLCtIQUErSDtvQkFDekksZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEO2tGQU9TLE9BQU87c0JBRGQsU0FBUzt1QkFBQyxRQUFRO2dCQU9YLFFBQVE7c0JBRGYsU0FBUzt1QkFBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBAbGljZW5zZVxyXG4gKiBDb3B5cmlnaHQgUGFzY2FsIEVDSEVNQU5OLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxyXG4gKlxyXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxyXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vcGFzY2FsZWNoZW1hbm4uY29tL2FuZ3VsYXItdG9vbGJveC9yZXNvdXJjZXMvbGljZW5zZVxyXG4gKi9cclxuXHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIE9uSW5pdCwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERpYWxvZ091dGxldEV2ZW50IH0gZnJvbSAnLi9kaWFsb2ctb3V0bGV0LmV2ZW50JztcclxuaW1wb3J0IHsgRGlhbG9nT3V0bGV0RXZlbnRUeXBlIH0gZnJvbSAnLi9kaWFsb2ctb3V0bGV0LWV2ZW50LXR5cGUnO1xyXG5pbXBvcnQgeyBEaWFsb2dDb25maWcgfSBmcm9tICcuL2RpYWxvZy5jb25maWcnO1xyXG5pbXBvcnQgeyBERUZBVUxUX0NPTkZJRyB9IGZyb20gJy4vZGlhbG9nLWRlZmF1bHQtY29uZmlnJztcclxuaW1wb3J0IHsgRGlhbG9nQmFja2Ryb3BUeXBlIH0gZnJvbSAnLi9kaWFsb2ctYmFja2Ryb3AtdHlwZS5lbnVtJztcclxuaW1wb3J0IHsgRGlhbG9nU2VydmljZSB9IGZyb20gJy4vZGlhbG9nLXNlcnZpY2UnO1xyXG5cclxuLyoqXHJcbiAqIEFjdHMgYXMgYSBwbGFjZWhvbGRlciB0aGF0IHRoZSBBVFggZnJhbWV3b3JrIGR5bmFtaWNhbGx5IGZpbGxzIGJhc2VkIG9uIHRoZSBjb21wb25lbnQgc3BlY2lmaWVkXHJcbiAqIGJ5IHRoZSBkaWFsb2cgc2VydmljZSBgc2hvdygpYCBtZXRob2QuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F0eC1kaWFsb2ctb3V0bGV0JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIHRlbXBsYXRlOiAnPGRpYWxvZyAjZGlhbG9nIChtb3VzZXVwKT1cIm1vdXNldXBIYW5kbGVyKCRldmVudClcIiAoY2xvc2UpPVwib25DbG9zZSgkZXZlbnQpXCI+PG5nLWNvbnRhaW5lciAjcmVuZGVyZXI+PC9uZy1jb250YWluZXI+PC9kaWFsb2c+JyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGlhbG9nT3V0bGV0IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICogQHByaXZhdGVcclxuICAgKi9cclxuICBAVmlld0NoaWxkKFwiZGlhbG9nXCIpXHJcbiAgcHJpdmF0ZSBfZGlhbG9nITogRWxlbWVudFJlZjxIVE1MRGlhbG9nRWxlbWVudD47XHJcblxyXG4gIC8qKlxyXG4gICAqIEBwcml2YXRlXHJcbiAgICovXHJcbiAgQFZpZXdDaGlsZChcInJlbmRlcmVyXCIsIHsgc3RhdGljOiB0cnVlLCByZWFkOiBWaWV3Q29udGFpbmVyUmVmIH0pXHJcbiAgcHJpdmF0ZSByZW5kZXJlciE6IFZpZXdDb250YWluZXJSZWY7XHJcblxyXG4gIC8qKlxyXG4gICAqIEBwcml2YXRlXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBfY29uZmlnITogRGlhbG9nQ29uZmlnO1xyXG5cclxuICAvKipcclxuICAgKiBAcHJpdmF0ZVxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGlhbG9nU3ZjOiBEaWFsb2dTZXJ2aWNlKSB7fVxyXG5cclxuICAvKipcclxuICAgKiBAcHJpdmF0ZVxyXG4gICAqL1xyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nU3ZjLl9faW5pdF9fKHRoaXMucmVuZGVyZXIpO1xyXG4gICAgdGhpcy5kaWFsb2dTdmMuZGlhbG9nU3RhdGVDaGFuZ2Uuc3Vic2NyaWJlKChldmVudDogRGlhbG9nT3V0bGV0RXZlbnQpPT4gdGhpcy5zdGF0ZUNoYW5nZShldmVudCkpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogQHByaXZhdGVcclxuICAgKi9cclxuICBwcm90ZWN0ZWQgbW91c2V1cEhhbmRsZXIoZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLl9jb25maWcuYmFja2Ryb3AgIT09IERpYWxvZ0JhY2tkcm9wVHlwZS5NT0RBTCkgcmV0dXJuO1xyXG4gICAgY29uc3QgcmVjdDogRE9NUmVjdCA9IHRoaXMuX2RpYWxvZy5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgY29uc3QgeFBvczogbnVtYmVyID0gZXZlbnQuY2xpZW50WDtcclxuICAgIGNvbnN0IHlQb3M6IG51bWJlciA9IGV2ZW50LmNsaWVudFk7XHJcbiAgICBjb25zdCB0b3A6IG51bWJlciA9IHJlY3QudG9wO1xyXG4gICAgY29uc3QgbGVmdDogbnVtYmVyID0gcmVjdC5sZWZ0O1xyXG4gICAgY29uc3QgaXNEaWFsb2c6IGJvb2xlYW4gPSAodG9wIDw9IHlQb3MgJiYgeVBvcyA8PSB0b3AgKyByZWN0LmhlaWdodCAmJiBsZWZ0IDw9IHhQb3MgJiYgeFBvcyA8PSBsZWZ0ICsgcmVjdC53aWR0aCk7XHJcbiAgICBpZiAoIWlzRGlhbG9nKSB0aGlzLmhpZGUoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEBwcml2YXRlXHJcbiAgICovXHJcbiAgcHJvdGVjdGVkIG9uQ2xvc2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLnJlbmRlcmVyLmNsZWFyKCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBAcHJpdmF0ZVxyXG4gICAqL1xyXG4gIHByaXZhdGUgc3RhdGVDaGFuZ2UoZXZlbnQ6IERpYWxvZ091dGxldEV2ZW50KTogdm9pZCB7XHJcbiAgICBjb25zdCBzdGF0ZTogRGlhbG9nT3V0bGV0RXZlbnRUeXBlID0gZXZlbnQuc3RhdGU7XHJcbiAgICBpZiAoc3RhdGUgPT09IERpYWxvZ091dGxldEV2ZW50LlNIT1cpIHJldHVybiB0aGlzLnNob3coZXZlbnQpO1xyXG4gICAgaWYgKHN0YXRlID09PSBEaWFsb2dPdXRsZXRFdmVudC5ISURFKSB0aGlzLmhpZGUoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEBwcml2YXRlXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBzaG93KGV2ZW50OiBEaWFsb2dPdXRsZXRFdmVudCk6IHZvaWQge1xyXG4gICAgdGhpcy5fY29uZmlnID0gZXZlbnQuY29uZmlnIHx8IERFRkFVTFRfQ09ORklHO1xyXG4gICAgdGhpcy5fZGlhbG9nLm5hdGl2ZUVsZW1lbnQuc2hvd01vZGFsKCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBAcHJpdmF0ZVxyXG4gICAqL1xyXG4gIHByaXZhdGUgaGlkZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX2RpYWxvZy5uYXRpdmVFbGVtZW50LmNsb3NlKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/framework/dialog/index.mjs

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+export * from "./dialog-backdrop-type.enum";
+export * from "./dialog-backdrop.type";
+export * from "./dialog-outlet-event-type";
+export * from "./dialog-outlet.event";
+export * from "./dialog.config";
+export * from "./dialog.outlet";
+export * from "./dialog-service";
+export * from "./dialog-service.error";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXRvb2xib3gvc3JjL2xpYi9mcmFtZXdvcmsvZGlhbG9nL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBAbGljZW5zZVxyXG4gKiBDb3B5cmlnaHQgUGFzY2FsIEVDSEVNQU5OLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxyXG4gKlxyXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxyXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vcGFzY2FsZWNoZW1hbm4uY29tL2FuZ3VsYXItdG9vbGJveC9yZXNvdXJjZXMvbGljZW5zZVxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gXCIuL2RpYWxvZy1iYWNrZHJvcC10eXBlLmVudW1cIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vZGlhbG9nLWJhY2tkcm9wLnR5cGVcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vZGlhbG9nLW91dGxldC1ldmVudC10eXBlXCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2RpYWxvZy1vdXRsZXQuZXZlbnRcIjtcclxuZXhwb3J0ICogZnJvbSBcIi4vZGlhbG9nLmNvbmZpZ1wiO1xyXG5leHBvcnQgKiBmcm9tIFwiLi9kaWFsb2cub3V0bGV0XCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2RpYWxvZy1zZXJ2aWNlXCI7XHJcbmV4cG9ydCAqIGZyb20gXCIuL2RpYWxvZy1zZXJ2aWNlLmVycm9yXCI7Il19

package/esm2022/lib/framework/index.mjs

@@ -2,4 +2,5 @@ export * from './mock/http';
 export * from './mock/http-monitoring-console';
 export * from './mock/documentation';
 export * from './logging';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXRvb2xib3gvc3JjL2xpYi9mcmFtZXdvcmsvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmV4cG9ydCAqIGZyb20gJy4vbW9jay9odHRwJztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2NrL2h0dHAtbW9uaXRvcmluZy1jb25zb2xlJztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2NrL2RvY3VtZW50YXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xvZ2dpbmcnOyJdfQ==
+export * from './dialog';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXRvb2xib3gvc3JjL2xpYi9mcmFtZXdvcmsvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsVUFBVSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmV4cG9ydCAqIGZyb20gJy4vbW9jay9odHRwJztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2NrL2h0dHAtbW9uaXRvcmluZy1jb25zb2xlJztcclxuZXhwb3J0ICogZnJvbSAnLi9tb2NrL2RvY3VtZW50YXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xvZ2dpbmcnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RpYWxvZyc7Il19

package/esm2022/lib/model/service/version/angular-toolbox-version.service.mjs

@@ -15,8 +15,8 @@ import * as i0 from "@angular/core";
 const ATX_VERSION_CONFIG = {
     major: 1,
     minor: 4,
-    patch: 4,
-    buildTimestamp: 1728971479807
+    patch: 6,
+    buildTimestamp: 1733307295401
 };
 /**
  * The public service that exposes the current version of the Angular Toolbox library.
@@ -34,4 +34,4 @@ export class AngularToolboxVersionService extends AbstractVersionManager {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AngularToolboxVersionService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci10b29sYm94LXZlcnNpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdG9vbGJveC9zcmMvbGliL21vZGVsL3NlcnZpY2UvdmVyc2lvbi9hbmd1bGFyLXRvb2xib3gtdmVyc2lvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUd2RDs7O0dBR0c7QUFDSCxNQUFNLGtCQUFrQixHQUFrQjtJQUN4QyxLQUFLLEVBQUUsQ0FBQztJQUNSLEtBQUssRUFBRSxDQUFDO0lBQ1IsS0FBSyxFQUFFLENBQUM7SUFDUixjQUFjLEVBQUUsYUFBYTtDQUM5QixDQUFDO0FBRUY7O0dBRUc7QUFFSCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsc0JBQXNCO0lBRXRFOztPQUVHO0lBQ0g7UUFDRSxLQUFLLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUM1QixDQUFDOzhHQVBVLDRCQUE0QjtrSEFBNUIsNEJBQTRCOzsyRkFBNUIsNEJBQTRCO2tCQUR4QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIEBsaWNlbnNlXHJcbiAqIENvcHlyaWdodCBQYXNjYWwgRUNIRU1BTk4uIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXHJcbiAqXHJcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlIGZvdW5kIGluXHJcbiAqIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9wYXNjYWxlY2hlbWFubi5jb20vYW5ndWxhci10b29sYm94L3Jlc291cmNlcy9saWNlbnNlXHJcbiAqL1xyXG5cclxuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBYnN0cmFjdFZlcnNpb25NYW5hZ2VyIH0gZnJvbSAnLi4vLi4vLi4vY29yZSc7XHJcbmltcG9ydCB7IFZlcnNpb25Db25maWcgfSBmcm9tICcuLi8uLi9idXNpbmVzcyc7XHJcblxyXG4vKipcclxuICogQHByaXZhdGVcclxuICogVGhlIGN1cnJlbnQgdmVyc2lvbiBvZiB0aGUgQW5ndWxhciBUb29sYm94IGxpYnJhcnkuXHJcbiAqL1xyXG5jb25zdCBBVFhfVkVSU0lPTl9DT05GSUc6IFZlcnNpb25Db25maWcgPSB7XHJcbiAgbWFqb3I6IDEsXHJcbiAgbWlub3I6IDQsXHJcbiAgcGF0Y2g6IDQsXHJcbiAgYnVpbGRUaW1lc3RhbXA6IDE3Mjg5NzE0Nzk4MDdcclxufTtcclxuXHJcbi8qKlxyXG4gKiBUaGUgcHVibGljIHNlcnZpY2UgdGhhdCBleHBvc2VzIHRoZSBjdXJyZW50IHZlcnNpb24gb2YgdGhlIEFuZ3VsYXIgVG9vbGJveCBsaWJyYXJ5LlxyXG4gKi9cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgQW5ndWxhclRvb2xib3hWZXJzaW9uU2VydmljZSBleHRlbmRzIEFic3RyYWN0VmVyc2lvbk1hbmFnZXIge1xyXG5cclxuICAvKipcclxuICAgKiBAcHJpdmF0ZVxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoQVRYX1ZFUlNJT05fQ09ORklHKTtcclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci10b29sYm94LXZlcnNpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdG9vbGJveC9zcmMvbGliL21vZGVsL3NlcnZpY2UvdmVyc2lvbi9hbmd1bGFyLXRvb2xib3gtdmVyc2lvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUd2RDs7O0dBR0c7QUFDSCxNQUFNLGtCQUFrQixHQUFrQjtJQUN4QyxLQUFLLEVBQUUsQ0FBQztJQUNSLEtBQUssRUFBRSxDQUFDO0lBQ1IsS0FBSyxFQUFFLENBQUM7SUFDUixjQUFjLEVBQUUsYUFBYTtDQUM5QixDQUFDO0FBRUY7O0dBRUc7QUFFSCxNQUFNLE9BQU8sNEJBQTZCLFNBQVEsc0JBQXNCO0lBRXRFOztPQUVHO0lBQ0g7UUFDRSxLQUFLLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUM1QixDQUFDOzhHQVBVLDRCQUE0QjtrSEFBNUIsNEJBQTRCOzsyRkFBNUIsNEJBQTRCO2tCQUR4QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIEBsaWNlbnNlXHJcbiAqIENvcHlyaWdodCBQYXNjYWwgRUNIRU1BTk4uIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXHJcbiAqXHJcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlIGZvdW5kIGluXHJcbiAqIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9wYXNjYWxlY2hlbWFubi5jb20vYW5ndWxhci10b29sYm94L3Jlc291cmNlcy9saWNlbnNlXHJcbiAqL1xyXG5cclxuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBYnN0cmFjdFZlcnNpb25NYW5hZ2VyIH0gZnJvbSAnLi4vLi4vLi4vY29yZSc7XHJcbmltcG9ydCB7IFZlcnNpb25Db25maWcgfSBmcm9tICcuLi8uLi9idXNpbmVzcyc7XHJcblxyXG4vKipcclxuICogQHByaXZhdGVcclxuICogVGhlIGN1cnJlbnQgdmVyc2lvbiBvZiB0aGUgQW5ndWxhciBUb29sYm94IGxpYnJhcnkuXHJcbiAqL1xyXG5jb25zdCBBVFhfVkVSU0lPTl9DT05GSUc6IFZlcnNpb25Db25maWcgPSB7XHJcbiAgbWFqb3I6IDEsXHJcbiAgbWlub3I6IDQsXHJcbiAgcGF0Y2g6IDYsXHJcbiAgYnVpbGRUaW1lc3RhbXA6IDE3MzMzMDcyOTU0MDFcclxufTtcclxuXHJcbi8qKlxyXG4gKiBUaGUgcHVibGljIHNlcnZpY2UgdGhhdCBleHBvc2VzIHRoZSBjdXJyZW50IHZlcnNpb24gb2YgdGhlIEFuZ3VsYXIgVG9vbGJveCBsaWJyYXJ5LlxyXG4gKi9cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgQW5ndWxhclRvb2xib3hWZXJzaW9uU2VydmljZSBleHRlbmRzIEFic3RyYWN0VmVyc2lvbk1hbmFnZXIge1xyXG5cclxuICAvKipcclxuICAgKiBAcHJpdmF0ZVxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoQVRYX1ZFUlNJT05fQ09ORklHKTtcclxuICB9XHJcbn1cclxuIl19

package/fesm2022/angular-toolbox.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, EventEmitter, Component, Inject, isDevMode, Optional, ChangeDetectionStrategy, Input, Pipe, Output, inject, ViewEncapsulation, ViewChild, HostBinding, HostListener, ContentChildren, Directive } from '@angular/core';
+import { Injectable, NgModule, EventEmitter, Component, Inject, isDevMode, Optional, ChangeDetectionStrategy, Input, Pipe, Output, inject, ViewContainerRef, ViewChild, ViewEncapsulation, HostBinding, HostListener, ContentChildren, Directive } from '@angular/core';
 import { Observable, from, of } from 'rxjs';
 import * as i1$1 from '@angular/common';
 import { DOCUMENT, formatDate, CommonModule, DatePipe, NgStyle, XhrFactory } from '@angular/common';
@@ -18,7 +18,7 @@ import { HttpContextToken, HttpHeaders, HttpContext, HttpParams, HttpRequest, Ht
 /**
  * @private
  */
-const NAME$4 = "SubscriptionError";
+const NAME$5 = "SubscriptionError";
 /**
  * Represents errors thrown by `SubscriptionService` instances.
  */
@@ -30,7 +30,7 @@ class SubscriptionError extends Error {
      */
     constructor(message) {
         super(message);
-        this.name = NAME$4;
+        this.name = NAME$5;
     }
 }
 
@@ -44,7 +44,7 @@ class SubscriptionError extends Error {
 /**
  * @private
  */
-const NAME$3 = "IntegrityError";
+const NAME$4 = "IntegrityError";
 /**
  * Represents a data integrity violation error.
  */
@@ -56,7 +56,7 @@ class IntegrityError extends Error {
      */
     constructor(message) {
         super(message);
-        this.name = NAME$3;
+        this.name = NAME$4;
     }
 }
 
@@ -70,7 +70,7 @@ class IntegrityError extends Error {
 /**
  * @private
  */
-const NAME$2 = "AppBridgeError";
+const NAME$3 = "AppBridgeError";
 /**
  * Represents exceptions thrown by the `AppBridge` class.
  */
@@ -80,7 +80,7 @@ class AppBridgeError extends ReferenceError {
      */
     constructor(message) {
         super(message);
-        this.name = NAME$2;
+        this.name = NAME$3;
     }
 }
 
@@ -94,7 +94,7 @@ class AppBridgeError extends ReferenceError {
 /**
  * @private
  */
-const NAME$1 = "HttpMockServiceError";
+const NAME$2 = "HttpMockServiceError";
 /**
  * Represents errors thrown by `HttpMockService` instances.
  */
@@ -106,7 +106,7 @@ class HttpMockServiceError extends Error {
      */
     constructor(message) {
         super(message);
-        this.name = NAME$1;
+        this.name = NAME$2;
     }
 }
 
@@ -586,8 +586,8 @@ class AbstractVersionManager {
 const ATX_VERSION_CONFIG = {
     major: 1,
     minor: 4,
-    patch: 4,
-    buildTimestamp: 1728971479807
+    patch: 6,
+    buildTimestamp: 1733307295401
 };
 /**
  * The public service that exposes the current version of the Angular Toolbox library.
@@ -2540,7 +2540,7 @@ const QUESTION_MARK = "?";
  * @private
  * The reference to the `NAME` `TokenType`.
  */
-const NAME = "NAME";
+const NAME$1 = "NAME";
 /**
  * @private
  * The reference to the `PATTERN` `TokenType`.
@@ -2977,7 +2977,7 @@ const lexer = (str) => {
             if (!name) {
                 throw new TypeError(`Missing parameter name at ${i}`);
             }
-            tokens.push({ type: NAME, index: i, value: name });
+            tokens.push({ type: NAME$1, index: i, value: name });
             continue;
         }
         if (value === LEFT_PARENTHESIS) {
@@ -3055,7 +3055,7 @@ const stringToTokenData = (str, options = {}) => {
         const path = it.text();
         if (path)
             tokens.push(encodePath(path));
-        const name = it.tryConsume(NAME);
+        const name = it.tryConsume(NAME$1);
         const pattern = it.tryConsume(PATTERN);
         if (name || pattern) {
             tokens.push({
@@ -3081,7 +3081,7 @@ const stringToTokenData = (str, options = {}) => {
         const open = it.tryConsume(LEFT_CURLY_BRACE);
         if (open) {
             const prefix = it.text();
-            const name = it.tryConsume(NAME);
+            const name = it.tryConsume(NAME$1);
             const pattern = it.tryConsume(PATTERN);
             const suffix = it.text();
             const separator = it.tryConsume(SEMI_COLON) ? it.text() : prefix + suffix;
@@ -8090,6 +8090,286 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 type: Input
             }] } });
 
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * Defines the possible values used to assign properties of type of `DialogBackdrop`.
+ */
+var DialogBackdropType;
+(function (DialogBackdropType) {
+    /**
+     * Indicates that the dialog element is of type of "static".
+     */
+    DialogBackdropType["STATIC"] = "static";
+    /**
+     * Indicates that the dialog element is of type of "modal".
+     */
+    DialogBackdropType["MODAL"] = "modal";
+})(DialogBackdropType || (DialogBackdropType = {}));
+;
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * Event that indicates the state changes of components managed by the `DialogService` service singleton.
+ */
+class DialogOutletEvent {
+    /**
+     * The type of event dispatched each time the dialog element is displayed.
+     */
+    static { this.SHOW = "show"; }
+    /**
+     * The type of event dispatched each time the dialog element is removed.
+     */
+    static { this.HIDE = "hide"; }
+    /**
+     * @private
+     *
+     * Creates a new `DialogOutletEvent` instance.
+     *
+     * @param state The state of the dialog element.
+     * @param config  The dialog element config associated with this event.
+     */
+    constructor(state, config = null) {
+        this.state = state;
+        this.config = config;
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ */
+const DEFAULT_CONFIG = {
+    backdrop: DialogBackdropType.MODAL
+};
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ */
+const NAME = "DialogServiceError";
+/**
+ * The `DialogServiceError` class represents errors thrown by the ATX framework
+ * when a dialog error occurs.
+ */
+class DialogServiceError extends Error {
+    /**
+     * Creates a new `DialogServiceError` instance.
+     *
+     * @param message The `message` data property is a human-readable description of this `DialogServiceError` instance.
+     */
+    constructor(message) {
+        super(message);
+        this.name = NAME;
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * The `DialogService` class manages injection of customs component into the
+ * HTML dialog element created by the ATX framework.
+ */
+class DialogService {
+    constructor() {
+        /**
+         * Dispatches an event that indicates the state of the dialog element when a custom
+         * component is added to, or remove from it.
+         */
+        this.dialogStateChange = new EventEmitter();
+    }
+    /**
+     * Creates an instance of the `compRef` class, adds this instance to the HTML dialog element
+     * and displays the dialog element in front of all other components in the application.
+     *
+     * @param compRef The class that represents the component to display as a popup element.
+     * @param config The dialog element config associated with the new component instance to display.
+     *
+     * @returns The new `ComponentRef` which contains the component instance and the host view.
+     */
+    show(compRef, config = null) {
+        if (!this.viewContainerRef)
+            throw new DialogServiceError("DialogOutlet missing: you must add the <atx-dialog-outlet/> tag to your application before using dialog services.");
+        const component = this.viewContainerRef.createComponent(compRef);
+        const event = new DialogOutletEvent(DialogOutletEvent.SHOW, config);
+        this.dialogStateChange.emit(event);
+        return component;
+    }
+    /**
+     * Indicates to the ATX framework to remove component instances previously created with
+     * the `show()` method.
+     */
+    hide() {
+        const event = new DialogOutletEvent(DialogOutletEvent.HIDE);
+        this.dialogStateChange.emit(event);
+    }
+    /**
+     * @private
+     */
+    __init__(viewContainerRef) {
+        if (this.viewContainerRef !== undefined)
+            return false;
+        this.viewContainerRef = viewContainerRef;
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }] });
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * Acts as a placeholder that the ATX framework dynamically fills based on the component specified
+ * by the dialog service `show()` method.
+ */
+class DialogOutlet {
+    /**
+     * @private
+     */
+    constructor(dialogSvc) {
+        this.dialogSvc = dialogSvc;
+    }
+    /**
+     * @private
+     */
+    ngOnInit() {
+        this.dialogSvc.__init__(this.renderer);
+        this.dialogSvc.dialogStateChange.subscribe((event) => this.stateChange(event));
+    }
+    /**
+     * @private
+     */
+    mouseupHandler(event) {
+        if (this._config.backdrop !== DialogBackdropType.MODAL)
+            return;
+        const rect = this._dialog.nativeElement.getBoundingClientRect();
+        const xPos = event.clientX;
+        const yPos = event.clientY;
+        const top = rect.top;
+        const left = rect.left;
+        const isDialog = (top <= yPos && yPos <= top + rect.height && left <= xPos && xPos <= left + rect.width);
+        if (!isDialog)
+            this.hide();
+    }
+    /**
+     * @private
+     */
+    onClose(event) {
+        this.renderer.clear();
+    }
+    /**
+     * @private
+     */
+    stateChange(event) {
+        const state = event.state;
+        if (state === DialogOutletEvent.SHOW)
+            return this.show(event);
+        if (state === DialogOutletEvent.HIDE)
+            this.hide();
+    }
+    /**
+     * @private
+     */
+    show(event) {
+        this._config = event.config || DEFAULT_CONFIG;
+        this._dialog.nativeElement.showModal();
+    }
+    /**
+     * @private
+     */
+    hide() {
+        this._dialog.nativeElement.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogOutlet, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: DialogOutlet, isStandalone: true, selector: "atx-dialog-outlet", viewQueries: [{ propertyName: "_dialog", first: true, predicate: ["dialog"], descendants: true }, { propertyName: "renderer", first: true, predicate: ["renderer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<dialog #dialog (mouseup)="mouseupHandler($event)" (close)="onClose($event)"><ng-container #renderer></ng-container></dialog>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogOutlet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atx-dialog-outlet',
+                    standalone: true,
+                    template: '<dialog #dialog (mouseup)="mouseupHandler($event)" (close)="onClose($event)"><ng-container #renderer></ng-container></dialog>',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [{ type: DialogService }], propDecorators: { _dialog: [{
+                type: ViewChild,
+                args: ["dialog"]
+            }], renderer: [{
+                type: ViewChild,
+                args: ["renderer", { static: true, read: ViewContainerRef }]
+            }] } });
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
@@ -9124,8 +9404,6 @@ class BorderLayoutRenderer extends IdentifiableComponent {
             regionValidator += r;
             this.subscribeSvc.register(this, container.resizeStart.subscribe(container => this.resizeEnter(container)));
             this.boundsManager.initBounds(container);
-            if (r === LayoutRegion.NORTH || r === LayoutRegion.SOUTH)
-                return;
             this.containerList.push(container);
         });
     }
@@ -9185,6 +9463,17 @@ class BorderLayoutRenderer extends IdentifiableComponent {
         this.checkLytContainer();
         this.render(this.lytContainerElm.offsetWidth);
     }
+    /**
+     * Returns the `BorderLayoutContainer` component associated with the specified region.
+     *
+     * @param region The region for which to retreive the container.
+     *
+     * @returns The `BorderLayoutContainer` component associated with the specified region,
+     *          or `undefined` whether no container has been found.
+     */
+    getBorderLayoutContainer(region) {
+        return this.containerList.find((c) => c.constraints.region === region);
+    }
     /**
      * Resizes the specified region of the associated container.
      *
@@ -9196,9 +9485,7 @@ class BorderLayoutRenderer extends IdentifiableComponent {
     resizeRegion(region, size) {
         if (region === LayoutRegion.CENTER)
             return false;
-        const container = this.containerList.find((c) => {
-            return c.constraints.region === region;
-        });
+        const container = this.getBorderLayoutContainer(region);
         if (!container)
             return false;
         container.setSize(size);
@@ -9272,6 +9559,8 @@ class BorderLayoutRenderer extends IdentifiableComponent {
             const cont = cList[cursor];
             const r = cont.constraints.region;
             cursor--;
+            if (r === LayoutRegion.NORTH || r === LayoutRegion.SOUTH)
+                continue;
             if (r === LayoutRegion.WEST) {
                 cont.setTopPos(top);
                 cont.setRightPos(width - left);
@@ -9413,6 +9702,17 @@ class BorderLayout extends IdentifiableComponent {
     setConstraints(constraints) {
         this.renderer.setConstraints(constraints);
     }
+    /**
+     * Returns the `BorderLayoutContainer` component associated with the specified region.
+     *
+     * @param region The region for which to retreive the container.
+     *
+     * @returns The `BorderLayoutContainer` component associated with the specified region,
+     *          or `undefined` whether no container has been found.
+     */
+    getBorderLayoutContainer(region) {
+        return this.renderer.getBorderLayoutContainer(region);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BorderLayout, deps: [{ token: SubscriptionService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: BorderLayout, isStandalone: true, selector: "atx-border-layout", outputs: { dragStart: "dragStart", dragStop: "dragStop", dragging: "dragging" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "__containers__", predicate: BorderLayoutContainer }], viewQueries: [{ propertyName: "layoutContainer", first: true, predicate: ["atxLayoutContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--\n * LICENSE\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n-->\n\n<div #atxLayoutContainer class=\"atx-border-layout\">\n    <ng-content></ng-content>\n</div>", styles: [".atx-border-layout{position:relative;height:100%;width:100%;-webkit-user-select:none;user-select:none;overflow:hidden}.atx-border-layout{box-sizing:border-box}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }); }
 }
@@ -9741,5 +10041,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_PRIDGE_REF, ATX_LOGGER_CONFIG, AbstractLogger, AbstractSubscriptionManager, AbstractVersionManager, AbstractWindowService, AnchorLinklDirective, AngularToolboxLogoComponent, AngularToolboxModule, AngularToolboxVersionService, AppBridgeError, AppBridgeService, ArrayList, ArrayListEvent, ArrayListEventType, AtxHttpMockConsoleService, AtxMockDocumentation, AtxMonitoringConsoleComponent, BIGINT, BOOLEAN, BUTTON_ROLE, BorderLayout, BorderLayoutContainer, ButtonRoleDirective, CSS_PROP, ConsoleLogConnector, ContentRendererDirective, DARK_MODE_CONFIG, DEFAULT_LOG_CONNECTOR, DarkModeService, DefaultLogConnector, DropdownComponent, DropdownEvent, DropdownEventType, EMPTY_STRING, FEATURES, FUNCTION, FetchClient, FetchClientBuilder, FetchClientResponseType, HTTP_MOCKING_FRAMEWORK_CONFIG, HTTP_MOCK_MAX_DELAY, HTTP_MOCK_SERVICE, HtmlLogConnector, HttpHeadersMockBuilder, HttpMock, HttpMockLoggingService, HttpMockProductionPolicy, HttpMockService, HttpMockServiceError, HttpResponseMockBuilder, HttpStatusText, HttpStatusTextFinder, IdentifiableComponent, IntegrityError, LINK_ROLE, LOG_CONFIG_STRING, LOG_ERROR_STRING, LOG_INFO_STRING, LOG_WARNING_STRING, LayoutDragEvent, LayoutDragEventType, LayoutRegion, LayoutRegionError, LogBuilder, LogImpl, LogLevel, LogUtil, LoggerService, NUMBER, NavigateToUrlDirective, OBJECT, STORAGE_KEY, STRING, SYMBOL, SafeHtmlPipe, ScrollService, SubscriptionError, SubscriptionService, UNDEFINED, Uuid, VERSION_CONFIG, VersionService, VersionUtil, WindowFeatureState, WindowService, WindowTarget, httpHeadersMock, httpMockFactory, httpResponseMock };
+export { APP_PRIDGE_REF, ATX_LOGGER_CONFIG, AbstractLogger, AbstractSubscriptionManager, AbstractVersionManager, AbstractWindowService, AnchorLinklDirective, AngularToolboxLogoComponent, AngularToolboxModule, AngularToolboxVersionService, AppBridgeError, AppBridgeService, ArrayList, ArrayListEvent, ArrayListEventType, AtxHttpMockConsoleService, AtxMockDocumentation, AtxMonitoringConsoleComponent, BIGINT, BOOLEAN, BUTTON_ROLE, BorderLayout, BorderLayoutContainer, ButtonRoleDirective, CSS_PROP, ConsoleLogConnector, ContentRendererDirective, DARK_MODE_CONFIG, DEFAULT_LOG_CONNECTOR, DarkModeService, DefaultLogConnector, DialogBackdropType, DialogOutlet, DialogOutletEvent, DialogService, DialogServiceError, DropdownComponent, DropdownEvent, DropdownEventType, EMPTY_STRING, FEATURES, FUNCTION, FetchClient, FetchClientBuilder, FetchClientResponseType, HTTP_MOCKING_FRAMEWORK_CONFIG, HTTP_MOCK_MAX_DELAY, HTTP_MOCK_SERVICE, HtmlLogConnector, HttpHeadersMockBuilder, HttpMock, HttpMockLoggingService, HttpMockProductionPolicy, HttpMockService, HttpMockServiceError, HttpResponseMockBuilder, HttpStatusText, HttpStatusTextFinder, IdentifiableComponent, IntegrityError, LINK_ROLE, LOG_CONFIG_STRING, LOG_ERROR_STRING, LOG_INFO_STRING, LOG_WARNING_STRING, LayoutDragEvent, LayoutDragEventType, LayoutRegion, LayoutRegionError, LogBuilder, LogImpl, LogLevel, LogUtil, LoggerService, NUMBER, NavigateToUrlDirective, OBJECT, STORAGE_KEY, STRING, SYMBOL, SafeHtmlPipe, ScrollService, SubscriptionError, SubscriptionService, UNDEFINED, Uuid, VERSION_CONFIG, VersionService, VersionUtil, WindowFeatureState, WindowService, WindowTarget, httpHeadersMock, httpMockFactory, httpResponseMock };
 //# sourceMappingURL=angular-toolbox.mjs.map