@acorex/components 7.0.41 → 7.1.1

package/fesm2022/acorex-components-dialog.mjs

@@ -0,0 +1,237 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule, Injectable } from '@angular/core';
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@acorex/components/common';
+import { AXCommonModule } from '@acorex/components/common';
+import * as i3 from '@angular/cdk/drag-drop';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import * as i4 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import * as i5 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i6 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXPageModule } from '@acorex/components/page';
+import { AXTranslator } from '@acorex/core/translation';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i1$1 from '@angular/cdk/overlay';
+
+class AXDialogComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    options;
+    _icon;
+    close;
+    onInit() {
+        switch (this.options.type) {
+            case 'success':
+                this._icon = 'ax-icon ax-icon-done';
+                break;
+            case 'danger':
+                this._icon = 'ax-icon ax-icon-error';
+                break;
+            case 'warning':
+                this._icon = 'ax-icon ax-icon-warning';
+                break;
+            default:
+                this._icon = 'ax-icon ax-icon-done';
+                break;
+        }
+    }
+    _handleButtonClick(button) {
+        if (button.onClick) {
+            button.onClick();
+        }
+    }
+    _hasAutoFocus(button) {
+        const result = button.autofocus ||
+            this.options.buttons.length == 1 ||
+            ((button.type == 'submit' || button.type == 'cancel') &&
+                !this.options.buttons.some((c) => c.autofocus));
+        if (result) {
+            button.autofocus = true;
+        }
+        return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDialogComponent, selector: "ax-dialog", usesInheritance: true, ngImport: i0, template: "<div aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n    <div class=\"ax-dialog ax-{{options.type}}-default ax-orientation-{{options.orientation}}\" cdkDrag role=\"alert\" cdkDragHandle>\r\n        <div class=\"ax-dialog-content-wrapper\">\r\n            <div class=\"ax-dialog-icon-side\">\r\n                <i class=\"ax-dialog-icon {{_icon}}\"></i>\r\n            </div>\r\n            <div class=\"ax-dialog-content-side\">\r\n                <div class=\"ax-dialog-title\">{{options.title}}</div>\r\n                <div class=\"ax-dialog-content\">{{options.content}}</div>\r\n            </div>\r\n            <div class=\"ax-dialog-dismiss-icon\">\r\n                <i class=\"ax-icon ax-icon-close\" *ngIf=\"options.dismissible\" (click)=\"close()\"></i>\r\n            </div>\r\n        </div>\r\n        <ax-footer>\r\n            <ng-container *ngFor=\"let button of options.buttons;let i=index\">\r\n                <ax-button [text]=\"button.text\" [axAutoFocus]=\"_hasAutoFocus(button)\" [hotkey]=\"button.hotkey\"\r\n                    (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\" [look]=\"button.look\"\r\n                    [color]=\"button.color\"></ax-button>\r\n            </ng-container>\r\n        </ax-footer>\r\n    </div>\r\n</div>", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "focus-time"] }, { kind: "directive", type: i2.AXHotkeyDirective, selector: "[hotkey]", inputs: ["hotkey"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i6.AXDecoratorFooterComponent, selector: "ax-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n    <div class=\"ax-dialog ax-{{options.type}}-default ax-orientation-{{options.orientation}}\" cdkDrag role=\"alert\" cdkDragHandle>\r\n        <div class=\"ax-dialog-content-wrapper\">\r\n            <div class=\"ax-dialog-icon-side\">\r\n                <i class=\"ax-dialog-icon {{_icon}}\"></i>\r\n            </div>\r\n            <div class=\"ax-dialog-content-side\">\r\n                <div class=\"ax-dialog-title\">{{options.title}}</div>\r\n                <div class=\"ax-dialog-content\">{{options.content}}</div>\r\n            </div>\r\n            <div class=\"ax-dialog-dismiss-icon\">\r\n                <i class=\"ax-icon ax-icon-close\" *ngIf=\"options.dismissible\" (click)=\"close()\"></i>\r\n            </div>\r\n        </div>\r\n        <ax-footer>\r\n            <ng-container *ngFor=\"let button of options.buttons;let i=index\">\r\n                <ax-button [text]=\"button.text\" [axAutoFocus]=\"_hasAutoFocus(button)\" [hotkey]=\"button.hotkey\"\r\n                    (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\" [look]=\"button.look\"\r\n                    [color]=\"button.color\"></ax-button>\r\n            </ng-container>\r\n        </ax-footer>\r\n    </div>\r\n</div>", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+const COMPONENT = [AXDialogComponent];
+const MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXPageModule, AXDecoratorModule];
+class AXDialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXDialogModule, declarations: [AXDialogComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXPageModule, AXDecoratorModule], exports: [AXDialogComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDialogModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXDialogService {
+    overlayService;
+    parentInjector;
+    sso;
+    /**
+     * @ignore
+     */
+    constructor(overlayService, parentInjector, sso) {
+        this.overlayService = overlayService;
+        this.parentInjector = parentInjector;
+        this.sso = sso;
+    }
+    /**
+     *  Show an alert box with 'Okay' button.
+     */
+    alert(title, content, type = 'primary') {
+        return new Promise(resolve => {
+            const popup = this.open({
+                title,
+                type: type,
+                content,
+                buttons: [
+                    {
+                        name: 'confirm',
+                        text: AXTranslator.get('common.okay'),
+                        color: type,
+                        onClick: () => {
+                            popup.close();
+                            if (resolve) {
+                                resolve();
+                            }
+                        },
+                    },
+                ],
+            });
+        });
+    }
+    /**
+     *  Show a confirm box with 'Okay' & 'Cancel' buttons.
+     */
+    confirm(title, content, type = 'primary') {
+        return new Promise(resolve => {
+            const popup = this.open({
+                title,
+                content,
+                type,
+                buttons: [
+                    {
+                        name: 'confirm',
+                        text: AXTranslator.get('common.okay'),
+                        color: type,
+                        onClick: () => {
+                            popup.close();
+                            if (resolve) {
+                                resolve({ result: true });
+                            }
+                        },
+                        type: 'submit',
+                    },
+                    {
+                        name: 'cancel',
+                        text: AXTranslator.get('common.cancel'),
+                        color: `ghost`,
+                        onClick: () => {
+                            popup.close();
+                            if (resolve) {
+                                resolve({ result: false });
+                            }
+                        },
+                        hotkey: {
+                            Escape: () => {
+                                popup.close();
+                                if (resolve) {
+                                    resolve({ result: false });
+                                }
+                            },
+                        },
+                        type: 'cancel',
+                    },
+                ],
+            });
+        });
+    }
+    /**
+     *  Show a custom dialog box.
+     */
+    show(options) {
+        return new Promise(resolve => {
+            const popup = this.open(options);
+            options.orientation = options.orientation || 'horizontal';
+            options.buttons?.forEach(b => {
+                const orginalClick = b.onClick;
+                b.onClick = () => {
+                    popup.close();
+                    if (orginalClick) {
+                        orginalClick();
+                    }
+                    if (resolve) {
+                        resolve({ name: b.name });
+                    }
+                };
+            });
+        });
+    }
+    open(options) {
+        let positionStrategy = this.overlayService.position().global().centerHorizontally().centerVertically();
+        const lastActiveElement = document.activeElement;
+        const overlayRef = this.overlayService.create({
+            positionStrategy,
+            hasBackdrop: true,
+            scrollStrategy: this.sso.block(),
+            panelClass: ['ax-animate-bounceIn', 'ax-animate-faster'],
+        });
+        const dialogPortal = new ComponentPortal(AXDialogComponent, null, this.parentInjector);
+        const host = overlayRef.attach(dialogPortal);
+        if (host.instance) {
+            Object.assign(host.instance, {
+                options: options,
+                close: () => {
+                    overlayRef.dispose();
+                    if (lastActiveElement?.focus) {
+                        lastActiveElement.focus();
+                    }
+                },
+            });
+            setTimeout(() => {
+                host.changeDetectorRef.detectChanges();
+            }, 0);
+        }
+        return {
+            close: () => {
+                host.instance.close();
+            },
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDialogService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }, { token: i1$1.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: i1$1.ScrollStrategyOptions }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXDialogComponent, AXDialogModule, AXDialogService };
+//# sourceMappingURL=acorex-components-dialog.mjs.map

package/fesm2022/acorex-components-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-dialog.mjs","sources":["../../../../projects/acorex/components/dialog/src/dialog.component.ts","../../../../projects/acorex/components/dialog/src/dialog.component.html","../../../../projects/acorex/components/dialog/src/dialog.module.ts","../../../../projects/acorex/components/dialog/src/dialog.service.ts","../../../../projects/acorex/components/dialog/acorex-components-dialog.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n} from '@angular/core';\r\nimport { AXButtonItem } from '@acorex/components/button';\r\nimport { AXDialogOptions } from './dialog.class';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\n\r\n@Component({\r\n  selector: 'ax-dialog',\r\n  templateUrl: './dialog.component.html',\r\n  styleUrls: ['./dialog.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXDialogComponent extends AXBaseComponentMixin {\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  options: AXDialogOptions | any;\r\n  _icon: string;\r\n  close: () => void;\r\n\r\n  onInit() {\r\n    switch (this.options.type) {\r\n      case 'success':\r\n        this._icon = 'ax-icon ax-icon-done';\r\n        break;\r\n      case 'danger':\r\n        this._icon = 'ax-icon ax-icon-error';\r\n        break;\r\n      case 'warning':\r\n        this._icon = 'ax-icon ax-icon-warning';\r\n        break;\r\n      default:\r\n        this._icon = 'ax-icon ax-icon-done';\r\n        break;\r\n    }\r\n  }\r\n\r\n  _handleButtonClick(button: AXButtonItem) {\r\n    if (button.onClick) {\r\n      button.onClick();\r\n    }\r\n  }\r\n\r\n  _hasAutoFocus(button: AXButtonItem) {\r\n    const result =\r\n      button.autofocus ||\r\n      this.options.buttons.length == 1 ||\r\n      ((button.type == 'submit' || button.type == 'cancel') &&\r\n        !this.options.buttons.some((c) => c.autofocus));\r\n    if (result) {\r\n      button.autofocus = true;\r\n    }\r\n    return result;\r\n  }\r\n}\r\n","<div aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n    <div class=\"ax-dialog ax-{{options.type}}-default ax-orientation-{{options.orientation}}\" cdkDrag role=\"alert\" cdkDragHandle>\r\n        <div class=\"ax-dialog-content-wrapper\">\r\n            <div class=\"ax-dialog-icon-side\">\r\n                <i class=\"ax-dialog-icon {{_icon}}\"></i>\r\n            </div>\r\n            <div class=\"ax-dialog-content-side\">\r\n                <div class=\"ax-dialog-title\">{{options.title}}</div>\r\n                <div class=\"ax-dialog-content\">{{options.content}}</div>\r\n            </div>\r\n            <div class=\"ax-dialog-dismiss-icon\">\r\n                <i class=\"ax-icon ax-icon-close\" *ngIf=\"options.dismissible\" (click)=\"close()\"></i>\r\n            </div>\r\n        </div>\r\n        <ax-footer>\r\n            <ng-container *ngFor=\"let button of options.buttons;let i=index\">\r\n                <ax-button [text]=\"button.text\" [axAutoFocus]=\"_hasAutoFocus(button)\" [hotkey]=\"button.hotkey\"\r\n                    (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\" [look]=\"button.look\"\r\n                    [color]=\"button.color\"></ax-button>\r\n            </ng-container>\r\n        </ax-footer>\r\n    </div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXPageModule } from '@acorex/components/page';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXCommonModule } from '@acorex/components/common';\r\nimport { AXDialogComponent } from './dialog.component';\r\n\r\nconst COMPONENT = [AXDialogComponent];\r\nconst MODULES = [CommonModule,AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXPageModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXDialogModule { }\r\n","import { AXTranslator } from '@acorex/core/translation';\r\nimport { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { Injectable, Injector } from '@angular/core';\r\nimport { AXStyleColorType } from '@acorex/components/common';\r\nimport { AXDialogOptions, AXDialogRef } from './dialog.class';\r\nimport { AXDialogComponent } from './dialog.component';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class AXDialogService {\r\n  /**\r\n   * @ignore\r\n   */\r\n  constructor(private overlayService: Overlay, private parentInjector: Injector, private sso: ScrollStrategyOptions) {}\r\n\r\n  /**\r\n   *  Show an alert box with 'Okay' button.\r\n   */\r\n  alert(title: string, content: string, type: AXStyleColorType = 'primary'): Promise<void> {\r\n    return new Promise(resolve => {\r\n      const popup = this.open({\r\n        title,\r\n        type: type,\r\n        content,\r\n        buttons: [\r\n          {\r\n            name: 'confirm',\r\n            text: AXTranslator.get('common.okay'),\r\n            color: type,\r\n            onClick: () => {\r\n              popup.close();\r\n              if (resolve) {\r\n                resolve();\r\n              }\r\n            },\r\n          },\r\n        ],\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Show a confirm box with 'Okay' & 'Cancel' buttons.\r\n   */\r\n  confirm(title: string, content: string, type: AXStyleColorType = 'primary'): Promise<{ result: boolean }> {\r\n    return new Promise<{ result: boolean }>(resolve => {\r\n      const popup = this.open({\r\n        title,\r\n        content,\r\n        type,\r\n        buttons: [\r\n          {\r\n            name: 'confirm',\r\n            text: AXTranslator.get('common.okay'),\r\n            color: type,\r\n            onClick: () => {\r\n              popup.close();\r\n              if (resolve) {\r\n                resolve({ result: true });\r\n              }\r\n            },\r\n            type: 'submit',\r\n          },\r\n          {\r\n            name: 'cancel',\r\n            text: AXTranslator.get('common.cancel'),\r\n            color: `ghost`,\r\n            onClick: () => {\r\n              popup.close();\r\n              if (resolve) {\r\n                resolve({ result: false });\r\n              }\r\n            },\r\n            hotkey: {\r\n              Escape: () => {\r\n                popup.close();\r\n                if (resolve) {\r\n                  resolve({ result: false });\r\n                }\r\n              },\r\n            },\r\n            type: 'cancel',\r\n          },\r\n        ],\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Show a custom dialog box.\r\n   */\r\n  show(options: AXDialogOptions): Promise<{ name: string }> {\r\n    return new Promise(resolve => {\r\n      const popup = this.open(options);\r\n      options.orientation = options.orientation || 'horizontal';\r\n      options.buttons?.forEach(b => {\r\n        const orginalClick = b.onClick;\r\n        b.onClick = () => {\r\n          popup.close();\r\n          if (orginalClick) {\r\n            orginalClick();\r\n          }\r\n          if (resolve) {\r\n            resolve({ name: b.name! });\r\n          }\r\n        };\r\n      });\r\n    });\r\n  }\r\n\r\n  private open(options: AXDialogOptions): AXDialogRef {\r\n    let positionStrategy = this.overlayService.position().global().centerHorizontally().centerVertically();\r\n\r\n    const lastActiveElement = document.activeElement as HTMLElement;\r\n    const overlayRef = this.overlayService.create({\r\n      positionStrategy,\r\n      hasBackdrop: true,\r\n      scrollStrategy: this.sso.block(),\r\n      panelClass: ['ax-animate-bounceIn', 'ax-animate-faster'],\r\n    });\r\n    const dialogPortal = new ComponentPortal(AXDialogComponent, null, this.parentInjector);\r\n    const host = overlayRef.attach(dialogPortal);\r\n    if (host.instance) {\r\n      Object.assign(host.instance, {\r\n        options: options,\r\n        close: () => {\r\n          overlayRef.dispose();\r\n          if (lastActiveElement?.focus) {\r\n            lastActiveElement.focus();\r\n          }\r\n        },\r\n      });\r\n      setTimeout(() => {\r\n        host.changeDetectorRef.detectChanges();\r\n      }, 0);\r\n    }\r\n\r\n    return {\r\n      close: () => {\r\n        host.instance.close();\r\n      },\r\n    };\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/acorex-components-drawer.mjs

@@ -0,0 +1,204 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, Input, HostBinding, NgModule } from '@angular/core';
+import { AXComponent, AXClosbaleComponent } from '@acorex/components/common';
+import { CommonModule } from '@angular/common';
+
+class AXDrawerContainerComponent extends AXBaseComponentMixin {
+    _zone;
+    constructor(elementRef, cdr, _zone) {
+        super(elementRef, cdr);
+        this._zone = _zone;
+    }
+    ngDoCheck() {
+        const host = this._getHostElement();
+        Array.from(host.querySelectorAll('ax-drawer'))
+            .map((c) => c['__axContext__'])
+            .some((c) => !c?.collapsed)
+            ? host.classList.add('ax-visible')
+            : host.classList.remove('ax-visible');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDrawerContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDrawerContainerComponent, selector: "ax-drawer-container", usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="ax-drawer[location='start']"> </ng-content>
+    <ng-content select="ax-content"> </ng-content>
+    <ng-content select="ax-drawer[location='end']"> </ng-content>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDrawerContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-drawer-container',
+                    template: `
+    <ng-content select="ax-drawer[location='start']"> </ng-content>
+    <ng-content select="ax-content"> </ng-content>
+    <ng-content select="ax-drawer[location='end']"> </ng-content>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; } });
+
+class AXDrawerComponent extends AXBaseComponentMixin {
+    _elementRef;
+    _zone;
+    constructor(_elementRef, _cdr, _zone) {
+        super(_elementRef, _cdr);
+        this._elementRef = _elementRef;
+        this._zone = _zone;
+    }
+    locationChange = new EventEmitter();
+    _location;
+    get location() {
+        return this._location;
+    }
+    set location(v) {
+        this._setOption({
+            name: 'location',
+            value: v,
+        });
+    }
+    modeChange = new EventEmitter();
+    _mode = 'overlay';
+    get mode() {
+        return this._mode;
+    }
+    set mode(v) {
+        this._setOption({
+            name: 'mode',
+            value: v,
+        });
+    }
+    collapsedChange = new EventEmitter();
+    _collapsed = true;
+    get collapsed() {
+        return this._collapsed;
+    }
+    set collapsed(v) {
+        this._setOption({
+            name: 'collapsed',
+            value: v,
+        });
+    }
+    onViewInit() {
+        // setTimeout(() => {
+        //     this._loaded = true;
+        //     this._checkProps();
+        // }, 1000);
+        this._detectBoundingSize();
+    }
+    _onOptionChanged(option) {
+        this._checkProps();
+    }
+    ngDoCheck() {
+        this._detectBoundingSize();
+    }
+    _detectBoundingSize() {
+        this._zone.runOutsideAngular(() => {
+            const host = this._getHostElement();
+            if (host.clientWidth)
+                host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);
+        });
+    }
+    _checkProps() {
+        this._detectBoundingSize();
+        this._removeBackdrop();
+        if (this.mode == 'overlay') {
+            if (!this.collapsed) {
+                this._addBackdrop();
+            }
+        }
+    }
+    toggle() {
+        this.collapsed = !this.collapsed;
+    }
+    close() {
+        this.collapsed = true;
+    }
+    open() {
+        this.collapsed = false;
+    }
+    get __hostClass() {
+        //return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'} ${!this._loaded ? 'ax-preload' : ''}`;
+        return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'}`;
+    }
+    _backdropElement;
+    // private _loaded: boolean = false;
+    _addBackdrop() {
+        this._zone.runOutsideAngular(() => {
+            this._backdropElement = document.createElement('div');
+            this._backdropElement.classList.add('ax-backdrop');
+            this._backdropElement.onclick = () => {
+                this._zone.run(() => {
+                    this.close();
+                });
+            };
+            this._getHostElement().parentElement?.appendChild(this._backdropElement);
+        });
+    }
+    _removeBackdrop() {
+        this._zone.runOutsideAngular(() => {
+            if (this._backdropElement) {
+                this._getHostElement().parentElement?.removeChild(this._backdropElement);
+                this._backdropElement = null;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDrawerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: "location", mode: "mode", collapsed: "collapsed" }, outputs: { locationChange: "locationChange", modeChange: "modeChange", collapsedChange: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+            { provide: AXComponent, useExisting: AXDrawerComponent },
+            { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="ax-header"></ng-content>
+    <ng-content select="ax-content"></ng-content>
+  `, isInline: true, styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer .ax-header,ax-drawer-container ax-drawer .ax-footer{padding:.75rem}ax-drawer-container ax-drawer .ax-footer{border-top-width:1px}ax-drawer-container ax-drawer .ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>.ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>.ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-drawer', template: `
+    <ng-content select="ax-header"></ng-content>
+    <ng-content select="ax-content"></ng-content>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXComponent, useExisting: AXDrawerComponent },
+                        { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
+                    ], styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer .ax-header,ax-drawer-container ax-drawer .ax-footer{padding:.75rem}ax-drawer-container ax-drawer .ax-footer{border-top-width:1px}ax-drawer-container ax-drawer .ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>.ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>.ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { locationChange: [{
+                type: Output
+            }], location: [{
+                type: Input
+            }], modeChange: [{
+                type: Output
+            }], mode: [{
+                type: Input
+            }], collapsedChange: [{
+                type: Output
+            }], collapsed: [{
+                type: Input
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];
+const MODULES = [CommonModule];
+class AXDrawerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXDrawerModule, declarations: [AXDrawerComponent, AXDrawerContainerComponent], imports: [CommonModule], exports: [AXDrawerComponent, AXDrawerContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDrawerModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDrawerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule };
+//# sourceMappingURL=acorex-components-drawer.mjs.map

package/fesm2022/acorex-components-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-drawer.mjs","sources":["../../../../projects/acorex/components/drawer/src/drawer-container.component.ts","../../../../projects/acorex/components/drawer/src/drawer.component.ts","../../../../projects/acorex/components/drawer/src/drawer.module.ts","../../../../projects/acorex/components/drawer/acorex-components-drawer.ts"],"sourcesContent":["import { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  NgZone,\r\n} from '@angular/core';\r\nimport { AXDrawerComponent } from './drawer.component';\r\n\r\n@Component({\r\n  selector: 'ax-drawer-container',\r\n  template: `\r\n    <ng-content select=\"ax-drawer[location='start']\"> </ng-content>\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-drawer[location='end']\"> </ng-content>\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXDrawerContainerComponent extends AXBaseComponentMixin {\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _zone: NgZone\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  ngDoCheck() {\r\n    const host = this._getHostElement();\r\n    Array.from(host.querySelectorAll('ax-drawer'))\r\n      .map((c) => c['__axContext__'] as AXDrawerComponent)\r\n      .some((c) => !c?.collapsed)\r\n      ? host.classList.add('ax-visible')\r\n      : host.classList.remove('ax-visible');\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  NgZone,\r\n  Input,\r\n  HostBinding,\r\n  Output,\r\n  EventEmitter,\r\n} from '@angular/core';\r\nimport { AXClosbaleComponent, AXComponent } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin, AXComponentOptionChanged } from '@acorex/components/mixin';\r\n\r\nexport type AXDrawerMode = 'push' | 'overlay';\r\nexport type AXDrawerLocation = 'start' | 'end';\r\n\r\n@Component({\r\n  selector: 'ax-drawer',\r\n  template: `\r\n    <ng-content select=\"ax-header\"></ng-content>\r\n    <ng-content select=\"ax-content\"></ng-content>\r\n  `,\r\n  styleUrls:['./drawer.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    { provide: AXComponent, useExisting: AXDrawerComponent },\r\n    { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },\r\n  ],\r\n})\r\nexport class AXDrawerComponent extends AXBaseComponentMixin {\r\n  constructor(\r\n    private _elementRef: ElementRef,\r\n    _cdr: ChangeDetectorRef,\r\n    private _zone: NgZone\r\n  ) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  @Output()\r\n  public locationChange: EventEmitter<AXDrawerLocation> = new EventEmitter<AXDrawerLocation>();\r\n\r\n  private _location: AXDrawerLocation;\r\n  @Input()\r\n  public get location(): AXDrawerLocation {\r\n    return this._location;\r\n  }\r\n  public set location(v: AXDrawerLocation) {\r\n    this._setOption({\r\n      name: 'location',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  @Output()\r\n  public modeChange: EventEmitter<AXDrawerMode> = new EventEmitter<AXDrawerMode>();\r\n\r\n  private _mode: AXDrawerMode = 'overlay';\r\n  @Input()\r\n  public get mode(): AXDrawerMode {\r\n    return this._mode;\r\n  }\r\n  public set mode(v: AXDrawerMode) {\r\n    this._setOption({\r\n      name: 'mode',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  @Output()\r\n  public collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n  private _collapsed: boolean = true;\r\n  @Input()\r\n  public get collapsed(): boolean {\r\n    return this._collapsed;\r\n  }\r\n  public set collapsed(v: boolean) {\r\n    this._setOption({\r\n      name: 'collapsed',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  onViewInit(): void {\r\n    // setTimeout(() => {\r\n    //     this._loaded = true;\r\n    //     this._checkProps();\r\n    // }, 1000);\r\n    this._detectBoundingSize();\r\n  }\r\n\r\n  _onOptionChanged(option: AXComponentOptionChanged): void {\r\n    this._checkProps();\r\n  }\r\n\r\n  ngDoCheck() {\r\n    this._detectBoundingSize();\r\n  }\r\n\r\n  private _detectBoundingSize() {\r\n    this._zone.runOutsideAngular(() => {\r\n      const host = this._getHostElement();\r\n      if (host.clientWidth)\r\n        host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);\r\n    });\r\n  }\r\n\r\n  private _checkProps() {\r\n    this._detectBoundingSize();\r\n    this._removeBackdrop();\r\n    if (this.mode == 'overlay') {\r\n      if (!this.collapsed) {\r\n        this._addBackdrop();\r\n      }\r\n    }\r\n  }\r\n\r\n  toggle() {\r\n    this.collapsed = !this.collapsed;\r\n  }\r\n\r\n  close() {\r\n    this.collapsed = true;\r\n  }\r\n\r\n  open() {\r\n    this.collapsed = false;\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    //return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'} ${!this._loaded ? 'ax-preload' : ''}`;\r\n    return `ax-drawer-${this.mode} ax-drawer-${this.location} ${\r\n      this.collapsed ? 'ax-collapsed' : 'ax-expanded'\r\n    }`;\r\n  }\r\n\r\n  private _backdropElement: HTMLElement | any;\r\n  // private _loaded: boolean = false;\r\n\r\n  private _addBackdrop() {\r\n    this._zone.runOutsideAngular(() => {\r\n      this._backdropElement = document.createElement('div');\r\n      this._backdropElement.classList.add('ax-backdrop');\r\n      this._backdropElement.onclick = () => {\r\n        this._zone.run(() => {\r\n          this.close();\r\n        });\r\n      };\r\n      this._getHostElement().parentElement?.appendChild(this._backdropElement);\r\n    });\r\n  }\r\n  private _removeBackdrop() {\r\n    this._zone.runOutsideAngular(() => {\r\n      if (this._backdropElement) {\r\n        this._getHostElement().parentElement?.removeChild(\r\n          this._backdropElement\r\n        );\r\n        this._backdropElement = null;\r\n      }\r\n    });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDrawerComponent } from './drawer.component';\r\nimport { AXDrawerContainerComponent } from './drawer-container.component';\r\n\r\nconst COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];\r\nconst MODULES = [CommonModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXDrawerModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}