@acorex/components 7.1.0 → 7.1.1

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

@@ -1 +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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"}
+{"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":";;;;;;;;;;;;;;;;;;;;AAWA,MAOa,iBAAkB,SAAQ,oBAAoB,CAAA;IACzD,WAAY,CAAA,UAAsB,EAAE,GAAsB,EAAA;AACxD,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;KACxB;AAED,IAAA,OAAO,CAAwB;AAC/B,IAAA,KAAK,CAAS;AACd,IAAA,KAAK,CAAa;IAElB,MAAM,GAAA;AACJ,QAAA,QAAQ,IAAI,CAAC,OAAO,CAAC,IAAI;AACvB,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,KAAK,GAAG,sBAAsB,CAAC;gBACpC,MAAM;AACR,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,KAAK,GAAG,uBAAuB,CAAC;gBACrC,MAAM;AACR,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,KAAK,GAAG,yBAAyB,CAAC;gBACvC,MAAM;AACR,YAAA;AACE,gBAAA,IAAI,CAAC,KAAK,GAAG,sBAAsB,CAAC;gBACpC,MAAM;AACT,SAAA;KACF;AAED,IAAA,kBAAkB,CAAC,MAAoB,EAAA;QACrC,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,OAAO,EAAE,CAAC;AAClB,SAAA;KACF;AAED,IAAA,aAAa,CAAC,MAAoB,EAAA;AAChC,QAAA,MAAM,MAAM,GACV,MAAM,CAAC,SAAS;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC;AAChC,aAAC,CAAC,MAAM,CAAC,IAAI,IAAI,QAAQ,IAAI,MAAM,CAAC,IAAI,IAAI,QAAQ;AAClD,gBAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACpD,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;AACzB,SAAA;AACD,QAAA,OAAO,MAAM,CAAC;KACf;uGA1CU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,wEClB9B,wwCAsBM,EAAA,MAAA,EAAA,CAAA,ujHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,qBAAA,EAAA,yBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDJO,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,mBAGJ,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,wwCAAA,EAAA,MAAA,EAAA,CAAA,ujHAAA,CAAA,EAAA,CAAA;;;AENvC,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,CAAC;AACtC,MAAM,OAAO,GAAG,CAAC,YAAY,EAAC,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,CAAC,CAAC;AAE3H,MAMa,cAAc,CAAA;uGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBATR,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACnB,YAAY,EAAC,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,aADtG,iBAAiB,CAAA,EAAA,CAAA,CAAA;AASvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJV,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIX,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AAChB,iBAAA,CAAA;;;ACVD;;;;AAIG;AACH,MACa,eAAe,CAAA;AAIN,IAAA,cAAA,CAAA;AAAiC,IAAA,cAAA,CAAA;AAAkC,IAAA,GAAA,CAAA;AAHvF;;AAEG;AACH,IAAA,WAAA,CAAoB,cAAuB,EAAU,cAAwB,EAAU,GAA0B,EAAA;QAA7F,IAAc,CAAA,cAAA,GAAd,cAAc,CAAS;QAAU,IAAc,CAAA,cAAA,GAAd,cAAc,CAAU;QAAU,IAAG,CAAA,GAAA,GAAH,GAAG,CAAuB;KAAI;AAErH;;AAEG;AACH,IAAA,KAAK,CAAC,KAAa,EAAE,OAAe,EAAE,OAAyB,SAAS,EAAA;AACtE,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;gBACtB,KAAK;AACL,gBAAA,IAAI,EAAE,IAAI;gBACV,OAAO;AACP,gBAAA,OAAO,EAAE;AACP,oBAAA;AACE,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC;AACrC,wBAAA,KAAK,EAAE,IAAI;wBACX,OAAO,EAAE,MAAK;4BACZ,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,4BAAA,IAAI,OAAO,EAAE;AACX,gCAAA,OAAO,EAAE,CAAC;AACX,6BAAA;yBACF;AACF,qBAAA;AACF,iBAAA;AACF,aAAA,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;AACH,IAAA,OAAO,CAAC,KAAa,EAAE,OAAe,EAAE,OAAyB,SAAS,EAAA;AACxE,QAAA,OAAO,IAAI,OAAO,CAAsB,OAAO,IAAG;AAChD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;gBACtB,KAAK;gBACL,OAAO;gBACP,IAAI;AACJ,gBAAA,OAAO,EAAE;AACP,oBAAA;AACE,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC;AACrC,wBAAA,KAAK,EAAE,IAAI;wBACX,OAAO,EAAE,MAAK;4BACZ,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,4BAAA,IAAI,OAAO,EAAE;AACX,gCAAA,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AAC3B,6BAAA;yBACF;AACD,wBAAA,IAAI,EAAE,QAAQ;AACf,qBAAA;AACD,oBAAA;AACE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,eAAe,CAAC;AACvC,wBAAA,KAAK,EAAE,CAAO,KAAA,CAAA;wBACd,OAAO,EAAE,MAAK;4BACZ,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,4BAAA,IAAI,OAAO,EAAE;AACX,gCAAA,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5B,6BAAA;yBACF;AACD,wBAAA,MAAM,EAAE;4BACN,MAAM,EAAE,MAAK;gCACX,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,gCAAA,IAAI,OAAO,EAAE;AACX,oCAAA,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5B,iCAAA;6BACF;AACF,yBAAA;AACD,wBAAA,IAAI,EAAE,QAAQ;AACf,qBAAA;AACF,iBAAA;AACF,aAAA,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;AACH,IAAA,IAAI,CAAC,OAAwB,EAAA;AAC3B,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACjC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,YAAY,CAAC;AAC1D,YAAA,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAG;AAC3B,gBAAA,MAAM,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC;AAC/B,gBAAA,CAAC,CAAC,OAAO,GAAG,MAAK;oBACf,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,oBAAA,IAAI,YAAY,EAAE;AAChB,wBAAA,YAAY,EAAE,CAAC;AAChB,qBAAA;AACD,oBAAA,IAAI,OAAO,EAAE;wBACX,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAK,EAAE,CAAC,CAAC;AAC5B,qBAAA;AACH,iBAAC,CAAC;AACJ,aAAC,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;AAEO,IAAA,IAAI,CAAC,OAAwB,EAAA;AACnC,QAAA,IAAI,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,gBAAgB,EAAE,CAAC;AAEvG,QAAA,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAA4B,CAAC;AAChE,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;YAC5C,gBAAgB;AAChB,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;AAChC,YAAA,UAAU,EAAE,CAAC,qBAAqB,EAAE,mBAAmB,CAAC;AACzD,SAAA,CAAC,CAAC;AACH,QAAA,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACvF,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7C,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC3B,gBAAA,OAAO,EAAE,OAAO;gBAChB,KAAK,EAAE,MAAK;oBACV,UAAU,CAAC,OAAO,EAAE,CAAC;oBACrB,IAAI,iBAAiB,EAAE,KAAK,EAAE;wBAC5B,iBAAiB,CAAC,KAAK,EAAE,CAAC;AAC3B,qBAAA;iBACF;AACF,aAAA,CAAC,CAAC;YACH,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;aACxC,EAAE,CAAC,CAAC,CAAC;AACP,SAAA;QAED,OAAO;YACL,KAAK,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;aACvB;SACF,CAAC;KACH;uGArIU,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,cADF,MAAM,EAAA,CAAA,CAAA;;2FACnB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;;ACblC;;AAEG;;;;"}

package/fesm2022/acorex-components-drawer.mjs

@@ -4,200 +4,200 @@ import { Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Ou
 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 });
+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',
+  `, 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,
-                }]
+  `,
+                    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 },
+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,
+  `, 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']
+  `, 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: [],
-                }]
+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.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule };

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

@@ -1 +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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"}
+{"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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"}