@bravobit/bb-foundation 0.26.2 → 0.27.0

package/esm2022/dialog/lib/dialog-actions/dialog-actions.component.mjs

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@bravobit/bb-foundation/elements";
+class BbDialogActions {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogActions, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BbDialogActions, selector: "[bb-dialog-actions]", host: { classAttribute: "bb-dialog-actions" }, ngImport: i0, template: "<bb-form-group class=\"end\">\n    <ng-content></ng-content>\n</bb-form-group>\n", styles: [".bb-dialog-actions{padding:20px;display:block;background-color:#fff;border-top:1px solid #d8d8d8;border-bottom-left-radius:4px;border-bottom-right-radius:4px}\n"], dependencies: [{ kind: "component", type: i1.BbFormGroup, selector: "bb-form-group", inputs: ["grouped"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { BbDialogActions };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogActions, decorators: [{
+            type: Component,
+            args: [{ selector: '[bb-dialog-actions]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: { 'class': 'bb-dialog-actions' }, template: "<bb-form-group class=\"end\">\n    <ng-content></ng-content>\n</bb-form-group>\n", styles: [".bb-dialog-actions{padding:20px;display:block;background-color:#fff;border-top:1px solid #d8d8d8;border-bottom-left-radius:4px;border-bottom-right-radius:4px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWFjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kaWFsb2cvc3JjL2xpYi9kaWFsb2ctYWN0aW9ucy9kaWFsb2ctYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1hY3Rpb25zL2RpYWxvZy1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQUVwRixNQVNhLGVBQWU7OEdBQWYsZUFBZTtrR0FBZixlQUFlLDBHQ1g1QixrRkFHQTs7U0RRYSxlQUFlOzJGQUFmLGVBQWU7a0JBVDNCLFNBQVM7K0JBQ0kscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksdUJBQ2hCLEtBQUssUUFDcEIsRUFBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdbYmItZGlhbG9nLWFjdGlvbnNdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RpYWxvZy1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgICBob3N0OiB7J2NsYXNzJzogJ2JiLWRpYWxvZy1hY3Rpb25zJ31cbn0pXG5leHBvcnQgY2xhc3MgQmJEaWFsb2dBY3Rpb25zIHtcbn1cbiIsIjxiYi1mb3JtLWdyb3VwIGNsYXNzPVwiZW5kXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9iYi1mb3JtLWdyb3VwPlxuIl19

package/esm2022/dialog/lib/dialog-confirm/dialog-confirm.component.mjs

@@ -0,0 +1,47 @@
+import { ChangeDetectionStrategy, Component, ViewChild, ViewEncapsulation } from '@angular/core';
+import { BbButton } from '@bravobit/bb-foundation/elements';
+import * as i0 from "@angular/core";
+import * as i1 from "../dialog.interfaces";
+import * as i2 from "../dialog.ref";
+import * as i3 from "@angular/common";
+import * as i4 from "@bravobit/bb-foundation/elements";
+import * as i5 from "@bravobit/bb-foundation/utils";
+import * as i6 from "../dialog-modal/dialog-modal.component";
+import * as i7 from "../dialog-header/dialog-header.component";
+import * as i8 from "../dialog-actions/dialog-actions.component";
+import * as i9 from "@bravobit/bb-foundation/localize";
+let nextUniqueId = 0;
+class BbDialogConfirm {
+    constructor(_config, _dialogRef) {
+        this._config = _config;
+        this._dialogRef = _dialogRef;
+        // Readonly data.
+        this.title = this._config?.data?.title ?? null;
+        this.description = this._config?.data?.description ?? null;
+        this.confirmButtonText = this._config?.data?.confirmButtonText ?? 'dialog.default_confirm_button';
+        this.cancelButtonText = this._config?.data?.cancelButtonText ?? 'dialog.default_cancel_button';
+        this.confirmButtonClass = this._config?.data?.confirmButtonClass ?? null;
+        this.cancelButtonClass = this._config?.data?.cancelButtonClass ?? null;
+        this.width = this._config?.data?.width ?? '420px';
+        // Id.
+        this.dialogId = `bb-dialog-confirm-${nextUniqueId++}`;
+    }
+    ngAfterViewInit() {
+        // Initial focus the button.
+        this.confirmButton?.focus();
+    }
+    onClose(result) {
+        this._dialogRef.close(result);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogConfirm, deps: [{ token: i1.BbDialogConfig }, { token: i2.BbDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BbDialogConfirm, selector: "bb-dialog-confirm", host: { classAttribute: "bb-dialog-confirm" }, viewQueries: [{ propertyName: "confirmButton", first: true, predicate: ["confirm"], descendants: true, read: BbButton }], ngImport: i0, template: "<div [attr.aria-labelledby]=\"dialogId\"\n     [maxWidth]=\"width\"\n     bb-dialog-modal\n     bbFocusTrap>\n    <header bb-dialog-header>\n        <h1 *ngIf=\"title as titleContent\"\n            [id]=\"dialogId\">\n            <ng-template [bbTemplate]=\"titleContent\">\n                {{ $any(titleContent) | bbLocalize:{optional: true} }}\n            </ng-template>\n        </h1>\n    </header>\n\n    <p *ngIf=\"description as descriptionContent\"\n       class=\"bb-dialog-confirm-description\">\n        <ng-template [bbTemplate]=\"descriptionContent\">\n            {{ $any(descriptionContent) | bbLocalize:{optional: true} }}\n        </ng-template>\n    </p>\n\n    <footer bb-dialog-actions>\n        <button *ngIf=\"cancelButtonText as cancelButtonTextLabel\"\n                [ngClass]=\"cancelButtonClass ? cancelButtonClass : null\"\n                (click)=\"onClose(false)\"\n                bb-button\n                type=\"button\">\n            {{ cancelButtonTextLabel | bbLocalize:{optional: true} }}\n        </button>\n        <button #confirm\n                *ngIf=\"confirmButtonText as confirmButtonTextLabel\"\n                [ngClass]=\"confirmButtonClass ? confirmButtonClass : 'destructive'\"\n                (click)=\"onClose(true)\"\n                bb-button\n                type=\"button\">\n            {{ confirmButtonTextLabel | bbLocalize:{optional: true} }}\n        </button>\n    </footer>\n</div>\n", styles: [".bb-dialog-confirm{display:block}.bb-dialog-confirm-description{line-height:2}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.BbButton, selector: "button[bb-button]", inputs: ["disabled", "loading"], exportAs: ["bbButton"] }, { kind: "directive", type: i5.BbTemplate, selector: "[bbTemplate]", inputs: ["bbTemplate"] }, { kind: "directive", type: i5.BbFocusTrap, selector: "[bbFocusTrap]" }, { kind: "component", type: i6.BbDialogModal, selector: "[bb-dialog-modal]", inputs: ["maxWidth"] }, { kind: "component", type: i7.BbDialogHeader, selector: "[bb-dialog-header]", outputs: ["closeRequested"] }, { kind: "component", type: i8.BbDialogActions, selector: "[bb-dialog-actions]" }, { kind: "pipe", type: i9.BbLocalize, name: "bbLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { BbDialogConfirm };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogConfirm, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-dialog-confirm', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: { 'class': 'bb-dialog-confirm' }, template: "<div [attr.aria-labelledby]=\"dialogId\"\n     [maxWidth]=\"width\"\n     bb-dialog-modal\n     bbFocusTrap>\n    <header bb-dialog-header>\n        <h1 *ngIf=\"title as titleContent\"\n            [id]=\"dialogId\">\n            <ng-template [bbTemplate]=\"titleContent\">\n                {{ $any(titleContent) | bbLocalize:{optional: true} }}\n            </ng-template>\n        </h1>\n    </header>\n\n    <p *ngIf=\"description as descriptionContent\"\n       class=\"bb-dialog-confirm-description\">\n        <ng-template [bbTemplate]=\"descriptionContent\">\n            {{ $any(descriptionContent) | bbLocalize:{optional: true} }}\n        </ng-template>\n    </p>\n\n    <footer bb-dialog-actions>\n        <button *ngIf=\"cancelButtonText as cancelButtonTextLabel\"\n                [ngClass]=\"cancelButtonClass ? cancelButtonClass : null\"\n                (click)=\"onClose(false)\"\n                bb-button\n                type=\"button\">\n            {{ cancelButtonTextLabel | bbLocalize:{optional: true} }}\n        </button>\n        <button #confirm\n                *ngIf=\"confirmButtonText as confirmButtonTextLabel\"\n                [ngClass]=\"confirmButtonClass ? confirmButtonClass : 'destructive'\"\n                (click)=\"onClose(true)\"\n                bb-button\n                type=\"button\">\n            {{ confirmButtonTextLabel | bbLocalize:{optional: true} }}\n        </button>\n    </footer>\n</div>\n", styles: [".bb-dialog-confirm{display:block}.bb-dialog-confirm-description{line-height:2}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BbDialogConfig }, { type: i2.BbDialogRef }]; }, propDecorators: { confirmButton: [{
+                type: ViewChild,
+                args: ['confirm', { read: BbButton, static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kaWFsb2cvc3JjL2xpYi9kaWFsb2ctY29uZmlybS9kaWFsb2ctY29uZmlybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1jb25maXJtL2RpYWxvZy1jb25maXJtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsdUJBQXVCLEVBQUUsU0FBUyxFQUFlLFNBQVMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMzSCxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sa0NBQWtDLENBQUM7Ozs7Ozs7Ozs7O0FBSTFELElBQUksWUFBWSxHQUFHLENBQUMsQ0FBQztBQUVyQixNQVNhLGVBQWU7SUFpQnhCLFlBQW9CLE9BQXVCLEVBQ3ZCLFVBQWdDO1FBRGhDLFlBQU8sR0FBUCxPQUFPLENBQWdCO1FBQ3ZCLGVBQVUsR0FBVixVQUFVLENBQXNCO1FBaEJwRCxpQkFBaUI7UUFDUixVQUFLLEdBQThCLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssSUFBSSxJQUFJLENBQUM7UUFDckUsZ0JBQVcsR0FBOEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsV0FBVyxJQUFJLElBQUksQ0FBQztRQUNqRixzQkFBaUIsR0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxpQkFBaUIsSUFBSSwrQkFBK0IsQ0FBQztRQUNyRyxxQkFBZ0IsR0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsSUFBSSw4QkFBOEIsQ0FBQztRQUNsRyx1QkFBa0IsR0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxrQkFBa0IsSUFBSSxJQUFJLENBQUM7UUFDNUUsc0JBQWlCLEdBQVcsSUFBSSxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsaUJBQWlCLElBQUksSUFBSSxDQUFDO1FBQzFFLFVBQUssR0FBVyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLElBQUksT0FBTyxDQUFDO1FBSzlELE1BQU07UUFDTixhQUFRLEdBQUcscUJBQXFCLFlBQVksRUFBRSxFQUFFLENBQUM7SUFJakQsQ0FBQztJQUVELGVBQWU7UUFDWCw0QkFBNEI7UUFDNUIsSUFBSSxDQUFDLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsT0FBTyxDQUFDLE1BQWU7UUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs4R0E1QlEsZUFBZTtrR0FBZixlQUFlLDZMQVlLLFFBQVEsNkJDNUJ6Qyw2NkNBc0NBOztTRHRCYSxlQUFlOzJGQUFmLGVBQWU7a0JBVDNCLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksdUJBQ2hCLEtBQUssUUFDcEIsRUFBQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUM7K0hBY21CLGFBQWE7c0JBQW5FLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0JiQnV0dG9ufSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbi9lbGVtZW50cyc7XG5pbXBvcnQge0JiRGlhbG9nQ29uZmlnfSBmcm9tICcuLi9kaWFsb2cuaW50ZXJmYWNlcyc7XG5pbXBvcnQge0JiRGlhbG9nUmVmfSBmcm9tICcuLi9kaWFsb2cucmVmJztcblxubGV0IG5leHRVbmlxdWVJZCA9IDA7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYmItZGlhbG9nLWNvbmZpcm0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICAgIGhvc3Q6IHsnY2xhc3MnOiAnYmItZGlhbG9nLWNvbmZpcm0nfVxufSlcbmV4cG9ydCBjbGFzcyBCYkRpYWxvZ0NvbmZpcm0gaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAgIC8vIFJlYWRvbmx5IGRhdGEuXG4gICAgcmVhZG9ubHkgdGl0bGU6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4gPSB0aGlzLl9jb25maWc/LmRhdGE/LnRpdGxlID8/IG51bGw7XG4gICAgcmVhZG9ubHkgZGVzY3JpcHRpb246IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4gPSB0aGlzLl9jb25maWc/LmRhdGE/LmRlc2NyaXB0aW9uID8/IG51bGw7XG4gICAgcmVhZG9ubHkgY29uZmlybUJ1dHRvblRleHQ6IHN0cmluZyA9IHRoaXMuX2NvbmZpZz8uZGF0YT8uY29uZmlybUJ1dHRvblRleHQgPz8gJ2RpYWxvZy5kZWZhdWx0X2NvbmZpcm1fYnV0dG9uJztcbiAgICByZWFkb25seSBjYW5jZWxCdXR0b25UZXh0OiBzdHJpbmcgPSB0aGlzLl9jb25maWc/LmRhdGE/LmNhbmNlbEJ1dHRvblRleHQgPz8gJ2RpYWxvZy5kZWZhdWx0X2NhbmNlbF9idXR0b24nO1xuICAgIHJlYWRvbmx5IGNvbmZpcm1CdXR0b25DbGFzczogc3RyaW5nID0gdGhpcy5fY29uZmlnPy5kYXRhPy5jb25maXJtQnV0dG9uQ2xhc3MgPz8gbnVsbDtcbiAgICByZWFkb25seSBjYW5jZWxCdXR0b25DbGFzczogc3RyaW5nID0gdGhpcy5fY29uZmlnPy5kYXRhPy5jYW5jZWxCdXR0b25DbGFzcyA/PyBudWxsO1xuICAgIHJlYWRvbmx5IHdpZHRoOiBzdHJpbmcgPSB0aGlzLl9jb25maWc/LmRhdGE/LndpZHRoID8/ICc0MjBweCc7XG5cbiAgICAvLyBWaWV3cy5cbiAgICBAVmlld0NoaWxkKCdjb25maXJtJywge3JlYWQ6IEJiQnV0dG9uLCBzdGF0aWM6IGZhbHNlfSkgY29uZmlybUJ1dHRvbj86IEJiQnV0dG9uO1xuXG4gICAgLy8gSWQuXG4gICAgZGlhbG9nSWQgPSBgYmItZGlhbG9nLWNvbmZpcm0tJHtuZXh0VW5pcXVlSWQrK31gO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfY29uZmlnOiBCYkRpYWxvZ0NvbmZpZyxcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9kaWFsb2dSZWY6IEJiRGlhbG9nUmVmPGJvb2xlYW4+KSB7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICAvLyBJbml0aWFsIGZvY3VzIHRoZSBidXR0b24uXG4gICAgICAgIHRoaXMuY29uZmlybUJ1dHRvbj8uZm9jdXMoKTtcbiAgICB9XG5cbiAgICBvbkNsb3NlKHJlc3VsdDogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9kaWFsb2dSZWYuY2xvc2UocmVzdWx0KTtcbiAgICB9XG59XG4iLCI8ZGl2IFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJkaWFsb2dJZFwiXG4gICAgIFttYXhXaWR0aF09XCJ3aWR0aFwiXG4gICAgIGJiLWRpYWxvZy1tb2RhbFxuICAgICBiYkZvY3VzVHJhcD5cbiAgICA8aGVhZGVyIGJiLWRpYWxvZy1oZWFkZXI+XG4gICAgICAgIDxoMSAqbmdJZj1cInRpdGxlIGFzIHRpdGxlQ29udGVudFwiXG4gICAgICAgICAgICBbaWRdPVwiZGlhbG9nSWRcIj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbYmJUZW1wbGF0ZV09XCJ0aXRsZUNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICB7eyAkYW55KHRpdGxlQ29udGVudCkgfCBiYkxvY2FsaXplOntvcHRpb25hbDogdHJ1ZX0gfX1cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvaDE+XG4gICAgPC9oZWFkZXI+XG5cbiAgICA8cCAqbmdJZj1cImRlc2NyaXB0aW9uIGFzIGRlc2NyaXB0aW9uQ29udGVudFwiXG4gICAgICAgY2xhc3M9XCJiYi1kaWFsb2ctY29uZmlybS1kZXNjcmlwdGlvblwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgW2JiVGVtcGxhdGVdPVwiZGVzY3JpcHRpb25Db250ZW50XCI+XG4gICAgICAgICAgICB7eyAkYW55KGRlc2NyaXB0aW9uQ29udGVudCkgfCBiYkxvY2FsaXplOntvcHRpb25hbDogdHJ1ZX0gfX1cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3A+XG5cbiAgICA8Zm9vdGVyIGJiLWRpYWxvZy1hY3Rpb25zPlxuICAgICAgICA8YnV0dG9uICpuZ0lmPVwiY2FuY2VsQnV0dG9uVGV4dCBhcyBjYW5jZWxCdXR0b25UZXh0TGFiZWxcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImNhbmNlbEJ1dHRvbkNsYXNzID8gY2FuY2VsQnV0dG9uQ2xhc3MgOiBudWxsXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbG9zZShmYWxzZSlcIlxuICAgICAgICAgICAgICAgIGJiLWJ1dHRvblxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgIHt7IGNhbmNlbEJ1dHRvblRleHRMYWJlbCB8IGJiTG9jYWxpemU6e29wdGlvbmFsOiB0cnVlfSB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiAjY29uZmlybVxuICAgICAgICAgICAgICAgICpuZ0lmPVwiY29uZmlybUJ1dHRvblRleHQgYXMgY29uZmlybUJ1dHRvblRleHRMYWJlbFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiY29uZmlybUJ1dHRvbkNsYXNzID8gY29uZmlybUJ1dHRvbkNsYXNzIDogJ2Rlc3RydWN0aXZlJ1wiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xvc2UodHJ1ZSlcIlxuICAgICAgICAgICAgICAgIGJiLWJ1dHRvblxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgIHt7IGNvbmZpcm1CdXR0b25UZXh0TGFiZWwgfCBiYkxvY2FsaXplOntvcHRpb25hbDogdHJ1ZX0gfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9mb290ZXI+XG48L2Rpdj5cbiJdfQ==

package/esm2022/dialog/lib/dialog-container/dialog-container.component.mjs

@@ -0,0 +1,78 @@
+import { ChangeDetectionStrategy, Component, HostListener, ViewChild, ViewEncapsulation } from '@angular/core';
+import { bbDialogContainerAnimation } from './dialog-container.animations';
+import { fromEvent, race, Subject, Subscription } from 'rxjs';
+import { BbDialogInsertion } from '../dialog.insertion';
+import { switchMap, take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../dialog.insertion";
+class BbDialogContainer {
+    get onOverlayClicked() {
+        return this.overlayClicked$.pipe(take(1));
+    }
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+        // Data.
+        this.componentRef = null;
+        this.childComponentType = null;
+        // State.
+        this.overlayClicked$ = new Subject();
+        // Subscription.
+        this._subscription = new Subscription();
+    }
+    ngOnInit() {
+        // Load the child component.
+        this.loadChildComponent(this.childComponentType);
+        // Listen for mouse click on the dialog container.
+        this.listenForClicks();
+    }
+    ngOnDestroy() {
+        this._subscription?.unsubscribe();
+    }
+    onAnimationDone(event) {
+        // Check if the dialog is being destroyed.
+        if (event?.toState !== 'void') {
+            return;
+        }
+        // Destroy the ref if it exists.
+        this.componentRef?.destroy();
+    }
+    listenForClicks() {
+        const element = this._elementRef?.nativeElement ?? null;
+        if (!element) {
+            return;
+        }
+        const mouseDown$ = fromEvent(element, 'mousedown');
+        const touchStart$ = fromEvent(element, 'touchstart');
+        const start$ = race([mouseDown$, touchStart$]);
+        const mouseUp$ = fromEvent(element, 'mouseup');
+        const touchEnd$ = fromEvent(element, 'touchend');
+        const end$ = race([mouseUp$, touchEnd$]);
+        const clicks$ = start$.pipe(switchMap(() => end$));
+        const subscription = clicks$.subscribe(() => this.overlayClicked$.next());
+        this._subscription.add(subscription);
+    }
+    loadChildComponent(componentType) {
+        // Get the view container ref and clear it.
+        const viewContainerRef = this.insertion.viewContainerRef;
+        viewContainerRef.clear();
+        // Create an instance of the component.
+        this.componentRef = viewContainerRef.createComponent(componentType);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BbDialogContainer, selector: "bb-dialog-container", host: { listeners: { "@bbDialogContainerAnimation.done": "onAnimationDone($event)" }, properties: { "@bbDialogContainerAnimation": "true" }, classAttribute: "bb-dialog-container" }, viewQueries: [{ propertyName: "insertion", first: true, predicate: BbDialogInsertion, descendants: true, static: true }], ngImport: i0, template: "<div class=\"bb-dialog-container-backdrop\"></div>\n\n<div class=\"bb-dialog-container-component\">\n    <ng-container bbDialogInsertion></ng-container>\n</div>\n", styles: [".bb-dialog-container,.bb-dialog-container-backdrop{inset:0;z-index:1000;position:fixed}.bb-dialog-container{display:flex}.bb-dialog-container-backdrop{will-change:opacity;background-color:#1119}.bb-dialog-container-component{width:100%;margin:auto;padding:20px;z-index:1001;display:block;will-change:opacity,transform}\n"], dependencies: [{ kind: "directive", type: i1.BbDialogInsertion, selector: "[bbDialogInsertion]" }], animations: [bbDialogContainerAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { BbDialogContainer };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-dialog-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'class': 'bb-dialog-container',
+                        '[@bbDialogContainerAnimation]': 'true'
+                    }, preserveWhitespaces: false, animations: [bbDialogContainerAnimation], template: "<div class=\"bb-dialog-container-backdrop\"></div>\n\n<div class=\"bb-dialog-container-component\">\n    <ng-container bbDialogInsertion></ng-container>\n</div>\n", styles: [".bb-dialog-container,.bb-dialog-container-backdrop{inset:0;z-index:1000;position:fixed}.bb-dialog-container{display:flex}.bb-dialog-container-backdrop{will-change:opacity;background-color:#1119}.bb-dialog-container-component{width:100%;margin:auto;padding:20px;z-index:1001;display:block;will-change:opacity,transform}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { insertion: [{
+                type: ViewChild,
+                args: [BbDialogInsertion, { static: true }]
+            }], onAnimationDone: [{
+                type: HostListener,
+                args: ['@bbDialogContainerAnimation.done', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1jb250YWluZXIvZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1jb250YWluZXIvZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFHVCxZQUFZLEVBSVosU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RSxPQUFPLEVBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzVELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXRELE9BQU8sRUFBQyxTQUFTLEVBQUUsSUFBSSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQUUvQyxNQWFhLGlCQUFpQjtJQWUxQixJQUFJLGdCQUFnQjtRQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUM1QixJQUFJLENBQUMsQ0FBQyxDQUFDLENBQ1YsQ0FBQztJQUNOLENBQUM7SUFFRCxZQUFvQixXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQWhCM0MsUUFBUTtRQUNSLGlCQUFZLEdBQTZCLElBQUksQ0FBQztRQUM5Qyx1QkFBa0IsR0FBcUIsSUFBSSxDQUFDO1FBRTVDLFNBQVM7UUFDVCxvQkFBZSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFFdEMsZ0JBQWdCO1FBQ1Isa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBUzNDLENBQUM7SUFFRCxRQUFRO1FBQ0osNEJBQTRCO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUVqRCxrREFBa0Q7UUFDbEQsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBR0QsZUFBZSxDQUFDLEtBQXFCO1FBQ2pDLDBDQUEwQztRQUMxQyxJQUFJLEtBQUssRUFBRSxPQUFPLEtBQUssTUFBTSxFQUFFO1lBQzNCLE9BQU87U0FDVjtRQUVELGdDQUFnQztRQUNoQyxJQUFJLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFTyxlQUFlO1FBQ25CLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsYUFBYSxJQUFJLElBQUksQ0FBQztRQUN4RCxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1YsT0FBTztTQUNWO1FBRUQsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQztRQUNuRCxNQUFNLFdBQVcsR0FBRyxTQUFTLENBQUMsT0FBTyxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBQ3JELE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBRS9DLE1BQU0sUUFBUSxHQUFHLFNBQVMsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDL0MsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsQ0FBQztRQUNqRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUV6QyxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ25ELE1BQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzFFLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxhQUF3QjtRQUMvQywyQ0FBMkM7UUFDM0MsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGdCQUFnQixDQUFDO1FBQ3pELGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO1FBRXpCLHVDQUF1QztRQUN2QyxJQUFJLENBQUMsWUFBWSxHQUFHLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN4RSxDQUFDOzhHQXpFUSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw0UkFHZixpQkFBaUIsOERDbENoQyxvS0FLQSxnY0R3QmdCLENBQUMsMEJBQTBCLENBQUM7O1NBRS9CLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQWI3QixTQUFTOytCQUNJLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNGLE9BQU8sRUFBRSxxQkFBcUI7d0JBQzlCLCtCQUErQixFQUFFLE1BQU07cUJBQzFDLHVCQUNvQixLQUFLLGNBQ2QsQ0FBQywwQkFBMEIsQ0FBQztpR0FLTSxTQUFTO3NCQUF0RCxTQUFTO3VCQUFDLGlCQUFpQixFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQztnQkFrQzVDLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxrQ0FBa0MsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIENvbXBvbmVudFJlZixcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LFxuICAgIFR5cGUsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtiYkRpYWxvZ0NvbnRhaW5lckFuaW1hdGlvbn0gZnJvbSAnLi9kaWFsb2ctY29udGFpbmVyLmFuaW1hdGlvbnMnO1xuaW1wb3J0IHtmcm9tRXZlbnQsIHJhY2UsIFN1YmplY3QsIFN1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge0JiRGlhbG9nSW5zZXJ0aW9ufSBmcm9tICcuLi9kaWFsb2cuaW5zZXJ0aW9uJztcbmltcG9ydCB7QW5pbWF0aW9uRXZlbnR9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtzd2l0Y2hNYXAsIHRha2V9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiYi1kaWFsb2ctY29udGFpbmVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdDoge1xuICAgICAgICAnY2xhc3MnOiAnYmItZGlhbG9nLWNvbnRhaW5lcicsXG4gICAgICAgICdbQGJiRGlhbG9nQ29udGFpbmVyQW5pbWF0aW9uXSc6ICd0cnVlJ1xuICAgIH0sXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gICAgYW5pbWF0aW9uczogW2JiRGlhbG9nQ29udGFpbmVyQW5pbWF0aW9uXVxufSlcbmV4cG9ydCBjbGFzcyBCYkRpYWxvZ0NvbnRhaW5lciBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICAgIC8vIFZpZXdzLlxuICAgIEBWaWV3Q2hpbGQoQmJEaWFsb2dJbnNlcnRpb24sIHtzdGF0aWM6IHRydWV9KSBpbnNlcnRpb246IEJiRGlhbG9nSW5zZXJ0aW9uO1xuXG4gICAgLy8gRGF0YS5cbiAgICBjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gICAgY2hpbGRDb21wb25lbnRUeXBlOiBUeXBlPGFueT4gfCBudWxsID0gbnVsbDtcblxuICAgIC8vIFN0YXRlLlxuICAgIG92ZXJsYXlDbGlja2VkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgICAvLyBTdWJzY3JpcHRpb24uXG4gICAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gICAgZ2V0IG9uT3ZlcmxheUNsaWNrZWQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLm92ZXJsYXlDbGlja2VkJC5waXBlKFxuICAgICAgICAgICAgdGFrZSgxKVxuICAgICAgICApO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gTG9hZCB0aGUgY2hpbGQgY29tcG9uZW50LlxuICAgICAgICB0aGlzLmxvYWRDaGlsZENvbXBvbmVudCh0aGlzLmNoaWxkQ29tcG9uZW50VHlwZSk7XG5cbiAgICAgICAgLy8gTGlzdGVuIGZvciBtb3VzZSBjbGljayBvbiB0aGUgZGlhbG9nIGNvbnRhaW5lci5cbiAgICAgICAgdGhpcy5saXN0ZW5Gb3JDbGlja3MoKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ0BiYkRpYWxvZ0NvbnRhaW5lckFuaW1hdGlvbi5kb25lJywgWyckZXZlbnQnXSlcbiAgICBvbkFuaW1hdGlvbkRvbmUoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KSB7XG4gICAgICAgIC8vIENoZWNrIGlmIHRoZSBkaWFsb2cgaXMgYmVpbmcgZGVzdHJveWVkLlxuICAgICAgICBpZiAoZXZlbnQ/LnRvU3RhdGUgIT09ICd2b2lkJykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gRGVzdHJveSB0aGUgcmVmIGlmIGl0IGV4aXN0cy5cbiAgICAgICAgdGhpcy5jb21wb25lbnRSZWY/LmRlc3Ryb3koKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGxpc3RlbkZvckNsaWNrcygpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuX2VsZW1lbnRSZWY/Lm5hdGl2ZUVsZW1lbnQgPz8gbnVsbDtcbiAgICAgICAgaWYgKCFlbGVtZW50KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBtb3VzZURvd24kID0gZnJvbUV2ZW50KGVsZW1lbnQsICdtb3VzZWRvd24nKTtcbiAgICAgICAgY29uc3QgdG91Y2hTdGFydCQgPSBmcm9tRXZlbnQoZWxlbWVudCwgJ3RvdWNoc3RhcnQnKTtcbiAgICAgICAgY29uc3Qgc3RhcnQkID0gcmFjZShbbW91c2VEb3duJCwgdG91Y2hTdGFydCRdKTtcblxuICAgICAgICBjb25zdCBtb3VzZVVwJCA9IGZyb21FdmVudChlbGVtZW50LCAnbW91c2V1cCcpO1xuICAgICAgICBjb25zdCB0b3VjaEVuZCQgPSBmcm9tRXZlbnQoZWxlbWVudCwgJ3RvdWNoZW5kJyk7XG4gICAgICAgIGNvbnN0IGVuZCQgPSByYWNlKFttb3VzZVVwJCwgdG91Y2hFbmQkXSk7XG5cbiAgICAgICAgY29uc3QgY2xpY2tzJCA9IHN0YXJ0JC5waXBlKHN3aXRjaE1hcCgoKSA9PiBlbmQkKSk7XG4gICAgICAgIGNvbnN0IHN1YnNjcmlwdGlvbiA9IGNsaWNrcyQuc3Vic2NyaWJlKCgpID0+IHRoaXMub3ZlcmxheUNsaWNrZWQkLm5leHQoKSk7XG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbi5hZGQoc3Vic2NyaXB0aW9uKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGxvYWRDaGlsZENvbXBvbmVudChjb21wb25lbnRUeXBlOiBUeXBlPGFueT4pIHtcbiAgICAgICAgLy8gR2V0IHRoZSB2aWV3IGNvbnRhaW5lciByZWYgYW5kIGNsZWFyIGl0LlxuICAgICAgICBjb25zdCB2aWV3Q29udGFpbmVyUmVmID0gdGhpcy5pbnNlcnRpb24udmlld0NvbnRhaW5lclJlZjtcbiAgICAgICAgdmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuXG4gICAgICAgIC8vIENyZWF0ZSBhbiBpbnN0YW5jZSBvZiB0aGUgY29tcG9uZW50LlxuICAgICAgICB0aGlzLmNvbXBvbmVudFJlZiA9IHZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KGNvbXBvbmVudFR5cGUpO1xuICAgIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImJiLWRpYWxvZy1jb250YWluZXItYmFja2Ryb3BcIj48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImJiLWRpYWxvZy1jb250YWluZXItY29tcG9uZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lciBiYkRpYWxvZ0luc2VydGlvbj48L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19

package/esm2022/dialog/lib/dialog-header/dialog-header.component.mjs

@@ -0,0 +1,19 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+class BbDialogHeader {
+    constructor() {
+        // Outputs.
+        this.closeRequested = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BbDialogHeader, selector: "[bb-dialog-header]", outputs: { closeRequested: "closeRequested" }, host: { classAttribute: "bb-dialog-header" }, ngImport: i0, template: "<div class=\"bb-dialog-header-row\">\n    <div class=\"bb-dialog-header-content\">\n        <ng-content></ng-content>\n    </div>\n\n    <button *ngIf=\"closeRequested?.observed\"\n            (click)=\"closeRequested?.emit()\"\n            type=\"button\"\n            class=\"bb-dialog-header-close\">\n    </button>\n</div>\n\n<nav class=\"bb-dialog-header-navigation\">\n    <ng-content select=\"[bb-dialog-link]\"></ng-content>\n</nav>\n", styles: [".bb-dialog-header{display:flex;min-height:60px;flex-direction:column;justify-content:center;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #d8d8d8}.bb-dialog-header .bb-dialog-header-content,.bb-dialog-header .bb-dialog-header-content h1{max-width:100%;font-size:20px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bb-dialog-header-row,.bb-dialog-header-navigation{width:100%;display:flex;align-items:center}.bb-dialog-header-row{padding:10px 20px}.bb-dialog-header-navigation{width:100%;padding:0 20px;overflow-x:auto;white-space:nowrap}.bb-dialog-header-navigation:empty{margin:0;height:0;padding:0;visibility:hidden}.bb-dialog-header-content{flex:1}.bb-dialog-header-close{width:32px;height:32px;border:none;min-width:32px;min-height:32px;overflow:hidden;margin-left:10px;border-radius:4px;position:relative;margin-right:-10px;display:inline-block;background-color:transparent}.bb-dialog-header-close:before,.bb-dialog-header-close:after{top:50%;left:20%;width:60%;height:2px;content:\"\";margin-top:-1px;position:absolute;background-color:#a2a9ba}.bb-dialog-header-close:before{transform:rotate(45deg)}.bb-dialog-header-close:after{transform:rotate(-45deg)}.bb-dialog-header-close:hover{background-color:#00000014}.bb-dialog-header-close:focus{background-color:#0000001f}.bb-dialog-header-close:active{background-color:#00000029}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { BbDialogHeader };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogHeader, decorators: [{
+            type: Component,
+            args: [{ selector: '[bb-dialog-header]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: { 'class': 'bb-dialog-header' }, template: "<div class=\"bb-dialog-header-row\">\n    <div class=\"bb-dialog-header-content\">\n        <ng-content></ng-content>\n    </div>\n\n    <button *ngIf=\"closeRequested?.observed\"\n            (click)=\"closeRequested?.emit()\"\n            type=\"button\"\n            class=\"bb-dialog-header-close\">\n    </button>\n</div>\n\n<nav class=\"bb-dialog-header-navigation\">\n    <ng-content select=\"[bb-dialog-link]\"></ng-content>\n</nav>\n", styles: [".bb-dialog-header{display:flex;min-height:60px;flex-direction:column;justify-content:center;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #d8d8d8}.bb-dialog-header .bb-dialog-header-content,.bb-dialog-header .bb-dialog-header-content h1{max-width:100%;font-size:20px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bb-dialog-header-row,.bb-dialog-header-navigation{width:100%;display:flex;align-items:center}.bb-dialog-header-row{padding:10px 20px}.bb-dialog-header-navigation{width:100%;padding:0 20px;overflow-x:auto;white-space:nowrap}.bb-dialog-header-navigation:empty{margin:0;height:0;padding:0;visibility:hidden}.bb-dialog-header-content{flex:1}.bb-dialog-header-close{width:32px;height:32px;border:none;min-width:32px;min-height:32px;overflow:hidden;margin-left:10px;border-radius:4px;position:relative;margin-right:-10px;display:inline-block;background-color:transparent}.bb-dialog-header-close:before,.bb-dialog-header-close:after{top:50%;left:20%;width:60%;height:2px;content:\"\";margin-top:-1px;position:absolute;background-color:#a2a9ba}.bb-dialog-header-close:before{transform:rotate(45deg)}.bb-dialog-header-close:after{transform:rotate(-45deg)}.bb-dialog-header-close:hover{background-color:#00000014}.bb-dialog-header-close:focus{background-color:#0000001f}.bb-dialog-header-close:active{background-color:#00000029}\n"] }]
+        }], propDecorators: { closeRequested: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1oZWFkZXIvZGlhbG9nLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1oZWFkZXIvZGlhbG9nLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQUUxRyxNQVNhLGNBQWM7SUFUM0I7UUFXSSxXQUFXO1FBQ0QsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBRXZEOzhHQUxZLGNBQWM7a0dBQWQsY0FBYyx1SkNYM0IsNGJBZUE7O1NESmEsY0FBYzsyRkFBZCxjQUFjO2tCQVQxQixTQUFTOytCQUNJLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLLFFBQ3BCLEVBQUMsT0FBTyxFQUFFLGtCQUFrQixFQUFDOzhCQUt6QixjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ1tiYi1kaWFsb2ctaGVhZGVyXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RpYWxvZy1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICAgIGhvc3Q6IHsnY2xhc3MnOiAnYmItZGlhbG9nLWhlYWRlcid9XG59KVxuZXhwb3J0IGNsYXNzIEJiRGlhbG9nSGVhZGVyIHtcblxuICAgIC8vIE91dHB1dHMuXG4gICAgQE91dHB1dCgpIGNsb3NlUmVxdWVzdGVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwiYmItZGlhbG9nLWhlYWRlci1yb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYmItZGlhbG9nLWhlYWRlci1jb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cblxuICAgIDxidXR0b24gKm5nSWY9XCJjbG9zZVJlcXVlc3RlZD8ub2JzZXJ2ZWRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlUmVxdWVzdGVkPy5lbWl0KClcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBjbGFzcz1cImJiLWRpYWxvZy1oZWFkZXItY2xvc2VcIj5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuXG48bmF2IGNsYXNzPVwiYmItZGlhbG9nLWhlYWRlci1uYXZpZ2F0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JiLWRpYWxvZy1saW5rXVwiPjwvbmctY29udGVudD5cbjwvbmF2PlxuIl19

package/esm2022/dialog/lib/dialog-link/dialog-link.component.mjs

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+class BbDialogLink {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BbDialogLink, selector: "[bb-dialog-link]", host: { classAttribute: "bb-dialog-link" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".bb-dialog-link{border:none;height:30px;display:flex;font-size:16px;-webkit-appearance:none;appearance:none;font-weight:500;white-space:nowrap;align-items:center;color:#6b5c5c!important;background-color:transparent;text-decoration:none!important;border-bottom:2px solid transparent}.bb-dialog-link+.bb-dialog-link{margin-left:10px}.bb-dialog-link:hover:not(.disabled){border-bottom:2px solid rgba(117,119,148,.2)}.bb-dialog-link.active,.bb-dialog-link.active:hover{color:#5b53ff!important;border-bottom-color:#5b53ff}.bb-dialog-link.disabled,.bb-dialog-link.disabled:focus,.bb-dialog-link.disabled:hover,.bb-dialog-link.disabled:active{opacity:.4;cursor:default;box-shadow:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { BbDialogLink };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogLink, decorators: [{
+            type: Component,
+            args: [{ selector: '[bb-dialog-link]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: { 'class': 'bb-dialog-link' }, template: "<ng-content></ng-content>\n", styles: [".bb-dialog-link{border:none;height:30px;display:flex;font-size:16px;-webkit-appearance:none;appearance:none;font-weight:500;white-space:nowrap;align-items:center;color:#6b5c5c!important;background-color:transparent;text-decoration:none!important;border-bottom:2px solid transparent}.bb-dialog-link+.bb-dialog-link{margin-left:10px}.bb-dialog-link:hover:not(.disabled){border-bottom:2px solid rgba(117,119,148,.2)}.bb-dialog-link.active,.bb-dialog-link.active:hover{color:#5b53ff!important;border-bottom-color:#5b53ff}.bb-dialog-link.disabled,.bb-dialog-link.disabled:focus,.bb-dialog-link.disabled:hover,.bb-dialog-link.disabled:active{opacity:.4;cursor:default;box-shadow:none}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWxpbmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kaWFsb2cvc3JjL2xpYi9kaWFsb2ctbGluay9kaWFsb2ctbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1saW5rL2RpYWxvZy1saW5rLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBRXBGLE1BU2EsWUFBWTs4R0FBWixZQUFZO2tHQUFaLFlBQVksb0dDWHpCLDZCQUNBOztTRFVhLFlBQVk7MkZBQVosWUFBWTtrQkFUeEIsU0FBUzsrQkFDSSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSx1QkFDaEIsS0FBSyxRQUNwQixFQUFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ1tiYi1kaWFsb2ctbGlua10nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctbGluay5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLWxpbmsuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICAgIGhvc3Q6IHsnY2xhc3MnOiAnYmItZGlhbG9nLWxpbmsnfVxufSlcbmV4cG9ydCBjbGFzcyBCYkRpYWxvZ0xpbmsge1xufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19

package/esm2022/dialog/lib/dialog-modal/dialog-modal.component.mjs

@@ -0,0 +1,68 @@
+import { ChangeDetectionStrategy, Component, HostBinding, HostListener, Inject, Input, Optional, ViewEncapsulation } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@bravobit/bb-foundation";
+class BbDialogModal {
+    onOverlayClickedEvent(event) {
+        event.stopPropagation();
+    }
+    constructor(_patch, _renderer, _document) {
+        this._patch = _patch;
+        this._renderer = _renderer;
+        this._document = _document;
+        // Styling.
+        this.maxWidth = '420px';
+    }
+    ngOnInit() {
+        this._patch.mobileVerticalHeight();
+        this.allowGlobalOverflow(false);
+    }
+    ngOnDestroy() {
+        this.allowGlobalOverflow(true);
+    }
+    allowGlobalOverflow(allow) {
+        const element = this._document?.body ?? null;
+        if (!element) {
+            return;
+        }
+        allow
+            ? this._renderer.removeStyle(element, 'overflow')
+            : this._renderer.setStyle(element, 'overflow', 'hidden');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogModal, deps: [{ token: i1.Patch }, { token: i0.Renderer2 }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BbDialogModal, selector: "[bb-dialog-modal]", inputs: { maxWidth: "maxWidth" }, host: { attributes: { "role": "dialog" }, listeners: { "click": "onOverlayClickedEvent($event)", "touchstart": "onOverlayClickedEvent($event)", "touchend": "onOverlayClickedEvent($event)", "mouseup": "onOverlayClickedEvent($event)", "mousedown": "onOverlayClickedEvent($event)" }, properties: { "style.max-width": "this.maxWidth" }, classAttribute: "bb-dialog-modal" }, ngImport: i0, template: "<ng-content select=\"[bb-dialog-header]\">\n\n</ng-content>\n\n<div class=\"bb-dialog-modal-body\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"[bb-dialog-actions]\">\n\n</ng-content>\n", styles: [".bb-dialog-modal{width:100%;margin:auto;z-index:1001;display:flex;max-width:420px;border-radius:4px;position:relative;flex-direction:column;background-color:#fff;will-change:opacity,transform;max-height:calc(var(--vh, 1vh) * 100 - 40px)}.bb-dialog-modal-body{padding:20px;color:#738694;font-size:13px;overflow-y:auto;line-height:1.4;background-color:#f1f3f6}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { BbDialogModal };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogModal, decorators: [{
+            type: Component,
+            args: [{ selector: '[bb-dialog-modal]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: {
+                        'class': 'bb-dialog-modal',
+                        'role': 'dialog'
+                    }, template: "<ng-content select=\"[bb-dialog-header]\">\n\n</ng-content>\n\n<div class=\"bb-dialog-modal-body\">\n    <ng-content></ng-content>\n</div>\n\n<ng-content select=\"[bb-dialog-actions]\">\n\n</ng-content>\n", styles: [".bb-dialog-modal{width:100%;margin:auto;z-index:1001;display:flex;max-width:420px;border-radius:4px;position:relative;flex-direction:column;background-color:#fff;will-change:opacity,transform;max-height:calc(var(--vh, 1vh) * 100 - 40px)}.bb-dialog-modal-body{padding:20px;color:#738694;font-size:13px;overflow-y:auto;line-height:1.4;background-color:#f1f3f6}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Patch }, { type: i0.Renderer2 }, { type: Document, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; }, propDecorators: { maxWidth: [{
+                type: HostBinding,
+                args: ['style.max-width']
+            }, {
+                type: Input
+            }], onOverlayClickedEvent: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['touchstart', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['touchend', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['mouseup', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZGlhbG9nL3NyYy9saWIvZGlhbG9nLW1vZGFsL2RpYWxvZy1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1tb2RhbC9kaWFsb2ctbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsUUFBUSxFQUFhLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTNKLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRXpDLE1BWWEsYUFBYTtJQVV0QixxQkFBcUIsQ0FBQyxLQUFpQjtRQUNuQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFlBQW9CLE1BQWEsRUFDYixTQUFvQixFQUNVLFNBQW9CO1FBRmxELFdBQU0sR0FBTixNQUFNLENBQU87UUFDYixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ1UsY0FBUyxHQUFULFNBQVMsQ0FBVztRQWR0RSxXQUFXO1FBQzhCLGFBQVEsR0FBa0IsT0FBTyxDQUFDO0lBYzNFLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLE1BQU0sQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQ25DLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU8sbUJBQW1CLENBQUMsS0FBYztRQUN0QyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksSUFBSSxJQUFJLENBQUM7UUFDN0MsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNWLE9BQU87U0FDVjtRQUVELEtBQUs7WUFDRCxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQztZQUNqRCxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUNqRSxDQUFDOzhHQXJDUSxhQUFhLGdFQWdCVSxRQUFRO2tHQWhCL0IsYUFBYSw2Y0NoQjFCLDhNQVdBOztTREthLGFBQWE7MkZBQWIsYUFBYTtrQkFaekIsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSx1QkFDaEIsS0FBSyxRQUNwQjt3QkFDRixPQUFPLEVBQUUsaUJBQWlCO3dCQUMxQixNQUFNLEVBQUUsUUFBUTtxQkFDbkI7OzBCQWtCWSxRQUFROzswQkFBSSxNQUFNOzJCQUFDLFFBQVE7NENBYkMsUUFBUTtzQkFBaEQsV0FBVzt1QkFBQyxpQkFBaUI7O3NCQUFHLEtBQUs7Z0JBT3RDLHFCQUFxQjtzQkFMcEIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7O3NCQUNoQyxZQUFZO3VCQUFDLFlBQVksRUFBRSxDQUFDLFFBQVEsQ0FBQzs7c0JBQ3JDLFlBQVk7dUJBQUMsVUFBVSxFQUFFLENBQUMsUUFBUSxDQUFDOztzQkFDbkMsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUM7O3NCQUNsQyxZQUFZO3VCQUFDLFdBQVcsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5qZWN0LCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCwgUmVuZGVyZXIyLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1BhdGNofSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbic7XG5pbXBvcnQge0RPQ1VNRU5UfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ1tiYi1kaWFsb2ctbW9kYWxdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kaWFsb2ctbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ2NsYXNzJzogJ2JiLWRpYWxvZy1tb2RhbCcsXG4gICAgICAgICdyb2xlJzogJ2RpYWxvZydcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEJiRGlhbG9nTW9kYWwgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgLy8gU3R5bGluZy5cbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpIEBJbnB1dCgpIG1heFdpZHRoOiBzdHJpbmcgfCBudWxsID0gJzQyMHB4JztcblxuICAgIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgICBASG9zdExpc3RlbmVyKCd0b3VjaHN0YXJ0JywgWyckZXZlbnQnXSlcbiAgICBASG9zdExpc3RlbmVyKCd0b3VjaGVuZCcsIFsnJGV2ZW50J10pXG4gICAgQEhvc3RMaXN0ZW5lcignbW91c2V1cCcsIFsnJGV2ZW50J10pXG4gICAgQEhvc3RMaXN0ZW5lcignbW91c2Vkb3duJywgWyckZXZlbnQnXSlcbiAgICBvbk92ZXJsYXlDbGlja2VkRXZlbnQoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfcGF0Y2g6IFBhdGNoLFxuICAgICAgICAgICAgICAgIHByaXZhdGUgX3JlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBfZG9jdW1lbnQ/OiBEb2N1bWVudCkge1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLl9wYXRjaC5tb2JpbGVWZXJ0aWNhbEhlaWdodCgpO1xuICAgICAgICB0aGlzLmFsbG93R2xvYmFsT3ZlcmZsb3coZmFsc2UpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmFsbG93R2xvYmFsT3ZlcmZsb3codHJ1ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBhbGxvd0dsb2JhbE92ZXJmbG93KGFsbG93OiBib29sZWFuKSB7XG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLl9kb2N1bWVudD8uYm9keSA/PyBudWxsO1xuICAgICAgICBpZiAoIWVsZW1lbnQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGFsbG93XG4gICAgICAgICAgICA/IHRoaXMuX3JlbmRlcmVyLnJlbW92ZVN0eWxlKGVsZW1lbnQsICdvdmVyZmxvdycpXG4gICAgICAgICAgICA6IHRoaXMuX3JlbmRlcmVyLnNldFN0eWxlKGVsZW1lbnQsICdvdmVyZmxvdycsICdoaWRkZW4nKTtcbiAgICB9XG5cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIltiYi1kaWFsb2ctaGVhZGVyXVwiPlxuXG48L25nLWNvbnRlbnQ+XG5cbjxkaXYgY2xhc3M9XCJiYi1kaWFsb2ctbW9kYWwtYm9keVwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48bmctY29udGVudCBzZWxlY3Q9XCJbYmItZGlhbG9nLWFjdGlvbnNdXCI+XG5cbjwvbmctY29udGVudD5cbiJdfQ==

package/esm2022/dialog/lib/dialog-overlay/dialog-overlay.component.mjs

@@ -0,0 +1,80 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Output, ViewEncapsulation } from '@angular/core';
+import { fromEvent, lastValueFrom, race, Subject, Subscription } from 'rxjs';
+import { bbDialogOverlayAnimation } from './dialog-overlay.animations';
+import { switchMap, take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+class BbDialogOverlay {
+    constructor(_elementRef, _changeDetection) {
+        this._elementRef = _elementRef;
+        this._changeDetection = _changeDetection;
+        // Outputs.
+        this.closeRequested = new EventEmitter();
+        // State.
+        this.state = 'open';
+        this._closed$ = new Subject();
+        // Subscriptions.
+        this._subscription = new Subscription();
+    }
+    ngOnInit() {
+        this.listenForClicks();
+    }
+    ngOnDestroy() {
+        this._subscription?.unsubscribe();
+    }
+    onKeyEvent(event) {
+        if (event?.key === 'Escape') {
+            this.closeRequested.emit();
+        }
+    }
+    onAnimationDone(event) {
+        // Check if the dialog is being destroyed.
+        if (!['close'].includes(event?.toState)) {
+            return;
+        }
+        this._closed$.next();
+        this._closed$.complete();
+    }
+    close() {
+        // We need change detection to run
+        // here else it won't close in all scenario's.
+        this.state = 'close';
+        this._changeDetection.markForCheck();
+        // Listen for the closed trigger.
+        const observable$ = this._closed$.pipe(take(1));
+        return lastValueFrom(observable$);
+    }
+    listenForClicks() {
+        const element = this._elementRef?.nativeElement ?? null;
+        if (!element) {
+            return;
+        }
+        const mouseDown$ = fromEvent(element, 'mousedown');
+        const touchStart$ = fromEvent(element, 'touchstart');
+        const start$ = race([mouseDown$, touchStart$]);
+        const mouseUp$ = fromEvent(element, 'mouseup');
+        const touchEnd$ = fromEvent(element, 'touchend');
+        const end$ = race([mouseUp$, touchEnd$]);
+        const clicks$ = start$.pipe(switchMap(() => end$));
+        const subscription = clicks$.subscribe(() => this.closeRequested.next());
+        this._subscription.add(subscription);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogOverlay, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: BbDialogOverlay, selector: "bb-dialog-overlay", outputs: { closeRequested: "closeRequested" }, host: { listeners: { "window:keyup": "onKeyEvent($event)", "@bbDialogOverlayAnimation.done": "onAnimationDone($event)" }, properties: { "@bbDialogOverlayAnimation": "state" }, classAttribute: "bb-dialog-overlay" }, ngImport: i0, template: "<div class=\"bb-dialog-overlay-backdrop\"></div>\n\n<ng-content select=\"[bb-dialog-modal]\"></ng-content>\n", styles: [".bb-dialog-overlay,.bb-dialog-overlay-backdrop{inset:0;display:flex;z-index:1000;position:fixed;flex-direction:column}.bb-dialog-overlay{padding:20px}.bb-dialog-overlay-backdrop{will-change:opacity;background-color:#1119}.bb-dialog-overlay-component{z-index:1001;display:block;position:relative}\n"], animations: [bbDialogOverlayAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+export { BbDialogOverlay };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogOverlay, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-dialog-overlay', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: {
+                        'class': 'bb-dialog-overlay',
+                        '[@bbDialogOverlayAnimation]': 'state'
+                    }, animations: [bbDialogOverlayAnimation], template: "<div class=\"bb-dialog-overlay-backdrop\"></div>\n\n<ng-content select=\"[bb-dialog-modal]\"></ng-content>\n", styles: [".bb-dialog-overlay,.bb-dialog-overlay-backdrop{inset:0;display:flex;z-index:1000;position:fixed;flex-direction:column}.bb-dialog-overlay{padding:20px}.bb-dialog-overlay-backdrop{will-change:opacity;background-color:#1119}.bb-dialog-overlay-component{z-index:1001;display:block;position:relative}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { closeRequested: [{
+                type: Output
+            }], onKeyEvent: [{
+                type: HostListener,
+                args: ['window:keyup', ['$event']]
+            }], onAnimationDone: [{
+                type: HostListener,
+                args: ['@bbDialogOverlayAnimation.done', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLW92ZXJsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kaWFsb2cvc3JjL2xpYi9kaWFsb2ctb3ZlcmxheS9kaWFsb2ctb3ZlcmxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy1vdmVybGF5L2RpYWxvZy1vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBR1osTUFBTSxFQUNOLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUMzRSxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUVyRSxPQUFPLEVBQUMsU0FBUyxFQUFFLElBQUksRUFBQyxNQUFNLGdCQUFnQixDQUFDOztBQUUvQyxNQWFhLGVBQWU7SUFZeEIsWUFBb0IsV0FBdUIsRUFDdkIsZ0JBQW1DO1FBRG5DLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQ3ZCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBbUI7UUFYdkQsV0FBVztRQUNELG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVwRCxTQUFTO1FBQ1QsVUFBSyxHQUFxQixNQUFNLENBQUM7UUFDekIsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFFdkMsaUJBQWlCO1FBQ1Qsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBSTNDLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBR0QsVUFBVSxDQUFDLEtBQW9CO1FBQzNCLElBQUksS0FBSyxFQUFFLEdBQUcsS0FBSyxRQUFRLEVBQUU7WUFDekIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUM5QjtJQUNMLENBQUM7SUFHRCxlQUFlLENBQUMsS0FBcUI7UUFDakMsMENBQTBDO1FBQzFDLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLEVBQUU7WUFDckMsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxLQUFLO1FBQ0Qsa0NBQWtDO1FBQ2xDLDhDQUE4QztRQUM5QyxJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQztRQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFckMsaUNBQWlDO1FBQ2pDLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2hELE9BQU8sYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFTyxlQUFlO1FBQ25CLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsYUFBYSxJQUFJLElBQUksQ0FBQztRQUN4RCxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1YsT0FBTztTQUNWO1FBRUQsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQztRQUNuRCxNQUFNLFdBQVcsR0FBRyxTQUFTLENBQUMsT0FBTyxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBQ3JELE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBRS9DLE1BQU0sUUFBUSxHQUFHLFNBQVMsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDL0MsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsQ0FBQztRQUNqRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUV6QyxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ25ELE1BQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OEdBdEVRLGVBQWU7a0dBQWYsZUFBZSwrVEM5QjVCLDhHQUdBLHFVRHlCZ0IsQ0FBQyx3QkFBd0IsQ0FBQzs7U0FFN0IsZUFBZTsyRkFBZixlQUFlO2tCQWIzQixTQUFTOytCQUNJLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLLFFBQ3BCO3dCQUNGLE9BQU8sRUFBRSxtQkFBbUI7d0JBQzVCLDZCQUE2QixFQUFFLE9BQU87cUJBQ3pDLGNBQ1csQ0FBQyx3QkFBd0IsQ0FBQztpSUFLNUIsY0FBYztzQkFBdkIsTUFBTTtnQkFzQlAsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLGNBQWMsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFReEMsZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGdDQUFnQyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIE9uRGVzdHJveSxcbiAgICBPbkluaXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtmcm9tRXZlbnQsIGxhc3RWYWx1ZUZyb20sIHJhY2UsIFN1YmplY3QsIFN1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2JiRGlhbG9nT3ZlcmxheUFuaW1hdGlvbn0gZnJvbSAnLi9kaWFsb2ctb3ZlcmxheS5hbmltYXRpb25zJztcbmltcG9ydCB7QW5pbWF0aW9uRXZlbnR9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtzd2l0Y2hNYXAsIHRha2V9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiYi1kaWFsb2ctb3ZlcmxheScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1vdmVybGF5LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kaWFsb2ctb3ZlcmxheS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gICAgaG9zdDoge1xuICAgICAgICAnY2xhc3MnOiAnYmItZGlhbG9nLW92ZXJsYXknLFxuICAgICAgICAnW0BiYkRpYWxvZ092ZXJsYXlBbmltYXRpb25dJzogJ3N0YXRlJ1xuICAgIH0sXG4gICAgYW5pbWF0aW9uczogW2JiRGlhbG9nT3ZlcmxheUFuaW1hdGlvbl1cbn0pXG5leHBvcnQgY2xhc3MgQmJEaWFsb2dPdmVybGF5IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gICAgLy8gT3V0cHV0cy5cbiAgICBAT3V0cHV0KCkgY2xvc2VSZXF1ZXN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICAvLyBTdGF0ZS5cbiAgICBzdGF0ZTogJ29wZW4nIHwgJ2Nsb3NlJyA9ICdvcGVuJztcbiAgICBwcml2YXRlIF9jbG9zZWQkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICAgIC8vIFN1YnNjcmlwdGlvbnMuXG4gICAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9jaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMubGlzdGVuRm9yQ2xpY2tzKCk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbj8udW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6a2V5dXAnLCBbJyRldmVudCddKVxuICAgIG9uS2V5RXZlbnQoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgICAgaWYgKGV2ZW50Py5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICB0aGlzLmNsb3NlUmVxdWVzdGVkLmVtaXQoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ0BiYkRpYWxvZ092ZXJsYXlBbmltYXRpb24uZG9uZScsIFsnJGV2ZW50J10pXG4gICAgb25BbmltYXRpb25Eb25lKGV2ZW50OiBBbmltYXRpb25FdmVudCkge1xuICAgICAgICAvLyBDaGVjayBpZiB0aGUgZGlhbG9nIGlzIGJlaW5nIGRlc3Ryb3llZC5cbiAgICAgICAgaWYgKCFbJ2Nsb3NlJ10uaW5jbHVkZXMoZXZlbnQ/LnRvU3RhdGUpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLl9jbG9zZWQkLm5leHQoKTtcbiAgICAgICAgdGhpcy5fY2xvc2VkJC5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIGNsb3NlKCkge1xuICAgICAgICAvLyBXZSBuZWVkIGNoYW5nZSBkZXRlY3Rpb24gdG8gcnVuXG4gICAgICAgIC8vIGhlcmUgZWxzZSBpdCB3b24ndCBjbG9zZSBpbiBhbGwgc2NlbmFyaW8ncy5cbiAgICAgICAgdGhpcy5zdGF0ZSA9ICdjbG9zZSc7XG4gICAgICAgIHRoaXMuX2NoYW5nZURldGVjdGlvbi5tYXJrRm9yQ2hlY2soKTtcblxuICAgICAgICAvLyBMaXN0ZW4gZm9yIHRoZSBjbG9zZWQgdHJpZ2dlci5cbiAgICAgICAgY29uc3Qgb2JzZXJ2YWJsZSQgPSB0aGlzLl9jbG9zZWQkLnBpcGUodGFrZSgxKSk7XG4gICAgICAgIHJldHVybiBsYXN0VmFsdWVGcm9tKG9ic2VydmFibGUkKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGxpc3RlbkZvckNsaWNrcygpIHtcbiAgICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuX2VsZW1lbnRSZWY/Lm5hdGl2ZUVsZW1lbnQgPz8gbnVsbDtcbiAgICAgICAgaWYgKCFlbGVtZW50KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBtb3VzZURvd24kID0gZnJvbUV2ZW50KGVsZW1lbnQsICdtb3VzZWRvd24nKTtcbiAgICAgICAgY29uc3QgdG91Y2hTdGFydCQgPSBmcm9tRXZlbnQoZWxlbWVudCwgJ3RvdWNoc3RhcnQnKTtcbiAgICAgICAgY29uc3Qgc3RhcnQkID0gcmFjZShbbW91c2VEb3duJCwgdG91Y2hTdGFydCRdKTtcblxuICAgICAgICBjb25zdCBtb3VzZVVwJCA9IGZyb21FdmVudChlbGVtZW50LCAnbW91c2V1cCcpO1xuICAgICAgICBjb25zdCB0b3VjaEVuZCQgPSBmcm9tRXZlbnQoZWxlbWVudCwgJ3RvdWNoZW5kJyk7XG4gICAgICAgIGNvbnN0IGVuZCQgPSByYWNlKFttb3VzZVVwJCwgdG91Y2hFbmQkXSk7XG5cbiAgICAgICAgY29uc3QgY2xpY2tzJCA9IHN0YXJ0JC5waXBlKHN3aXRjaE1hcCgoKSA9PiBlbmQkKSk7XG4gICAgICAgIGNvbnN0IHN1YnNjcmlwdGlvbiA9IGNsaWNrcyQuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2xvc2VSZXF1ZXN0ZWQubmV4dCgpKTtcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9uLmFkZChzdWJzY3JpcHRpb24pO1xuICAgIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImJiLWRpYWxvZy1vdmVybGF5LWJhY2tkcm9wXCI+PC9kaXY+XG5cbjxuZy1jb250ZW50IHNlbGVjdD1cIltiYi1kaWFsb2ctbW9kYWxdXCI+PC9uZy1jb250ZW50PlxuIl19

package/esm2022/dialog/lib/dialog.insertion.mjs

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+class BbDialogInsertion {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogInsertion, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: BbDialogInsertion, selector: "[bbDialogInsertion]", ngImport: i0 }); }
+}
+export { BbDialogInsertion };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: BbDialogInsertion, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbDialogInsertion]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmluc2VydGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZGlhbG9nL3NyYy9saWIvZGlhbG9nLmluc2VydGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFtQixNQUFNLGVBQWUsQ0FBQzs7QUFFMUQsTUFHYSxpQkFBaUI7SUFFMUIsWUFBbUIsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7SUFDckQsQ0FBQzs4R0FIUSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7U0FBakIsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBSDdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgVmlld0NvbnRhaW5lclJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2JiRGlhbG9nSW5zZXJ0aW9uXSdcbn0pXG5leHBvcnQgY2xhc3MgQmJEaWFsb2dJbnNlcnRpb24ge1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYpIHtcbiAgICB9XG5cbn1cbiJdfQ==

package/esm2022/dialog/lib/dialog.module.mjs

@@ -0,0 +1,69 @@
+import { BbDialogContainer } from './dialog-container/dialog-container.component';
+import { BbDialogConfirm } from './dialog-confirm/dialog-confirm.component';
+import { BbDialogActions } from './dialog-actions/dialog-actions.component';
+import { BbDialogOverlay } from './dialog-overlay/dialog-overlay.component';
+import { BbDialogHeader } from './dialog-header/dialog-header.component';
+import { BbDialogModal } from './dialog-modal/dialog-modal.component';
+import { BbDialogLink } from './dialog-link/dialog-link.component';
+import { LocalizeModule } from '@bravobit/bb-foundation/localize';
+import { ElementsModule } from '@bravobit/bb-foundation/elements';
+import { NgModule } from '@angular/core';
+import { BbDialogInsertion } from './dialog.insertion';
+import { CommonModule } from '@angular/common';
+import { Dialog } from './dialog.service';
+import * as i0 from "@angular/core";
+class DialogModule {
+    static forRoot() {
+        return {
+            ngModule: DialogModule,
+            providers: [Dialog]
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: DialogModule, declarations: [BbDialogContainer,
+            BbDialogOverlay,
+            BbDialogModal,
+            BbDialogHeader,
+            BbDialogLink,
+            BbDialogActions,
+            BbDialogConfirm,
+            BbDialogInsertion], imports: [CommonModule,
+            LocalizeModule,
+            ElementsModule], exports: [BbDialogOverlay,
+            BbDialogModal,
+            BbDialogHeader,
+            BbDialogLink,
+            BbDialogActions] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DialogModule, imports: [CommonModule,
+            LocalizeModule,
+            ElementsModule] }); }
+}
+export { DialogModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: DialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        LocalizeModule,
+                        ElementsModule
+                    ],
+                    declarations: [
+                        BbDialogContainer,
+                        BbDialogOverlay,
+                        BbDialogModal,
+                        BbDialogHeader,
+                        BbDialogLink,
+                        BbDialogActions,
+                        BbDialogConfirm,
+                        BbDialogInsertion
+                    ],
+                    exports: [
+                        BbDialogOverlay,
+                        BbDialogModal,
+                        BbDialogHeader,
+                        BbDialogLink,
+                        BbDialogActions
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZGlhbG9nL3NyYy9saWIvZGlhbG9nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSwrQ0FBK0MsQ0FBQztBQUNoRixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDMUUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUMxRSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUNqRSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDaEUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ2hFLE9BQU8sRUFBc0IsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7O0FBRXhDLE1Bd0JhLFlBQVk7SUFFckIsTUFBTSxDQUFDLE9BQU87UUFDVixPQUFPO1lBQ0gsUUFBUSxFQUFFLFlBQVk7WUFDdEIsU0FBUyxFQUFFLENBQUMsTUFBTSxDQUFDO1NBQ3RCLENBQUM7SUFDTixDQUFDOzhHQVBRLFlBQVk7K0dBQVosWUFBWSxpQkFqQmpCLGlCQUFpQjtZQUNqQixlQUFlO1lBQ2YsYUFBYTtZQUNiLGNBQWM7WUFDZCxZQUFZO1lBQ1osZUFBZTtZQUNmLGVBQWU7WUFDZixpQkFBaUIsYUFaakIsWUFBWTtZQUNaLGNBQWM7WUFDZCxjQUFjLGFBYWQsZUFBZTtZQUNmLGFBQWE7WUFDYixjQUFjO1lBQ2QsWUFBWTtZQUNaLGVBQWU7K0dBR1YsWUFBWSxZQXRCakIsWUFBWTtZQUNaLGNBQWM7WUFDZCxjQUFjOztTQW9CVCxZQUFZOzJGQUFaLFlBQVk7a0JBeEJ4QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsY0FBYztxQkFDakI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNWLGlCQUFpQjt3QkFDakIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsaUJBQWlCO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsWUFBWTt3QkFDWixlQUFlO3FCQUNsQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QmJEaWFsb2dDb250YWluZXJ9IGZyb20gJy4vZGlhbG9nLWNvbnRhaW5lci9kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQge0JiRGlhbG9nQ29uZmlybX0gZnJvbSAnLi9kaWFsb2ctY29uZmlybS9kaWFsb2ctY29uZmlybS5jb21wb25lbnQnO1xuaW1wb3J0IHtCYkRpYWxvZ0FjdGlvbnN9IGZyb20gJy4vZGlhbG9nLWFjdGlvbnMvZGlhbG9nLWFjdGlvbnMuY29tcG9uZW50JztcbmltcG9ydCB7QmJEaWFsb2dPdmVybGF5fSBmcm9tICcuL2RpYWxvZy1vdmVybGF5L2RpYWxvZy1vdmVybGF5LmNvbXBvbmVudCc7XG5pbXBvcnQge0JiRGlhbG9nSGVhZGVyfSBmcm9tICcuL2RpYWxvZy1oZWFkZXIvZGlhbG9nLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHtCYkRpYWxvZ01vZGFsfSBmcm9tICcuL2RpYWxvZy1tb2RhbC9kaWFsb2ctbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7QmJEaWFsb2dMaW5rfSBmcm9tICcuL2RpYWxvZy1saW5rL2RpYWxvZy1saW5rLmNvbXBvbmVudCc7XG5pbXBvcnQge0xvY2FsaXplTW9kdWxlfSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbi9sb2NhbGl6ZSc7XG5pbXBvcnQge0VsZW1lbnRzTW9kdWxlfSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbi9lbGVtZW50cyc7XG5pbXBvcnQge01vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QmJEaWFsb2dJbnNlcnRpb259IGZyb20gJy4vZGlhbG9nLmluc2VydGlvbic7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7RGlhbG9nfSBmcm9tICcuL2RpYWxvZy5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTG9jYWxpemVNb2R1bGUsXG4gICAgICAgIEVsZW1lbnRzTW9kdWxlXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgQmJEaWFsb2dDb250YWluZXIsXG4gICAgICAgIEJiRGlhbG9nT3ZlcmxheSxcbiAgICAgICAgQmJEaWFsb2dNb2RhbCxcbiAgICAgICAgQmJEaWFsb2dIZWFkZXIsXG4gICAgICAgIEJiRGlhbG9nTGluayxcbiAgICAgICAgQmJEaWFsb2dBY3Rpb25zLFxuICAgICAgICBCYkRpYWxvZ0NvbmZpcm0sXG4gICAgICAgIEJiRGlhbG9nSW5zZXJ0aW9uXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEJiRGlhbG9nT3ZlcmxheSxcbiAgICAgICAgQmJEaWFsb2dNb2RhbCxcbiAgICAgICAgQmJEaWFsb2dIZWFkZXIsXG4gICAgICAgIEJiRGlhbG9nTGluayxcbiAgICAgICAgQmJEaWFsb2dBY3Rpb25zXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dNb2R1bGUge1xuXG4gICAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxEaWFsb2dNb2R1bGU+IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIG5nTW9kdWxlOiBEaWFsb2dNb2R1bGUsXG4gICAgICAgICAgICBwcm92aWRlcnM6IFtEaWFsb2ddXG4gICAgICAgIH07XG4gICAgfVxuXG59XG4iXX0=

package/esm2022/dialog/lib/dialog.service.mjs

@@ -0,0 +1,69 @@
+import { createComponent, createEnvironmentInjector, Injectable } from '@angular/core';
+import { BbDialogContainer } from './dialog-container/dialog-container.component';
+import { BbDialogConfirm } from './dialog-confirm/dialog-confirm.component';
+import { BbDialogConfig } from './dialog.interfaces';
+import { BbDialogRef } from './dialog.ref';
+import { firstValueFrom } from 'rxjs';
+import * as i0 from "@angular/core";
+class Dialog {
+    constructor(_injector, _applicationRef, _environmentInjector) {
+        this._injector = _injector;
+        this._applicationRef = _applicationRef;
+        this._environmentInjector = _environmentInjector;
+    }
+    open(componentType, config) {
+        return this.createDialog(componentType, config);
+    }
+    async confirm(title, description, options) {
+        const dialogRef = this.open(BbDialogConfirm, {
+            data: { title, description, ...(options ?? {}) }
+        });
+        return await firstValueFrom(dialogRef.afterClosed);
+    }
+    createDialog(componentType, config) {
+        // Create a reference.
+        const dialogRef = new BbDialogRef();
+        const environmentInjector = createEnvironmentInjector([
+            { provide: BbDialogConfig, useValue: config ?? {} },
+            { provide: BbDialogRef, useValue: dialogRef }
+        ], this._environmentInjector);
+        const dialogComponentRef = createComponent(BbDialogContainer, { environmentInjector });
+        // Attach the host view to the application.
+        this._applicationRef.attachView(dialogComponentRef.hostView);
+        try {
+            // Remove the current focus.
+            const activeElement = document.activeElement;
+            activeElement.blur();
+            // Append the element to the DOM.
+            document.body.appendChild(dialogComponentRef.location.nativeElement);
+        }
+        catch {
+            // Don't do anything, because it must've failed.
+        }
+        // Set the child component type on the component.
+        dialogComponentRef.instance.childComponentType = componentType;
+        dialogComponentRef.instance.onOverlayClicked.subscribe(() => dialogRef.onOverlayClicked());
+        // Listen for close events.
+        dialogRef.afterClosed.subscribe(() => this.deleteDialog(dialogComponentRef));
+        // Return the reference.
+        return dialogRef;
+    }
+    deleteDialog(dialogComponentRef) {
+        // Only continue if the dialog component ref exists.
+        if (!dialogComponentRef) {
+            return;
+        }
+        // Detach the dialog.
+        this._applicationRef.detachView(dialogComponentRef.hostView);
+        // Destroy the dialog.
+        dialogComponentRef.destroy();
+        dialogComponentRef = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: Dialog, deps: [{ token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: Dialog }); }
+}
+export { Dialog };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: Dialog, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2RpYWxvZy9zcmMvbGliL2RpYWxvZy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBK0IsZUFBZSxFQUFFLHlCQUF5QixFQUF1QixVQUFVLEVBQThCLE1BQU0sZUFBZSxDQUFDO0FBQ3JLLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLCtDQUErQyxDQUFDO0FBQ2hGLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUMxRSxPQUFPLEVBQUMsY0FBYyxFQUF1QixNQUFNLHFCQUFxQixDQUFDO0FBQ3pFLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxjQUFjLENBQUM7QUFDekMsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLE1BQU0sQ0FBQzs7QUFFcEMsTUFDYSxNQUFNO0lBRWYsWUFBb0IsU0FBbUIsRUFDbkIsZUFBK0IsRUFDL0Isb0JBQXlDO1FBRnpDLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsb0JBQWUsR0FBZixlQUFlLENBQWdCO1FBQy9CLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBcUI7SUFDN0QsQ0FBQztJQUVELElBQUksQ0FBVSxhQUF3QixFQUFFLE1BQXVCO1FBQzNELE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBSSxhQUFhLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBZ0MsRUFBRSxXQUFzQyxFQUFFLE9BQXVDO1FBQzNILE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQVUsZUFBZSxFQUFFO1lBQ2xELElBQUksRUFBRSxFQUFDLEtBQUssRUFBRSxXQUFXLEVBQUUsR0FBRyxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsRUFBQztTQUNqRCxDQUFDLENBQUM7UUFDSCxPQUFPLE1BQU0sY0FBYyxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRU8sWUFBWSxDQUFVLGFBQXdCLEVBQUUsTUFBdUI7UUFDM0Usc0JBQXNCO1FBQ3RCLE1BQU0sU0FBUyxHQUFHLElBQUksV0FBVyxFQUFLLENBQUM7UUFDdkMsTUFBTSxtQkFBbUIsR0FBRyx5QkFBeUIsQ0FBQztZQUNsRCxFQUFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLE1BQU0sSUFBSSxFQUFFLEVBQUM7WUFDakQsRUFBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUM7U0FDOUMsRUFBRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUM5QixNQUFNLGtCQUFrQixHQUFHLGVBQWUsQ0FBQyxpQkFBaUIsRUFBRSxFQUFDLG1CQUFtQixFQUFDLENBQUMsQ0FBQztRQUVyRiwyQ0FBMkM7UUFDM0MsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFN0QsSUFBSTtZQUNBLDRCQUE0QjtZQUM1QixNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsYUFBNEIsQ0FBQztZQUM1RCxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7WUFFckIsaUNBQWlDO1lBQ2pDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQztTQUN4RTtRQUFDLE1BQU07WUFDSixnREFBZ0Q7U0FDbkQ7UUFFRCxpREFBaUQ7UUFDakQsa0JBQWtCLENBQUMsUUFBUSxDQUFDLGtCQUFrQixHQUFHLGFBQWEsQ0FBQztRQUMvRCxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFFM0YsMkJBQTJCO1FBQzNCLFNBQVMsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDO1FBRTdFLHdCQUF3QjtRQUN4QixPQUFPLFNBQVMsQ0FBQztJQUNyQixDQUFDO0lBRU8sWUFBWSxDQUFDLGtCQUFtRDtRQUNwRSxvREFBb0Q7UUFDcEQsSUFBSSxDQUFDLGtCQUFrQixFQUFFO1lBQ3JCLE9BQU87U0FDVjtRQUVELHFCQUFxQjtRQUNyQixJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUU3RCxzQkFBc0I7UUFDdEIsa0JBQWtCLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDN0Isa0JBQWtCLEdBQUcsSUFBSSxDQUFDO0lBQzlCLENBQUM7OEdBaEVRLE1BQU07a0hBQU4sTUFBTTs7U0FBTixNQUFNOzJGQUFOLE1BQU07a0JBRGxCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FwcGxpY2F0aW9uUmVmLCBDb21wb25lbnRSZWYsIGNyZWF0ZUNvbXBvbmVudCwgY3JlYXRlRW52aXJvbm1lbnRJbmplY3RvciwgRW52aXJvbm1lbnRJbmplY3RvciwgSW5qZWN0YWJsZSwgSW5qZWN0b3IsIFRlbXBsYXRlUmVmLCBUeXBlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QmJEaWFsb2dDb250YWluZXJ9IGZyb20gJy4vZGlhbG9nLWNvbnRhaW5lci9kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQge0JiRGlhbG9nQ29uZmlybX0gZnJvbSAnLi9kaWFsb2ctY29uZmlybS9kaWFsb2ctY29uZmlybS5jb21wb25lbnQnO1xuaW1wb3J0IHtCYkRpYWxvZ0NvbmZpZywgRGlhbG9nQ29uZmlybU9wdGlvbnN9IGZyb20gJy4vZGlhbG9nLmludGVyZmFjZXMnO1xuaW1wb3J0IHtCYkRpYWxvZ1JlZn0gZnJvbSAnLi9kaWFsb2cucmVmJztcbmltcG9ydCB7Zmlyc3RWYWx1ZUZyb219IGZyb20gJ3J4anMnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgRGlhbG9nIHtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2luamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9hcHBsaWNhdGlvblJlZjogQXBwbGljYXRpb25SZWYsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSBfZW52aXJvbm1lbnRJbmplY3RvcjogRW52aXJvbm1lbnRJbmplY3Rvcikge1xuICAgIH1cblxuICAgIG9wZW48VCA9IGFueT4oY29tcG9uZW50VHlwZTogVHlwZTxhbnk+LCBjb25maWc/OiBCYkRpYWxvZ0NvbmZpZykge1xuICAgICAgICByZXR1cm4gdGhpcy5jcmVhdGVEaWFsb2c8VD4oY29tcG9uZW50VHlwZSwgY29uZmlnKTtcbiAgICB9XG5cbiAgICBhc3luYyBjb25maXJtKHRpdGxlOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+LCBkZXNjcmlwdGlvbjogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55Piwgb3B0aW9ucz86IFBhcnRpYWw8RGlhbG9nQ29uZmlybU9wdGlvbnM+KSB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMub3Blbjxib29sZWFuPihCYkRpYWxvZ0NvbmZpcm0sIHtcbiAgICAgICAgICAgIGRhdGE6IHt0aXRsZSwgZGVzY3JpcHRpb24sIC4uLihvcHRpb25zID8/IHt9KX1cbiAgICAgICAgfSk7XG4gICAgICAgIHJldHVybiBhd2FpdCBmaXJzdFZhbHVlRnJvbShkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY3JlYXRlRGlhbG9nPFQgPSBhbnk+KGNvbXBvbmVudFR5cGU6IFR5cGU8YW55PiwgY29uZmlnPzogQmJEaWFsb2dDb25maWcpIHtcbiAgICAgICAgLy8gQ3JlYXRlIGEgcmVmZXJlbmNlLlxuICAgICAgICBjb25zdCBkaWFsb2dSZWYgPSBuZXcgQmJEaWFsb2dSZWY8VD4oKTtcbiAgICAgICAgY29uc3QgZW52aXJvbm1lbnRJbmplY3RvciA9IGNyZWF0ZUVudmlyb25tZW50SW5qZWN0b3IoW1xuICAgICAgICAgICAge3Byb3ZpZGU6IEJiRGlhbG9nQ29uZmlnLCB1c2VWYWx1ZTogY29uZmlnID8/IHt9fSxcbiAgICAgICAgICAgIHtwcm92aWRlOiBCYkRpYWxvZ1JlZiwgdXNlVmFsdWU6IGRpYWxvZ1JlZn1cbiAgICAgICAgXSwgdGhpcy5fZW52aXJvbm1lbnRJbmplY3Rvcik7XG4gICAgICAgIGNvbnN0IGRpYWxvZ0NvbXBvbmVudFJlZiA9IGNyZWF0ZUNvbXBvbmVudChCYkRpYWxvZ0NvbnRhaW5lciwge2Vudmlyb25tZW50SW5qZWN0b3J9KTtcblxuICAgICAgICAvLyBBdHRhY2ggdGhlIGhvc3QgdmlldyB0byB0aGUgYXBwbGljYXRpb24uXG4gICAgICAgIHRoaXMuX2FwcGxpY2F0aW9uUmVmLmF0dGFjaFZpZXcoZGlhbG9nQ29tcG9uZW50UmVmLmhvc3RWaWV3KTtcblxuICAgICAgICB0cnkge1xuICAgICAgICAgICAgLy8gUmVtb3ZlIHRoZSBjdXJyZW50IGZvY3VzLlxuICAgICAgICAgICAgY29uc3QgYWN0aXZlRWxlbWVudCA9IGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICAgICAgICBhY3RpdmVFbGVtZW50LmJsdXIoKTtcblxuICAgICAgICAgICAgLy8gQXBwZW5kIHRoZSBlbGVtZW50IHRvIHRoZSBET00uXG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGRpYWxvZ0NvbXBvbmVudFJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50KTtcbiAgICAgICAgfSBjYXRjaCB7XG4gICAgICAgICAgICAvLyBEb24ndCBkbyBhbnl0aGluZywgYmVjYXVzZSBpdCBtdXN0J3ZlIGZhaWxlZC5cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFNldCB0aGUgY2hpbGQgY29tcG9uZW50IHR5cGUgb24gdGhlIGNvbXBvbmVudC5cbiAgICAgICAgZGlhbG9nQ29tcG9uZW50UmVmLmluc3RhbmNlLmNoaWxkQ29tcG9uZW50VHlwZSA9IGNvbXBvbmVudFR5cGU7XG4gICAgICAgIGRpYWxvZ0NvbXBvbmVudFJlZi5pbnN0YW5jZS5vbk92ZXJsYXlDbGlja2VkLnN1YnNjcmliZSgoKSA9PiBkaWFsb2dSZWYub25PdmVybGF5Q2xpY2tlZCgpKTtcblxuICAgICAgICAvLyBMaXN0ZW4gZm9yIGNsb3NlIGV2ZW50cy5cbiAgICAgICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkLnN1YnNjcmliZSgoKSA9PiB0aGlzLmRlbGV0ZURpYWxvZyhkaWFsb2dDb21wb25lbnRSZWYpKTtcblxuICAgICAgICAvLyBSZXR1cm4gdGhlIHJlZmVyZW5jZS5cbiAgICAgICAgcmV0dXJuIGRpYWxvZ1JlZjtcbiAgICB9XG5cbiAgICBwcml2YXRlIGRlbGV0ZURpYWxvZyhkaWFsb2dDb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxCYkRpYWxvZ0NvbnRhaW5lcj4pIHtcbiAgICAgICAgLy8gT25seSBjb250aW51ZSBpZiB0aGUgZGlhbG9nIGNvbXBvbmVudCByZWYgZXhpc3RzLlxuICAgICAgICBpZiAoIWRpYWxvZ0NvbXBvbmVudFJlZikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gRGV0YWNoIHRoZSBkaWFsb2cuXG4gICAgICAgIHRoaXMuX2FwcGxpY2F0aW9uUmVmLmRldGFjaFZpZXcoZGlhbG9nQ29tcG9uZW50UmVmLmhvc3RWaWV3KTtcblxuICAgICAgICAvLyBEZXN0cm95IHRoZSBkaWFsb2cuXG4gICAgICAgIGRpYWxvZ0NvbXBvbmVudFJlZi5kZXN0cm95KCk7XG4gICAgICAgIGRpYWxvZ0NvbXBvbmVudFJlZiA9IG51bGw7XG4gICAgfVxuXG59XG4iXX0=