@acorex/components 7.4.7 → 7.5.0

package/fesm2022/acorex-components-decorators.mjs

@@ -99,16 +99,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
 class AXDecoratorGenericComponent extends MXBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorGenericComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title", providers: [
-            { provide: 'ax-footer', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-header', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-content', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-divider', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-form-hint', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-prefix', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-suffix', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-text', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-title', useValue: AXDecoratorGenericComponent },
-            { provide: 'ax-sub-title', useValue: AXDecoratorGenericComponent },
+            { provide: 'ax-footer', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-header', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-content', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-divider', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-form-hint', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-prefix', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-suffix', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-text', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-title', useExisting: AXDecoratorGenericComponent },
+            { provide: 'ax-sub-title', useExisting: AXDecoratorGenericComponent },
         ], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorGenericComponent, decorators: [{
@@ -119,16 +119,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     providers: [
-                        { provide: 'ax-footer', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-header', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-content', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-divider', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-form-hint', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-prefix', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-suffix', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-text', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-title', useValue: AXDecoratorGenericComponent },
-                        { provide: 'ax-sub-title', useValue: AXDecoratorGenericComponent },
+                        { provide: 'ax-footer', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-header', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-content', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-divider', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-form-hint', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-prefix', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-suffix', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-text', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-title', useExisting: AXDecoratorGenericComponent },
+                        { provide: 'ax-sub-title', useExisting: AXDecoratorGenericComponent },
                     ],
                 }]
         }] });
@@ -138,7 +138,7 @@ class AXDecoratorIconComponent extends MXBaseComponent {
         return `${this.icon}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" } }, providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content select="i,span,svg,img"></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" } }, providers: [{ provide: 'ax-icon', useExisting: AXDecoratorIconComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content select="i,span,svg,img"></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
             type: Component,
@@ -147,7 +147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                     template: '<ng-content select="i,span,svg,img"></ng-content>',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }],
+                    providers: [{ provide: 'ax-icon', useExisting: AXDecoratorIconComponent }],
                 }]
         }], propDecorators: { icon: [{
                 type: Input

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-decorators.mjs","sources":["../../../../libs/components/decorators/src/lib/components/clear-button.component.ts","../../../../libs/components/decorators/src/lib/components/close-button.component.ts","../../../../libs/components/decorators/src/lib/components/generic-content.component.ts","../../../../libs/components/decorators/src/lib/components/icon.component.ts","../../../../libs/components/decorators/src/lib/decorators.module.ts","../../../../libs/components/decorators/src/acorex-components-decorators.ts"],"sourcesContent":["import { AXClearableComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-clear-button',\n  template: `<button type=\"button\" tabIndex=\"-1\" role=\"button\" aria-label=\"Clear\" title=\"Clear\">\n    <i [ngClass]=\"icon\"></i>\n  </button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorClearButtonComponent extends MXBaseComponent {\n  constructor(\n    @Optional()\n    @Inject(AXClearableComponent)\n    private _parent?: AXClearableComponent,\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-cancel-fill';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostBinding('class')\n  private get hostClass(): string {\n    const hidden =\n      this._parent.disabled ||\n      this._parent.readonly ||\n      this._parent.value == null ||\n      this._parent.value == '';\n    return `ax-icon ax-general-button ax-button-icon ${hidden ? 'ax-hidden' : ''}`;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    if (!this._parent.disabled && !this._parent.readonly) this._parent?.clear(true);\n  }\n}\n","import { AXClosbaleComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-close-button',\n  template: `<button type=\"button\" role=\"button\" aria-label=\"Close\" title=\"Close\"><i [ngClass]=\"icon\"></i></button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class AXDecoratorCloseButtonComponent extends MXBaseComponent {\n\n  constructor(\n\n    @Optional()\n    @Inject(AXClosbaleComponent)\n    private _parent?: AXClosbaleComponent\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-close';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    this._parent?.close();\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector:\n    'ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: 'ax-footer', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-header', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-content', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-divider', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-form-hint', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-prefix', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-suffix', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-text', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-title', useValue: AXDecoratorGenericComponent },\n    { provide: 'ax-sub-title', useValue: AXDecoratorGenericComponent },\n  ],\n})\nexport class AXDecoratorGenericComponent extends MXBaseComponent {}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Input,\n  HostBinding,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-icon',\n  template: '<ng-content select=\"i,span,svg,img\"></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }],\n})\nexport class AXDecoratorIconComponent extends MXBaseComponent {\n\n  @Input()\n  icon: string;\n\n  @HostBinding('class')\n  private get __iconClass(): string {\n    return `${this.icon}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDecoratorClearButtonComponent } from './components/clear-button.component';\nimport { AXDecoratorCloseButtonComponent } from './components/close-button.component';\nimport { AXDecoratorGenericComponent } from './components/generic-content.component';\nimport { AXDecoratorIconComponent } from './components/icon.component';\n\nconst COMPONENT = [\n  AXDecoratorIconComponent,\n  AXDecoratorClearButtonComponent,\n  AXDecoratorCloseButtonComponent,\n  AXDecoratorGenericComponent,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDecoratorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-decorators.mjs","sources":["../../../../libs/components/decorators/src/lib/components/clear-button.component.ts","../../../../libs/components/decorators/src/lib/components/close-button.component.ts","../../../../libs/components/decorators/src/lib/components/generic-content.component.ts","../../../../libs/components/decorators/src/lib/components/icon.component.ts","../../../../libs/components/decorators/src/lib/decorators.module.ts","../../../../libs/components/decorators/src/acorex-components-decorators.ts"],"sourcesContent":["import { AXClearableComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-clear-button',\n  template: `<button type=\"button\" tabIndex=\"-1\" role=\"button\" aria-label=\"Clear\" title=\"Clear\">\n    <i [ngClass]=\"icon\"></i>\n  </button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorClearButtonComponent extends MXBaseComponent {\n  constructor(\n    @Optional()\n    @Inject(AXClearableComponent)\n    private _parent?: AXClearableComponent,\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-cancel-fill';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostBinding('class')\n  private get hostClass(): string {\n    const hidden =\n      this._parent.disabled ||\n      this._parent.readonly ||\n      this._parent.value == null ||\n      this._parent.value == '';\n    return `ax-icon ax-general-button ax-button-icon ${hidden ? 'ax-hidden' : ''}`;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    if (!this._parent.disabled && !this._parent.readonly) this._parent?.clear(true);\n  }\n}\n","import { AXClosbaleComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-close-button',\n  template: `<button type=\"button\" role=\"button\" aria-label=\"Close\" title=\"Close\"><i [ngClass]=\"icon\"></i></button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class AXDecoratorCloseButtonComponent extends MXBaseComponent {\n\n  constructor(\n\n    @Optional()\n    @Inject(AXClosbaleComponent)\n    private _parent?: AXClosbaleComponent\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-close';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    this._parent?.close();\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector:\n    'ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: 'ax-footer', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-header', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-content', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-divider', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-form-hint', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-prefix', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-suffix', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-text', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-title', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-sub-title', useExisting: AXDecoratorGenericComponent },\n  ],\n})\nexport class AXDecoratorGenericComponent extends MXBaseComponent { }\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Input,\n  HostBinding,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-icon',\n  template: '<ng-content select=\"i,span,svg,img\"></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: 'ax-icon', useExisting: AXDecoratorIconComponent }],\n})\nexport class AXDecoratorIconComponent extends MXBaseComponent {\n\n  @Input()\n  icon: string;\n\n  @HostBinding('class')\n  private get __iconClass(): string {\n    return `${this.icon}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDecoratorClearButtonComponent } from './components/clear-button.component';\nimport { AXDecoratorCloseButtonComponent } from './components/close-button.component';\nimport { AXDecoratorGenericComponent } from './components/generic-content.component';\nimport { AXDecoratorIconComponent } from './components/icon.component';\n\nconst COMPONENT = [\n  AXDecoratorIconComponent,\n  AXDecoratorClearButtonComponent,\n  AXDecoratorCloseButtonComponent,\n  AXDecoratorGenericComponent,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDecoratorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-dialog.mjs

@@ -28,20 +28,6 @@ class AXDialogComponent extends MXBaseComponent {
     }
     ngOnInit() {
         super.ngOnInit();
-        switch (this.data.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) {
@@ -61,7 +47,7 @@ class AXDialogComponent extends MXBaseComponent {
                 provide: AXClosbaleComponent,
                 useExisting: AXDialogComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-dialog ax-{{data.type}}-default ax-orientation-{{data.orientation}}\" cdkDrag cdkDragHandle tabindex=\"-1\">\n    <div class=\"ax-dialog-content-wrapper\">\n        <div class=\"ax-dialog-icon-side\">\n            <i class=\"ax-dialog-icon {{_icon}}\"></i>\n        </div>\n        <div class=\"ax-dialog-content-side\">\n            <div class=\"ax-dialog-title\">{{data.title}}</div>\n            <div class=\"ax-dialog-content\">{{data.content}}</div>\n        </div>\n        <div class=\"ax-dialog-dismiss-icon\">\n            <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n        </div>\n    </div>\n    <ax-footer>\n        <ng-container *ngFor=\"let button of data.buttons;let i=index\">\n            <ax-button [text]=\"button.text\" [tabindex]=\"i\" [hotkey]=\"button.hotkey\"\n                [axAutoFocus]=\"_hasAutoFocus(button)\" (onClick)=\"_handleButtonClick(button)\" [look]=\"button.look\"\n                [disabled]=\"button.disabled\" [color]=\"button.color\">\n                <ax-loading *ngIf=\"button.loading\"></ax-loading>\n            </ax-button>\n        </ng-container>\n    </ax-footer>\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-default-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{flex:1;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{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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "focus-time"] }, { kind: "directive", type: i3.AXHotkeyDirective, selector: "[hotkey]", inputs: ["hotkey"] }, { kind: "directive", type: i4.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: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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", "disabledChange"] }, { kind: "component", type: i6.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }, { kind: "component", type: i7.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-dialog ax-{{ data.type }}-default ax-orientation-{{ data.orientation }}\"\n  cdkDrag\n  cdkDragHandle\n  tabindex=\"-1\"\n>\n  <div class=\"ax-dialog-content-wrapper\">\n    <div class=\"ax-dialog-icon-side\" *ngIf=\"data.icon !== 'none'\">\n      <i class=\"ax-dialog-icon {{ data.icon }}\"></i>\n    </div>\n    <div class=\"ax-dialog-content-side\">\n      <div class=\"ax-dialog-title\">{{ data.title }}</div>\n      <div class=\"ax-dialog-content\">{{ data.content }}</div>\n    </div>\n    <div class=\"ax-dialog-dismiss-icon\">\n      <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n    </div>\n  </div>\n  <ax-footer>\n    <ng-container *ngFor=\"let button of data.buttons; let i = index\">\n      <ax-button\n        [text]=\"button.text\"\n        [tabindex]=\"i\"\n        [hotkey]=\"button.hotkey\"\n        [axAutoFocus]=\"_hasAutoFocus(button)\"\n        (onClick)=\"_handleButtonClick(button)\"\n        [look]=\"button.look\"\n        [disabled]=\"button.disabled\"\n        [color]=\"button.color\"\n      >\n        <ax-loading *ngIf=\"button.loading\"></ax-loading>\n      </ax-button>\n    </ng-container>\n  </ax-footer>\n</div>\n", 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-text-default));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{flex:1;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{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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "focus-time"] }, { kind: "directive", type: i3.AXHotkeyDirective, selector: "[hotkey]", inputs: ["hotkey"] }, { kind: "directive", type: i4.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: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { 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", "disabledChange"] }, { kind: "component", type: i6.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }, { kind: "component", type: i7.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDialogComponent, decorators: [{
             type: Component,
@@ -70,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                             provide: AXClosbaleComponent,
                             useExisting: AXDialogComponent,
                         },
-                    ], template: "<div class=\"ax-dialog ax-{{data.type}}-default ax-orientation-{{data.orientation}}\" cdkDrag cdkDragHandle tabindex=\"-1\">\n    <div class=\"ax-dialog-content-wrapper\">\n        <div class=\"ax-dialog-icon-side\">\n            <i class=\"ax-dialog-icon {{_icon}}\"></i>\n        </div>\n        <div class=\"ax-dialog-content-side\">\n            <div class=\"ax-dialog-title\">{{data.title}}</div>\n            <div class=\"ax-dialog-content\">{{data.content}}</div>\n        </div>\n        <div class=\"ax-dialog-dismiss-icon\">\n            <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n        </div>\n    </div>\n    <ax-footer>\n        <ng-container *ngFor=\"let button of data.buttons;let i=index\">\n            <ax-button [text]=\"button.text\" [tabindex]=\"i\" [hotkey]=\"button.hotkey\"\n                [axAutoFocus]=\"_hasAutoFocus(button)\" (onClick)=\"_handleButtonClick(button)\" [look]=\"button.look\"\n                [disabled]=\"button.disabled\" [color]=\"button.color\">\n                <ax-loading *ngIf=\"button.loading\"></ax-loading>\n            </ax-button>\n        </ng-container>\n    </ax-footer>\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-default-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{flex:1;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{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"] }]
+                    ], template: "<div\n  class=\"ax-dialog ax-{{ data.type }}-default ax-orientation-{{ data.orientation }}\"\n  cdkDrag\n  cdkDragHandle\n  tabindex=\"-1\"\n>\n  <div class=\"ax-dialog-content-wrapper\">\n    <div class=\"ax-dialog-icon-side\" *ngIf=\"data.icon !== 'none'\">\n      <i class=\"ax-dialog-icon {{ data.icon }}\"></i>\n    </div>\n    <div class=\"ax-dialog-content-side\">\n      <div class=\"ax-dialog-title\">{{ data.title }}</div>\n      <div class=\"ax-dialog-content\">{{ data.content }}</div>\n    </div>\n    <div class=\"ax-dialog-dismiss-icon\">\n      <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n    </div>\n  </div>\n  <ax-footer>\n    <ng-container *ngFor=\"let button of data.buttons; let i = index\">\n      <ax-button\n        [text]=\"button.text\"\n        [tabindex]=\"i\"\n        [hotkey]=\"button.hotkey\"\n        [axAutoFocus]=\"_hasAutoFocus(button)\"\n        (onClick)=\"_handleButtonClick(button)\"\n        [look]=\"button.look\"\n        [disabled]=\"button.disabled\"\n        [color]=\"button.color\"\n      >\n        <ax-loading *ngIf=\"button.loading\"></ax-loading>\n      </ax-button>\n    </ng-container>\n  </ax-footer>\n</div>\n", 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-text-default));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{flex:1;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{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: undefined, decorators: [{
                     type: Inject,
                     args: [DIALOG_DATA]
@@ -85,15 +71,35 @@ class AXDialogService {
     constructor() {
         this.dialog = inject(Dialog);
     }
+    detectIcon(type) {
+        let icon;
+        switch (type) {
+            case 'success':
+                icon = 'ax-icon ax-icon-done';
+                break;
+            case 'danger':
+                icon = 'ax-icon ax-icon-error';
+                break;
+            case 'warning':
+                icon = 'ax-icon ax-icon-warning';
+                break;
+            default:
+                icon = 'ax-icon ax-icon-info';
+                break;
+        }
+        return icon;
+    }
     /**
      *  Show an alert box with 'Okay' button.
      */
-    alert(title, content, type = 'primary') {
+    alert(title, content, type = 'primary', orientation = 'horizontal') {
         return new Promise((resolve) => {
             const popup = this.open({
                 title,
                 type: type,
                 content,
+                icon: this.detectIcon(type),
+                orientation,
                 buttons: [
                     {
                         name: 'confirm',
@@ -114,12 +120,14 @@ class AXDialogService {
     /**
      *  Show a confirm box with 'Okay' & 'Cancel' buttons.
      */
-    confirm(title, content, type = 'primary') {
+    confirm(title, content, type = 'primary', orientation = 'horizontal') {
         return new Promise((resolve) => {
             const popup = this.open({
                 title,
                 content,
                 type,
+                icon: this.detectIcon(type),
+                orientation,
                 buttons: [
                     {
                         name: 'confirm',
@@ -136,7 +144,7 @@ class AXDialogService {
                     {
                         name: 'cancel',
                         text: AXTranslator.get('common.cancel'),
-                        color: `default`,
+                        color: `ghost`,
                         onClick: () => {
                             popup.close();
                             if (resolve) {
@@ -163,35 +171,36 @@ class AXDialogService {
         return new Promise((resolve) => {
             const popup = this.open(options);
             options.orientation = options.orientation || 'horizontal';
-            options.buttons?.forEach((b) => {
-                const orginalClick = b.onClick;
-                b.onClick = () => {
-                    const e = { source: b, handled: false };
-                    if (orginalClick) {
-                        orginalClick(e);
-                        if (e.handled) {
+            (options.icon = options.icon ?? this.detectIcon(options.type)),
+                options.buttons?.forEach((b) => {
+                    const orginalClick = b.onClick;
+                    b.onClick = () => {
+                        const e = { source: b, handled: false };
+                        if (orginalClick) {
+                            orginalClick(e);
+                            if (e.handled) {
+                                resolve({ name: b.name ?? b.text });
+                            }
+                            else {
+                                popup.close();
+                                resolve({ name: b.name ?? b.text });
+                            }
+                        }
+                        else if (resolve) {
+                            popup.close();
                             resolve({ name: b.name ?? b.text });
                         }
                         else {
                             popup.close();
-                            resolve({ name: b.name ?? b.text });
                         }
-                    }
-                    else if (resolve) {
-                        popup.close();
-                        resolve({ name: b.name ?? b.text });
-                    }
-                    else {
-                        popup.close();
-                    }
-                };
-            });
+                    };
+                });
         });
     }
     open(config) {
         const dialogRef = this.dialog.open(AXDialogComponent, {
             data: config,
-            role: "alertdialog",
+            role: 'alertdialog',
             ariaModal: true,
             restoreFocus: true,
             closeOnNavigation: true,

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-dialog.mjs","sources":["../../../../libs/components/dialog/src/lib/dialog.component.ts","../../../../libs/components/dialog/src/lib/dialog.component.html","../../../../libs/components/dialog/src/lib/dialog.service.ts","../../../../libs/components/dialog/src/lib/dialog.module.ts","../../../../libs/components/dialog/src/acorex-components-dialog.ts"],"sourcesContent":["import { AXClosbaleComponent, AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation } from '@angular/core';\nimport { AXDialogButtonItem, AXDialogData } from './dialog.class';\n\n@Component({\n  selector: 'ax-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { tabindex: '-1' },\n  providers: [\n    {\n      provide: AXClosbaleComponent,\n      useExisting: AXDialogComponent,\n    },\n  ],\n})\nexport class AXDialogComponent extends MXBaseComponent {\n  protected _icon: string;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Inject(DIALOG_DATA)\n    protected data: AXDialogData,\n    private dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    super();\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n    switch (this.data.type) {\n      case 'success':\n        this._icon = 'ax-icon ax-icon-done';\n        break;\n      case 'danger':\n        this._icon = 'ax-icon ax-icon-error';\n        break;\n      case 'warning':\n        this._icon = 'ax-icon ax-icon-warning';\n        break;\n      default:\n        this._icon = 'ax-icon ax-icon-done';\n        break;\n    }\n  }\n\n  protected _handleButtonClick(button: AXDialogButtonItem) {\n    if (button.onClick) {\n      button.onClick({ source: button });\n    }\n  }\n\n  protected _hasAutoFocus(button: AXDialogButtonItem) {\n    const result =\n      button.autofocus || this.data.buttons.length == 1 || !this.data.buttons.some((c) => c.autofocus);\n    return result;\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n}\n","<div class=\"ax-dialog ax-{{data.type}}-default ax-orientation-{{data.orientation}}\" cdkDrag cdkDragHandle tabindex=\"-1\">\n    <div class=\"ax-dialog-content-wrapper\">\n        <div class=\"ax-dialog-icon-side\">\n            <i class=\"ax-dialog-icon {{_icon}}\"></i>\n        </div>\n        <div class=\"ax-dialog-content-side\">\n            <div class=\"ax-dialog-title\">{{data.title}}</div>\n            <div class=\"ax-dialog-content\">{{data.content}}</div>\n        </div>\n        <div class=\"ax-dialog-dismiss-icon\">\n            <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n        </div>\n    </div>\n    <ax-footer>\n        <ng-container *ngFor=\"let button of data.buttons;let i=index\">\n            <ax-button [text]=\"button.text\" [tabindex]=\"i\" [hotkey]=\"button.hotkey\"\n                [axAutoFocus]=\"_hasAutoFocus(button)\" (onClick)=\"_handleButtonClick(button)\" [look]=\"button.look\"\n                [disabled]=\"button.disabled\" [color]=\"button.color\">\n                <ax-loading *ngIf=\"button.loading\"></ax-loading>\n            </ax-button>\n        </ng-container>\n    </ax-footer>\n</div>","import { AXStyleColorType } from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { Injectable, inject } from '@angular/core';\nimport { AXDialogConfig, AXDialogRef } from './dialog.class';\nimport { AXDialogComponent } from './dialog.component';\nimport { Dialog } from '@angular/cdk/dialog';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Injectable()\nexport class AXDialogService {\n\n  private dialog: Dialog = inject(Dialog);\n\n\n  /**\n   *  Show an alert box with 'Okay' button.\n   */\n  alert(title: string, content: string, type: AXStyleColorType = 'primary'): Promise<void> {\n    return new Promise((resolve) => {\n      const popup = this.open({\n        title,\n        type: type,\n        content,\n        buttons: [\n          {\n            name: 'confirm',\n            text: AXTranslator.get('common.okay'),\n            color: type,\n            autofocus: true,\n            onClick: () => {\n              popup.close();\n              if (resolve) {\n                resolve();\n              }\n            },\n          },\n        ],\n      });\n    });\n  }\n\n  /**\n   *  Show a confirm box with 'Okay' & 'Cancel' buttons.\n   */\n  confirm(title: string, content: string, type: AXStyleColorType = 'primary'): Promise<{ result: boolean }> {\n    return new Promise<{ result: boolean }>((resolve) => {\n      const popup = this.open({\n        title,\n        content,\n        type,\n        buttons: [\n          {\n            name: 'confirm',\n            text: AXTranslator.get('common.okay'),\n            color: type,\n            autofocus: true,\n            onClick: () => {\n              popup.close();\n              if (resolve) {\n                resolve({ result: true });\n              }\n            },\n          },\n          {\n            name: 'cancel',\n            text: AXTranslator.get('common.cancel'),\n            color: `default`,\n            onClick: () => {\n              popup.close();\n              if (resolve) {\n                resolve({ result: false });\n              }\n            },\n            hotkey: {\n              Escape: () => {\n                popup.close();\n                if (resolve) {\n                  resolve({ result: false });\n                }\n              },\n            },\n          },\n        ],\n      });\n    });\n  }\n\n  /**\n   *  Show a custom dialog box.\n   */\n  show(options: AXDialogConfig): Promise<{ name: string }> {\n    return new Promise((resolve) => {\n      const popup = this.open(options);\n      options.orientation = options.orientation || 'horizontal';\n      options.buttons?.forEach((b) => {\n        const orginalClick = b.onClick;\n        b.onClick = () => {\n          const e = { source: b, handled: false };\n          if (orginalClick) {\n            orginalClick(e);\n            if (e.handled) {\n              resolve({ name: b.name ?? b.text });\n            }\n            else {\n              popup.close();\n              resolve({ name: b.name ?? b.text });\n            }\n          }\n          else if (resolve) {\n            popup.close();\n            resolve({ name: b.name ?? b.text });\n          }\n          else {\n            popup.close();\n          }\n        };\n      });\n    });\n  }\n\n  open(config: AXDialogConfig): AXDialogRef {\n    const dialogRef = this.dialog.open(AXDialogComponent, {\n      data: config,\n      role: \"alertdialog\",\n      ariaModal: true,\n      restoreFocus: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: true,\n      disableClose: true,\n      panelClass: ['ax-animate-bounceIn', 'ax-animate-faster'],\n    });\n    return {\n      close: () => {\n        dialogRef.componentInstance?.close();\n      },\n    };\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDialogComponent } from './dialog.component';\nimport { AXDialogService } from './dialog.service';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { AXLoadingModule } from '@acorex/components/loading';\n\nconst COMPONENT = [AXDialogComponent];\nconst MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule];\n\n@NgModule({\n    declarations: [...COMPONENT],\n    imports: [...MODULES],\n    exports: [...COMPONENT],\n    providers: [AXDialogService],\n})\nexport class AXDialogModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-dialog.mjs","sources":["../../../../libs/components/dialog/src/lib/dialog.component.ts","../../../../libs/components/dialog/src/lib/dialog.component.html","../../../../libs/components/dialog/src/lib/dialog.service.ts","../../../../libs/components/dialog/src/lib/dialog.module.ts","../../../../libs/components/dialog/src/acorex-components-dialog.ts"],"sourcesContent":["import { AXClosbaleComponent, AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { ChangeDetectionStrategy, Component, Inject, ViewEncapsulation } from '@angular/core';\nimport { AXDialogButtonItem, AXDialogData } from './dialog.class';\n\n@Component({\n  selector: 'ax-dialog',\n  templateUrl: './dialog.component.html',\n  styleUrls: ['./dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { tabindex: '-1' },\n  providers: [\n    {\n      provide: AXClosbaleComponent,\n      useExisting: AXDialogComponent,\n    },\n  ],\n})\nexport class AXDialogComponent extends MXBaseComponent {\n  protected _icon: string;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Inject(DIALOG_DATA)\n    protected data: AXDialogData,\n    private dialogRef: DialogRef<AXComponentCloseEvent>,\n  ) {\n    super();\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n  }\n\n  protected _handleButtonClick(button: AXDialogButtonItem) {\n    if (button.onClick) {\n      button.onClick({ source: button });\n    }\n  }\n\n  protected _hasAutoFocus(button: AXDialogButtonItem) {\n    const result =\n      button.autofocus || this.data.buttons.length == 1 || !this.data.buttons.some((c) => c.autofocus);\n    return result;\n  }\n\n  close() {\n    this.dialogRef.close();\n  }\n}\n","<div\n  class=\"ax-dialog ax-{{ data.type }}-default ax-orientation-{{ data.orientation }}\"\n  cdkDrag\n  cdkDragHandle\n  tabindex=\"-1\"\n>\n  <div class=\"ax-dialog-content-wrapper\">\n    <div class=\"ax-dialog-icon-side\" *ngIf=\"data.icon !== 'none'\">\n      <i class=\"ax-dialog-icon {{ data.icon }}\"></i>\n    </div>\n    <div class=\"ax-dialog-content-side\">\n      <div class=\"ax-dialog-title\">{{ data.title }}</div>\n      <div class=\"ax-dialog-content\">{{ data.content }}</div>\n    </div>\n    <div class=\"ax-dialog-dismiss-icon\">\n      <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n    </div>\n  </div>\n  <ax-footer>\n    <ng-container *ngFor=\"let button of data.buttons; let i = index\">\n      <ax-button\n        [text]=\"button.text\"\n        [tabindex]=\"i\"\n        [hotkey]=\"button.hotkey\"\n        [axAutoFocus]=\"_hasAutoFocus(button)\"\n        (onClick)=\"_handleButtonClick(button)\"\n        [look]=\"button.look\"\n        [disabled]=\"button.disabled\"\n        [color]=\"button.color\"\n      >\n        <ax-loading *ngIf=\"button.loading\"></ax-loading>\n      </ax-button>\n    </ng-container>\n  </ax-footer>\n</div>\n","import { AXStyleColorType } from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { Injectable, inject } from '@angular/core';\nimport { AXDialogConfig, AXDialogRef } from './dialog.class';\nimport { AXDialogComponent } from './dialog.component';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Injectable()\nexport class AXDialogService {\n  private dialog: Dialog = inject(Dialog);\n\n  private detectIcon(type) {\n    let icon: string;\n    switch (type) {\n      case 'success':\n        icon = 'ax-icon ax-icon-done';\n        break;\n      case 'danger':\n        icon = 'ax-icon ax-icon-error';\n        break;\n      case 'warning':\n        icon = 'ax-icon ax-icon-warning';\n        break;\n      default:\n        icon = 'ax-icon ax-icon-info';\n        break;\n    }\n    return icon;\n  }\n  /**\n   *  Show an alert box with 'Okay' button.\n   */\n  alert(\n    title: string,\n    content: string,\n    type: AXStyleColorType = 'primary',\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n  ): Promise<void> {\n    return new Promise((resolve) => {\n      const popup = this.open({\n        title,\n        type: type,\n        content,\n        icon: this.detectIcon(type),\n        orientation,\n        buttons: [\n          {\n            name: 'confirm',\n            text: AXTranslator.get('common.okay'),\n            color: type,\n            autofocus: true,\n            onClick: () => {\n              popup.close();\n              if (resolve) {\n                resolve();\n              }\n            },\n          },\n        ],\n      });\n    });\n  }\n\n  /**\n   *  Show a confirm box with 'Okay' & 'Cancel' buttons.\n   */\n\n  confirm(\n    title: string,\n    content: string,\n    type: AXStyleColorType = 'primary',\n    orientation: 'horizontal' | 'vertical' = 'horizontal',\n  ): Promise<{ result: boolean }> {\n    return new Promise<{ result: boolean }>((resolve) => {\n      const popup = this.open({\n        title,\n        content,\n        type,\n        icon: this.detectIcon(type),\n        orientation,\n        buttons: [\n          {\n            name: 'confirm',\n            text: AXTranslator.get('common.okay'),\n            color: type,\n            autofocus: true,\n            onClick: () => {\n              popup.close();\n              if (resolve) {\n                resolve({ result: true });\n              }\n            },\n          },\n          {\n            name: 'cancel',\n            text: AXTranslator.get('common.cancel'),\n            color: `ghost`,\n            onClick: () => {\n              popup.close();\n              if (resolve) {\n                resolve({ result: false });\n              }\n            },\n            hotkey: {\n              Escape: () => {\n                popup.close();\n                if (resolve) {\n                  resolve({ result: false });\n                }\n              },\n            },\n          },\n        ],\n      });\n    });\n  }\n\n  /**\n   *  Show a custom dialog box.\n   */\n  show(options: AXDialogConfig): Promise<{ name: string }> {\n    return new Promise((resolve) => {\n      const popup = this.open(options);\n      options.orientation = options.orientation || 'horizontal';\n      (options.icon = options.icon ?? this.detectIcon(options.type)),\n        options.buttons?.forEach((b) => {\n          const orginalClick = b.onClick;\n          b.onClick = () => {\n            const e = { source: b, handled: false };\n            if (orginalClick) {\n              orginalClick(e);\n              if (e.handled) {\n                resolve({ name: b.name ?? b.text });\n              } else {\n                popup.close();\n                resolve({ name: b.name ?? b.text });\n              }\n            } else if (resolve) {\n              popup.close();\n              resolve({ name: b.name ?? b.text });\n            } else {\n              popup.close();\n            }\n          };\n        });\n    });\n  }\n\n  open(config: AXDialogConfig): AXDialogRef {\n    const dialogRef = this.dialog.open(AXDialogComponent, {\n      data: config,\n      role: 'alertdialog',\n      ariaModal: true,\n      restoreFocus: true,\n      closeOnNavigation: true,\n      closeOnDestroy: true,\n      hasBackdrop: true,\n      disableClose: true,\n      panelClass: ['ax-animate-bounceIn', 'ax-animate-faster'],\n    });\n    return {\n      close: () => {\n        dialogRef.componentInstance?.close();\n      },\n    };\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDialogComponent } from './dialog.component';\nimport { AXDialogService } from './dialog.service';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { AXLoadingModule } from '@acorex/components/loading';\n\nconst COMPONENT = [AXDialogComponent];\nconst MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule];\n\n@NgModule({\n    declarations: [...COMPONENT],\n    imports: [...MODULES],\n    exports: [...COMPONENT],\n    providers: [AXDialogService],\n})\nexport class AXDialogModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBM,MAAO,iBAAkB,SAAQ,eAAe,CAAA;AAGpD;;AAEG;IACH,WAEY,CAAA,IAAkB,EACpB,SAA2C,EAAA;AAEnD,QAAA,KAAK,EAAE,CAAC;QAHE,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAc;QACpB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAkC;KAGpD;IAED,QAAQ,GAAA;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;KAClB;AAES,IAAA,kBAAkB,CAAC,MAA0B,EAAA;QACrD,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;AACpC,SAAA;KACF;AAES,IAAA,aAAa,CAAC,MAA0B,EAAA;AAChD,QAAA,MAAM,MAAM,GACV,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;AACnG,QAAA,OAAO,MAAM,CAAC;KACf;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;AAhCU,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,kBAOlB,WAAW,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAPV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAPjB,QAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,mBAAmB;AAC5B,gBAAA,WAAW,EAAE,iBAAiB;AAC/B,aAAA;AACF,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBH,wqCAmCA,EAAA,MAAA,EAAA,CAAA,4gHAAA,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,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,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,oHAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDhBa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAd7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAGJ,eAAA,EAAA,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,QAAQ,EAAE,IAAI,EAAE,EACb,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,mBAAmB;AAC5B,4BAAA,WAAW,EAAmB,iBAAA;AAC/B,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,wqCAAA,EAAA,MAAA,EAAA,CAAA,4gHAAA,CAAA,EAAA,CAAA;;0BASE,MAAM;2BAAC,WAAW,CAAA;;;AEnBvB;;;;AAIG;MAEU,eAAe,CAAA;AAD5B,IAAA,WAAA,GAAA;AAEU,QAAA,IAAA,CAAA,MAAM,GAAW,MAAM,CAAC,MAAM,CAAC,CAAC;AA6JzC,KAAA;AA3JS,IAAA,UAAU,CAAC,IAAI,EAAA;AACrB,QAAA,IAAI,IAAY,CAAC;AACjB,QAAA,QAAQ,IAAI;AACV,YAAA,KAAK,SAAS;gBACZ,IAAI,GAAG,sBAAsB,CAAC;gBAC9B,MAAM;AACR,YAAA,KAAK,QAAQ;gBACX,IAAI,GAAG,uBAAuB,CAAC;gBAC/B,MAAM;AACR,YAAA,KAAK,SAAS;gBACZ,IAAI,GAAG,yBAAyB,CAAC;gBACjC,MAAM;AACR,YAAA;gBACE,IAAI,GAAG,sBAAsB,CAAC;gBAC9B,MAAM;AACT,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACb;AACD;;AAEG;IACH,KAAK,CACH,KAAa,EACb,OAAe,EACf,IAAyB,GAAA,SAAS,EAClC,WAAA,GAAyC,YAAY,EAAA;AAErD,QAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;AAC7B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;gBACtB,KAAK;AACL,gBAAA,IAAI,EAAE,IAAI;gBACV,OAAO;AACP,gBAAA,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;gBAC3B,WAAW;AACX,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;AACX,wBAAA,SAAS,EAAE,IAAI;wBACf,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;IAEH,OAAO,CACL,KAAa,EACb,OAAe,EACf,IAAyB,GAAA,SAAS,EAClC,WAAA,GAAyC,YAAY,EAAA;AAErD,QAAA,OAAO,IAAI,OAAO,CAAsB,CAAC,OAAO,KAAI;AAClD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;gBACtB,KAAK;gBACL,OAAO;gBACP,IAAI;AACJ,gBAAA,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;gBAC3B,WAAW;AACX,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;AACX,wBAAA,SAAS,EAAE,IAAI;wBACf,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;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;AACF,qBAAA;AACF,iBAAA;AACF,aAAA,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;AACH,IAAA,IAAI,CAAC,OAAuB,EAAA;AAC1B,QAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;YAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACjC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,YAAY,CAAC;AAC1D,YAAA,CAAC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC3D,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,KAAI;AAC7B,oBAAA,MAAM,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC;AAC/B,oBAAA,CAAC,CAAC,OAAO,GAAG,MAAK;wBACf,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACxC,wBAAA,IAAI,YAAY,EAAE;4BAChB,YAAY,CAAC,CAAC,CAAC,CAAC;4BAChB,IAAI,CAAC,CAAC,OAAO,EAAE;AACb,gCAAA,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACrC,6BAAA;AAAM,iCAAA;gCACL,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,gCAAA,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACrC,6BAAA;AACF,yBAAA;AAAM,6BAAA,IAAI,OAAO,EAAE;4BAClB,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,4BAAA,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACrC,yBAAA;AAAM,6BAAA;4BACL,KAAK,CAAC,KAAK,EAAE,CAAC;AACf,yBAAA;AACH,qBAAC,CAAC;AACJ,iBAAC,CAAC,CAAC;AACP,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,IAAI,CAAC,MAAsB,EAAA;QACzB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE;AACpD,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,UAAU,EAAE,CAAC,qBAAqB,EAAE,mBAAmB,CAAC;AACzD,SAAA,CAAC,CAAC;QACH,OAAO;YACL,KAAK,EAAE,MAAK;AACV,gBAAA,SAAS,CAAC,iBAAiB,EAAE,KAAK,EAAE,CAAC;aACtC;SACF,CAAC;KACH;8GA7JU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;kHAAf,eAAe,EAAA,CAAA,CAAA,EAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,UAAU;;;ACAX,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,CAAC;AACtC,MAAM,OAAO,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;MAQhI,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,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,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,aADxH,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;AASvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAFZ,SAAA,EAAA,CAAC,eAAe,CAAC,YAFf,OAAO,CAAA,EAAA,CAAA,CAAA,EAAA;;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;oBACvB,SAAS,EAAE,CAAC,eAAe,CAAC;AAC/B,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}

package/fesm2022/acorex-components-dropdown.mjs

@@ -5,10 +5,10 @@ import * as i2 from '@acorex/components/popover';
 import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
 import { AXPlatform } from '@acorex/core/platform';
 import { classes } from 'polytype';
+import { startWith } from 'rxjs';
 import * as i1 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 import { AXButtonItemComponent, AXButtonModule } from '@acorex/components/button';
-import { startWith } from 'rxjs';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { CommonModule } from '@angular/common';
 import { AXDecoratorModule } from '@acorex/components/decorators';
@@ -53,6 +53,7 @@ class AXDropdownBoxComponent extends classes(MXInteractiveComponent, MXAppearanc
         super(...arguments);
         this._platform = inject(AXPlatform);
         this._isMobile = false;
+        this._popoverWidth = '180px';
         this._placement = convertToPlacement('bottom-start');
         this.onOpened = new EventEmitter();
         this.onClosed = new EventEmitter();
@@ -60,8 +61,9 @@ class AXDropdownBoxComponent extends classes(MXInteractiveComponent, MXAppearanc
     ngOnInit() {
         super.ngOnInit();
         this._target = this.getHostElement();
-        this._isMobile = this._platform.is('SM');
-        this._platform.resize.subscribe(() => {
+        this._platform.resize
+            .pipe(startWith())
+            .subscribe(() => {
             this._isMobile = this._platform.is('SM');
             this._popover.close();
         });
@@ -116,11 +118,11 @@ class AXDropdownBoxComponent extends classes(MXInteractiveComponent, MXAppearanc
         return `ax-editor-container ax-appearance-${this.appearance}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDropdownBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDropdownBoxComponent, selector: "ax-dropdown-box", inputs: { disabled: "disabled", appearance: "appearance" }, outputs: { disabledChange: "disabledChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[input]\">\n</ng-content>\n<ax-popover [target]=\"_target\" [placement]=\"_placement\" [openOn]=\"'manual'\" [closeOn]=\"'clickout'\"\n    [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\n        (keydown)=\"_handleKeydown($event)\" [class.ax-overlay-actionsheet]=\"_isMobile\">\n        <ng-content select=\"[panel]\">\n        </ng-content>\n    </div>\n</ax-popover>", dependencies: [{ kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDropdownBoxComponent, selector: "ax-dropdown-box", inputs: { disabled: "disabled", appearance: "appearance" }, outputs: { disabledChange: "disabledChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover [target]=\"_target\" [placement]=\"_placement\" [openOn]=\"'manual'\" [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\"\n  #popover>\n  <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\n    (keydown)=\"_handleKeydown($event)\" [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\">\n    <ng-content select=\"[panel]\"> </ng-content>\n  </div>\n</ax-popover>", dependencies: [{ kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDropdownBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-dropdown-box', inputs: ['disabled', 'appearance'], outputs: ['disabledChange', 'onBlur', 'onFocus', 'onClick'], template: "<ng-content select=\"[input]\">\n</ng-content>\n<ax-popover [target]=\"_target\" [placement]=\"_placement\" [openOn]=\"'manual'\" [closeOn]=\"'clickout'\"\n    [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\">\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\n        (keydown)=\"_handleKeydown($event)\" [class.ax-overlay-actionsheet]=\"_isMobile\">\n        <ng-content select=\"[panel]\">\n        </ng-content>\n    </div>\n</ax-popover>" }]
+            args: [{ selector: 'ax-dropdown-box', inputs: ['disabled', 'appearance'], outputs: ['disabledChange', 'onBlur', 'onFocus', 'onClick'], template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover [target]=\"_target\" [placement]=\"_placement\" [openOn]=\"'manual'\" [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopupOnOpened($event)\" (onClosed)=\"_handlePopupOnClosed($event)\"\n  #popover>\n  <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\" tabindex=\"0\" aria-modal=\"true\" cdkTrapFocus\n    (keydown)=\"_handleKeydown($event)\" [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\">\n    <ng-content select=\"[panel]\"> </ng-content>\n  </div>\n</ax-popover>" }]
         }], propDecorators: { _popover: [{
                 type: ViewChild,
                 args: [AXPopoverComponent]
@@ -258,11 +260,11 @@ class AXDropdownPanelComponent extends MXInteractiveComponent {
         return ['ax-dropdown-panel'];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDropdownPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", adaptivityEnabled: "adaptivityEnabled" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-popover [target]=\"_target\" [placement]=\"_placement\" [openOn]=\"'toggle'\" [closeOn]=\"'clickout'\"\n  [adaptivityEnabled]=\"adaptivityEnabled\" (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\">\n  <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\">\n    <ng-content select=\"[panel],ax-button-item\"> </ng-content>\n  </div>\n</ax-popover>", styles: [".ax-actionsheet-base .ax-overlay-pane{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}\n"], dependencies: [{ kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", adaptivityEnabled: "adaptivityEnabled" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-popover\n  [target]=\"_target\"\n  [placement]=\"_placement\"\n  [openOn]=\"'toggle'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"adaptivityEnabled\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n>\n  <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\">\n    <ng-content select=\"[panel],ax-button-item\"> </ng-content>\n  </div>\n</ax-popover>\n", styles: [".ax-actionsheet-base .ax-overlay-pane{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}\n"], dependencies: [{ kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDropdownPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-dropdown-panel', inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'], outputs: ['onOpened', 'onClosed'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-popover [target]=\"_target\" [placement]=\"_placement\" [openOn]=\"'toggle'\" [closeOn]=\"'clickout'\"\n  [adaptivityEnabled]=\"adaptivityEnabled\" (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\">\n  <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\">\n    <ng-content select=\"[panel],ax-button-item\"> </ng-content>\n  </div>\n</ax-popover>", styles: [".ax-actionsheet-base .ax-overlay-pane{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}\n"] }]
+            args: [{ selector: 'ax-dropdown-panel', inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'], outputs: ['onOpened', 'onClosed'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-popover\n  [target]=\"_target\"\n  [placement]=\"_placement\"\n  [openOn]=\"'toggle'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"adaptivityEnabled\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n>\n  <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\">\n    <ng-content select=\"[panel],ax-button-item\"> </ng-content>\n  </div>\n</ax-popover>\n", styles: [".ax-actionsheet-base .ax-overlay-pane{width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0}\n"] }]
         }], propDecorators: { _contentButtons: [{
                 type: ContentChildren,
                 args: [AXButtonItemComponent]