npm - @acorex/components - Versions diffs - 21.0.1-next.18 → 21.0.1-next.19 - Mend

@acorex/components 21.0.1-next.18 → 21.0.1-next.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (117) hide show

package/fesm2022/acorex-components-decorators.mjs CHANGED Viewed

@@ -48,8 +48,8 @@ class AXDecoratorClearButtonComponent extends MXBaseComponent {
         if (!this._parent.disabled && !this._parent.readonly)
             this._parent?.reset(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorClearButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AXDecoratorClearButtonComponent, isStandalone: true, selector: "ax-clear-button", inputs: { icon: "icon" }, host: { listeners: { "click": "_handleOnClick($event)" }, properties: { "class": "this.hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorClearButtonComponent }], usesInheritance: true, ngImport: i0, template: `<button
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorClearButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AXDecoratorClearButtonComponent, isStandalone: true, selector: "ax-clear-button", inputs: { icon: "icon" }, host: { listeners: { "click": "_handleOnClick($event)" }, properties: { "class": "this.hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorClearButtonComponent }], usesInheritance: true, ngImport: i0, template: `<button
     type="button"
     tabIndex="-1"
     role="button"
@@ -59,7 +59,7 @@ class AXDecoratorClearButtonComponent extends MXBaseComponent {
     <i class="ax-icon-solid" [ngClass]="icon"></i>
   </button>`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorClearButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorClearButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-clear-button',
@@ -128,8 +128,8 @@ class AXDecoratorCloseButtonComponent extends MXBaseComponent {
             this._parent?.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorCloseButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXDecoratorCloseButtonComponent, isStandalone: true, selector: "ax-close-button", inputs: { closeAll: { classPropertyName: "closeAll", publicName: "closeAll", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleOnClick($event)" } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorCloseButtonComponent }], usesInheritance: true, ngImport: i0, template: `<button
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorCloseButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXDecoratorCloseButtonComponent, isStandalone: true, selector: "ax-close-button", inputs: { closeAll: { classPropertyName: "closeAll", publicName: "closeAll", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleOnClick($event)" } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorCloseButtonComponent }], usesInheritance: true, ngImport: i0, template: `<button
     type="button"
     role="button"
     [attr.aria-label]="
@@ -146,7 +146,7 @@ class AXDecoratorCloseButtonComponent extends MXBaseComponent {
     <i [ngClass]="icon"></i>
   </button>`, isInline: true, styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer components{ax-close-button button{cursor:pointer;background-color:#0000;display:flex}ax-close-button button i{--ax-sys-icon-size:1.5rem}ax-close-button button:hover{opacity:.7}ax-close-button button:focus{opacity:.8;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:#0000}ax-close-button button:active{opacity:1}}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorCloseButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorCloseButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-close-button', template: `<button
     type="button"
@@ -175,10 +175,10 @@ class AXDecoratorColorIndicatorComponent {
     constructor() {
         this.previewColor = input(...(ngDevMode ? [undefined, { debugName: "previewColor" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorColorIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXDecoratorColorIndicatorComponent, isStandalone: true, selector: "ax-color-indicator", inputs: { previewColor: { classPropertyName: "previewColor", publicName: "previewColor", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorColorIndicatorComponent }], ngImport: i0, template: "<div [style]=\"{ backgroundColor: previewColor() }\" class=\"ax-indicator-color\"></div>\n", styles: ["@layer components{ax-color-indicator{margin-inline:calc(var(--spacing,.25rem)*.5);display:block}ax-color-indicator .ax-indicator-color{height:calc(var(--spacing,.25rem)*1);width:100%}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorColorIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXDecoratorColorIndicatorComponent, isStandalone: true, selector: "ax-color-indicator", inputs: { previewColor: { classPropertyName: "previewColor", publicName: "previewColor", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorColorIndicatorComponent }], ngImport: i0, template: "<div [style]=\"{ backgroundColor: previewColor() }\" class=\"ax-indicator-color\"></div>\n", styles: ["@layer components{ax-color-indicator{margin-inline:calc(var(--spacing,.25rem)*.5);display:block}ax-color-indicator .ax-indicator-color{height:calc(var(--spacing,.25rem)*1);width:100%}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorColorIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorColorIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-color-indicator', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXDecoratorColorIndicatorComponent }], template: "<div [style]=\"{ backgroundColor: previewColor() }\" class=\"ax-indicator-color\"></div>\n", styles: ["@layer components{ax-color-indicator{margin-inline:calc(var(--spacing,.25rem)*.5);display:block}ax-color-indicator .ax-indicator-color{height:calc(var(--spacing,.25rem)*1);width:100%}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { previewColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewColor", required: false }] }] } });
@@ -206,8 +206,8 @@ class AXDecoratorFullScreenButtonComponent extends MXBaseComponent {
     }
     #init;
     #eff;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorFullScreenButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXDecoratorFullScreenButtonComponent, isStandalone: true, selector: "ax-fullscreen-button", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { element: "elementChange", isActive: "isActiveChange" }, providers: [{ provide: AXComponent, useExisting: AXDecoratorFullScreenButtonComponent }], usesInheritance: true, ngImport: i0, template: ` <button
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorFullScreenButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXDecoratorFullScreenButtonComponent, isStandalone: true, selector: "ax-fullscreen-button", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { element: "elementChange", isActive: "isActiveChange" }, providers: [{ provide: AXComponent, useExisting: AXDecoratorFullScreenButtonComponent }], usesInheritance: true, ngImport: i0, template: ` <button
     type="button"
     tabIndex="-1"
     role="button"
@@ -217,7 +217,7 @@ class AXDecoratorFullScreenButtonComponent extends MXBaseComponent {
     <i class="ax-icon {{ this.isActive() ? 'ax-icon-close' : 'ax-icon-full-screen' }} "></i>
   </button>`, isInline: true, styles: ["ax-fullscreen-button{min-width:1rem}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorFullScreenButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorFullScreenButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-fullscreen-button', template: ` <button
     type="button"
@@ -235,8 +235,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * @category Components
  */
 class AXDecoratorGenericComponent extends MXBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorGenericComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AXDecoratorGenericComponent, isStandalone: true, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorGenericComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AXDecoratorGenericComponent, isStandalone: true, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay", providers: [
             { provide: 'ax-footer', useExisting: AXDecoratorGenericComponent },
             { provide: 'ax-header', useExisting: AXDecoratorGenericComponent },
             { provide: 'ax-content', useExisting: AXDecoratorGenericComponent },
@@ -252,7 +252,7 @@ class AXDecoratorGenericComponent extends MXBaseComponent {
             { provide: AXComponent, useExisting: AXDecoratorGenericComponent },
         ], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{.ax-decoration-container,ax-header,ax-footer{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}:is(.ax-decoration-container,ax-header,ax-footer)>ax-prefix,:is(.ax-decoration-container,ax-header,ax-footer)>ax-suffix{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex:1;display:flex}:is(.ax-decoration-container,ax-header,ax-footer)>ax-prefix{order:-9999;justify-content:flex-start;align-items:center}:is(.ax-decoration-container,ax-header,ax-footer)>ax-suffix{order:9999;justify-content:flex-end;align-items:center}ax-subtitle{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);opacity:.75;display:block}ax-form-hint{margin-top:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface))75%,transparent);display:block}@supports (color:color-mix(in lab,red,red)){ax-form-hint{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)))75%,transparent)}}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorGenericComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorGenericComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: 'ax-footer', useExisting: AXDecoratorGenericComponent },
@@ -286,10 +286,10 @@ class AXDecoratorHeadingComponent extends MXBaseComponent {
     get __hostClass() {
         return `ax-heading-${this.color()} ax-${this.weight()} ${!this.darkMode() && 'ax-heading-no-dark'}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorHeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXDecoratorHeadingComponent, isStandalone: true, selector: "ax-heading", inputs: { darkMode: { classPropertyName: "darkMode", publicName: "darkMode", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorHeadingComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@layer components{ax-heading{flex-direction:column;display:flex}ax-heading:has(h1,h2,h3){gap:.5rem}ax-heading:has(h4,h5,h6){gap:.25rem}ax-heading h1,ax-heading h2,ax-heading h3,ax-heading h4,ax-heading h5,ax-heading h6{font-weight:var(--ax-comp-heading-font-weight)}ax-heading p,ax-heading ax-subtitle{font-size:1rem;line-height:1.625rem}ax-heading h1{letter-spacing:-1.5%;font-size:2rem;line-height:2.5rem}ax-heading h2{letter-spacing:-1.5%;font-size:1.625rem;line-height:2.125rem}ax-heading h3{letter-spacing:-1%;font-size:1.375rem;line-height:1.875rem}ax-heading h4{letter-spacing:-.5%;font-size:1.125rem;line-height:1.625rem}ax-heading h5{letter-spacing:-.5%;font-size:1rem;line-height:1.5rem}ax-heading h6{font-size:.875rem;line-height:1.375rem}ax-heading.ax-regular{--ax-comp-heading-font-weight:400}ax-heading.ax-medium{--ax-comp-heading-font-weight:500}ax-heading.ax-semibold{--ax-comp-heading-font-weight:600}ax-heading.ax-bold{--ax-comp-heading-font-weight:700}ax-heading.ax-heading-lightest ax-subtitle{opacity:.74}ax-heading.ax-heading-lighter ax-subtitle{opacity:.76}ax-heading.ax-heading-light ax-subtitle{opacity:.78}ax-heading.ax-heading-surface ax-subtitle{opacity:.8}ax-heading.ax-heading-dark ax-subtitle{opacity:.82}ax-heading.ax-heading-darker ax-subtitle{opacity:.84}ax-heading.ax-heading-darkest ax-subtitle,.dark ax-heading.ax-heading-no-dark.ax-heading-lightest ax-subtitle{opacity:.86}.dark ax-heading.ax-heading-no-dark.ax-heading-lighter ax-subtitle{opacity:.84}.dark ax-heading.ax-heading-no-dark.ax-heading-light ax-subtitle{opacity:.82}.dark ax-heading.ax-heading-no-dark.ax-heading-surface ax-subtitle{opacity:.8}.dark ax-heading.ax-heading-no-dark.ax-heading-dark ax-subtitle{opacity:.78}.dark ax-heading.ax-heading-no-dark.ax-heading-darker ax-subtitle{opacity:.76}.dark ax-heading.ax-heading-no-dark.ax-heading-darkest ax-subtitle{opacity:.74}@media screen and (max-width:768px){ax-heading h1{font-size:1.5rem;line-height:1.875rem}ax-heading h2{font-size:1.375rem;line-height:1.75rem}ax-heading h3{font-size:1.25rem;line-height:1.625rem}ax-heading h4{line-height:1.5rem}ax-heading h5{line-height:1.375rem}ax-heading h6{line-height:1.25rem}ax-heading p,ax-heading ax-subtitle{line-height:1.5rem}}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorHeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXDecoratorHeadingComponent, isStandalone: true, selector: "ax-heading", inputs: { darkMode: { classPropertyName: "darkMode", publicName: "darkMode", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorHeadingComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@layer components{ax-heading{flex-direction:column;display:flex}ax-heading:has(h1,h2,h3){gap:.5rem}ax-heading:has(h4,h5,h6){gap:.25rem}ax-heading h1,ax-heading h2,ax-heading h3,ax-heading h4,ax-heading h5,ax-heading h6{font-weight:var(--ax-comp-heading-font-weight)}ax-heading p,ax-heading ax-subtitle{font-size:1rem;line-height:1.625rem}ax-heading h1{letter-spacing:-1.5%;font-size:2rem;line-height:2.5rem}ax-heading h2{letter-spacing:-1.5%;font-size:1.625rem;line-height:2.125rem}ax-heading h3{letter-spacing:-1%;font-size:1.375rem;line-height:1.875rem}ax-heading h4{letter-spacing:-.5%;font-size:1.125rem;line-height:1.625rem}ax-heading h5{letter-spacing:-.5%;font-size:1rem;line-height:1.5rem}ax-heading h6{font-size:.875rem;line-height:1.375rem}ax-heading.ax-regular{--ax-comp-heading-font-weight:400}ax-heading.ax-medium{--ax-comp-heading-font-weight:500}ax-heading.ax-semibold{--ax-comp-heading-font-weight:600}ax-heading.ax-bold{--ax-comp-heading-font-weight:700}ax-heading.ax-heading-lightest ax-subtitle{opacity:.74}ax-heading.ax-heading-lighter ax-subtitle{opacity:.76}ax-heading.ax-heading-light ax-subtitle{opacity:.78}ax-heading.ax-heading-surface ax-subtitle{opacity:.8}ax-heading.ax-heading-dark ax-subtitle{opacity:.82}ax-heading.ax-heading-darker ax-subtitle{opacity:.84}ax-heading.ax-heading-darkest ax-subtitle,.dark ax-heading.ax-heading-no-dark.ax-heading-lightest ax-subtitle{opacity:.86}.dark ax-heading.ax-heading-no-dark.ax-heading-lighter ax-subtitle{opacity:.84}.dark ax-heading.ax-heading-no-dark.ax-heading-light ax-subtitle{opacity:.82}.dark ax-heading.ax-heading-no-dark.ax-heading-surface ax-subtitle{opacity:.8}.dark ax-heading.ax-heading-no-dark.ax-heading-dark ax-subtitle{opacity:.78}.dark ax-heading.ax-heading-no-dark.ax-heading-darker ax-subtitle{opacity:.76}.dark ax-heading.ax-heading-no-dark.ax-heading-darkest ax-subtitle{opacity:.74}@media screen and (max-width:768px){ax-heading h1{font-size:1.5rem;line-height:1.875rem}ax-heading h2{font-size:1.375rem;line-height:1.75rem}ax-heading h3{font-size:1.25rem;line-height:1.625rem}ax-heading h4{line-height:1.5rem}ax-heading h5{line-height:1.375rem}ax-heading h6{line-height:1.25rem}ax-heading p,ax-heading ax-subtitle{line-height:1.5rem}}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-heading', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXDecoratorHeadingComponent }], styles: ["@layer components{ax-heading{flex-direction:column;display:flex}ax-heading:has(h1,h2,h3){gap:.5rem}ax-heading:has(h4,h5,h6){gap:.25rem}ax-heading h1,ax-heading h2,ax-heading h3,ax-heading h4,ax-heading h5,ax-heading h6{font-weight:var(--ax-comp-heading-font-weight)}ax-heading p,ax-heading ax-subtitle{font-size:1rem;line-height:1.625rem}ax-heading h1{letter-spacing:-1.5%;font-size:2rem;line-height:2.5rem}ax-heading h2{letter-spacing:-1.5%;font-size:1.625rem;line-height:2.125rem}ax-heading h3{letter-spacing:-1%;font-size:1.375rem;line-height:1.875rem}ax-heading h4{letter-spacing:-.5%;font-size:1.125rem;line-height:1.625rem}ax-heading h5{letter-spacing:-.5%;font-size:1rem;line-height:1.5rem}ax-heading h6{font-size:.875rem;line-height:1.375rem}ax-heading.ax-regular{--ax-comp-heading-font-weight:400}ax-heading.ax-medium{--ax-comp-heading-font-weight:500}ax-heading.ax-semibold{--ax-comp-heading-font-weight:600}ax-heading.ax-bold{--ax-comp-heading-font-weight:700}ax-heading.ax-heading-lightest ax-subtitle{opacity:.74}ax-heading.ax-heading-lighter ax-subtitle{opacity:.76}ax-heading.ax-heading-light ax-subtitle{opacity:.78}ax-heading.ax-heading-surface ax-subtitle{opacity:.8}ax-heading.ax-heading-dark ax-subtitle{opacity:.82}ax-heading.ax-heading-darker ax-subtitle{opacity:.84}ax-heading.ax-heading-darkest ax-subtitle,.dark ax-heading.ax-heading-no-dark.ax-heading-lightest ax-subtitle{opacity:.86}.dark ax-heading.ax-heading-no-dark.ax-heading-lighter ax-subtitle{opacity:.84}.dark ax-heading.ax-heading-no-dark.ax-heading-light ax-subtitle{opacity:.82}.dark ax-heading.ax-heading-no-dark.ax-heading-surface ax-subtitle{opacity:.8}.dark ax-heading.ax-heading-no-dark.ax-heading-dark ax-subtitle{opacity:.78}.dark ax-heading.ax-heading-no-dark.ax-heading-darker ax-subtitle{opacity:.76}.dark ax-heading.ax-heading-no-dark.ax-heading-darkest ax-subtitle{opacity:.74}@media screen and (max-width:768px){ax-heading h1{font-size:1.5rem;line-height:1.875rem}ax-heading h2{font-size:1.375rem;line-height:1.75rem}ax-heading h3{font-size:1.25rem;line-height:1.625rem}ax-heading h4{line-height:1.5rem}ax-heading h5{line-height:1.375rem}ax-heading h6{line-height:1.25rem}ax-heading p,ax-heading ax-subtitle{line-height:1.5rem}}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { darkMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "darkMode", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], weight: [{ type: i0.Input, args: [{ isSignal: true, alias: "weight", required: false }] }], __hostClass: [{
@@ -318,13 +318,13 @@ class AXDecoratorIconComponent extends MXBaseComponent {
         this.cdr.detectChanges();
         return `${this.icon}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AXDecoratorIconComponent, isStandalone: true, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AXDecoratorIconComponent, isStandalone: true, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" } }, providers: [
             { provide: 'ax-icon', useExisting: AXDecoratorIconComponent },
             { provide: AXComponent, useExisting: AXDecoratorIconComponent },
         ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["ax-icon{display:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-icon', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: 'ax-icon', useExisting: AXDecoratorIconComponent },
@@ -348,8 +348,8 @@ const COMPONENT = [
 ];
 const MODULES = [CommonModule];
 class AXDecoratorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorModule, imports: [CommonModule, AXDecoratorIconComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorModule, imports: [CommonModule, AXDecoratorIconComponent,
             AXDecoratorClearButtonComponent,
             AXDecoratorCloseButtonComponent,
             AXDecoratorGenericComponent,
@@ -362,9 +362,9 @@ class AXDecoratorModule {
             AXDecoratorFullScreenButtonComponent,
             AXDecoratorHeadingComponent,
             AXDecoratorColorIndicatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorModule, imports: [MODULES] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDecoratorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDecoratorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-dialog.mjs CHANGED Viewed

@@ -61,8 +61,8 @@ class AXDialogComponent extends MXBaseComponent {
             closeCallback();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AXDialogComponent, isStandalone: true, selector: "ax-dialog", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, onClose: { classPropertyName: "onClose", publicName: "onClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabIndex": "\"-1\"", "class": "\"ax-\" + data().type" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXDialogComponent, isStandalone: true, selector: "ax-dialog", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, onClose: { classPropertyName: "onClose", publicName: "onClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabIndex": "\"-1\"", "class": "\"ax-\" + data().type" } }, providers: [
             {
                 provide: AXClosableComponent,
                 useExisting: AXDialogComponent,
@@ -73,7 +73,7 @@ class AXDialogComponent extends MXBaseComponent {
             },
         ], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-dialog ax-orientation-{{ data().orientation }}\"\n  tabindex=\"-1\"\n  cdkDrag\n  cdkDragHandle\n  [cdkDragDisabled]=\"!data().draggable\"\n>\n  <div class=\"ax-dialog-content-wrapper\">\n    @if (data().icon !== 'none') {\n      <div class=\"ax-dialog-icon-side\">\n        <i class=\"ax-dialog-icon {{ data().icon }}\"></i>\n      </div>\n    }\n    <div class=\"ax-dialog-content-side\">\n      <div class=\"ax-dialog-title\">{{ data().title | translate | async }}</div>\n      <div class=\"ax-dialog-content\">{{ data().content | translate | async }}</div>\n    </div>\n    <div class=\"ax-dialog-dismiss-icon\">\n      @if (data().closeButton) {\n        <i class=\"ax-icon ax-icon-close\"></i>\n      }\n    </div>\n  </div>\n\n  <ax-footer>\n    @for (button of data().buttons; let i = $index; track i) {\n      <ax-button\n        [text]=\"button.text | translate | async\"\n        [tabindex]=\"i\"\n        [axHotkey]=\"button.hotkey\"\n        [axAutoFocus]=\"_hasAutoFocus(button)\"\n        (onClick)=\"_handleButtonClick(button)\"\n        [look]=\"button.look\"\n        [disabled]=\"button.disabled\"\n        [color]=\"button.color\"\n      >\n        @if (button.loading) {\n          <ax-loading></ax-loading>\n        }\n      </ax-button>\n    }\n  </ax-footer>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer components{.ax-dialog{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:var(--color-lightest);width:93vw;color:var(--color-on-lightest);border-width:1px;border-color:var(--color-border-lightest);flex-direction:column;display:flex;position:relative;overflow:hidden}.ax-dialog:where(.dark,.dark *){background-color:var(--color-darkest);color:var(--color-on-darkest);border-color:var(--color-border-darkest)}@media (min-width:48rem){.ax-dialog{width:75vw}}@media (min-width:64rem){.ax-dialog{width:50vw}}@media (min-width:80rem){.ax-dialog{width:35vw}}@media (min-width:96rem){.ax-dialog{width:w5vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row!important}.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:calc(var(--spacing,.25rem)*4)}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{margin:calc(var(--spacing,.25rem)*0);text-align:center}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*6);display:flex}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{min-height:calc(var(--spacing,.25rem)*12)!important;width:calc(var(--spacing,.25rem)*12)!important;cursor:move!important;background-color:var(--ax-comp-bg,var(--color-surface))!important;font-size:var(--text-2xl,1.5rem)!important;line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)))!important;color:var(--ax-comp-text,var(--color-on-surface))!important;border-radius:3.40282e38px!important;justify-content:center!important;align-items:center!important;display:flex!important}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:calc(var(--spacing,.25rem)*4)}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.ax-dialog ax-footer{padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*3);align-items:flex-end}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: AXHotkeyDirective, selector: "[axHotkey]", inputs: ["axHotkey"] }, { kind: "directive", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[attr.tabIndex]': '"-1"',
@@ -335,10 +335,10 @@ class AXDialogService {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDialogService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDialogService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDialogService, decorators: [{
             type: Injectable
         }] });
@@ -354,8 +354,8 @@ const MODULES = [
     AXTranslationModule,
 ];
 class AXDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXDialogModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXDialogModule, imports: [CommonModule,
             AXCommonModule,
             DragDropModule,
             A11yModule,
@@ -363,9 +363,9 @@ class AXDialogModule {
             AXDecoratorModule,
             AXLoadingModule,
             AXTranslationModule, AXDialogComponent], exports: [AXDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDialogModule, providers: [AXDialogService, AXHotkeysService], imports: [MODULES, COMPONENT] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDialogModule, providers: [AXDialogService, AXHotkeysService], imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-drawer-legacy.mjs CHANGED Viewed

@@ -8,10 +8,10 @@ class AXDrawerLegacyService {
     constructor() {
         this.drawerElements = signal(null, ...(ngDevMode ? [{ debugName: "drawerElements" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyService, decorators: [{
             type: Injectable
         }] });
@@ -29,13 +29,13 @@ class AXDrawerLegacyContainerComponent extends MXBaseComponent {
             this.service.drawerElements.set(drawerClasses);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AXDrawerLegacyContainerComponent, isStandalone: true, selector: "ax-drawer-legacy-container", providers: [AXDrawerLegacyService, { provide: AXComponent, useExisting: AXDrawerLegacyContainerComponent }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AXDrawerLegacyContainerComponent, isStandalone: true, selector: "ax-drawer-legacy-container", providers: [AXDrawerLegacyService, { provide: AXComponent, useExisting: AXDrawerLegacyContainerComponent }], usesInheritance: true, ngImport: i0, template: `
     <ng-content select="ax-drawer"> </ng-content>
     <ng-content select="ax-content"></ng-content>
   `, isInline: true, styles: ["ax-drawer-legacy-container{position:relative;display:flex;height:100%;width:100%;overflow:hidden}ax-drawer-legacy-container.ax-fixed{bottom:0;inset-inline-end:0px;inset-inline-start:0px;top:0;z-index:50;display:none}ax-drawer-legacy-container.ax-fixed.ax-visible{display:flex}ax-drawer-legacy-container .ax-backdrop{position:absolute;bottom:0;top:0;z-index:10;height:100%;width:100%;background-color:rgba(var(--ax-comp-drawer-container-bg-color, 0, 0, 0, .2));transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-drawer-legacy-container>ax-content{height:100%;flex:1 1 0%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-drawer-legacy-container', template: `
     <ng-content select="ax-drawer"> </ng-content>
@@ -171,8 +171,8 @@ class AXDrawerLegacyComponent extends MXBaseComponent {
     get __hostClass() {
         return `ax-drawer-${this.mode()} ax-drawer-${this.location()} ${this.collapsed() ? 'ax-collapsed' : 'ax-expanded'} ${this.loaded() && 'ax-state-loaded'}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXDrawerLegacyComponent, isStandalone: true, selector: "ax-drawer-legacy", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { location: "locationChange", mode: "modeChange", collapsed: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXDrawerLegacyComponent, isStandalone: true, selector: "ax-drawer-legacy", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { location: "locationChange", mode: "modeChange", collapsed: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXComponent, useExisting: AXDrawerLegacyComponent },
             { provide: AXClosableComponent, useExisting: AXDrawerLegacyComponent },
         ], usesInheritance: true, ngImport: i0, template: `
@@ -180,7 +180,7 @@ class AXDrawerLegacyComponent extends MXBaseComponent {
     <ng-content select="ax-content"></ng-content>
   `, isInline: true, styles: ["ax-drawer-legacy{height:100%;display:flex;max-width:95%;flex-direction:column}ax-drawer-legacy>ax-content{flex:1 1 0%;overflow:auto}ax-drawer-legacy.ax-drawer-overlay{position:absolute;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-drawer-legacy.ax-drawer-overlay.ax-expanded{z-index:20}ax-drawer-legacy.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-legacy.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-legacy.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-sys-el-width))}ax-drawer-legacy.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-legacy.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-sys-el-width))}ax-drawer-legacy.ax-drawer-push{flex:0 1 auto}ax-drawer-legacy.ax-drawer-push.ax-expanded{z-index:20}ax-drawer-legacy.ax-drawer-push.ax-collapsed{z-index:0}ax-drawer-legacy.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-legacy.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0px}ax-drawer-legacy.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-sys-el-width))}ax-drawer-legacy.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-legacy.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0px}ax-drawer-legacy.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-sys-el-width))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-drawer-legacy', template: `
     <ng-content select="ax-header"></ng-content>
@@ -197,11 +197,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 const COMPONENT = [AXDrawerLegacyComponent, AXDrawerLegacyContainerComponent];
 const MODULES = [CommonModule];
 class AXDrawerLegacyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyModule, imports: [CommonModule, AXDrawerLegacyComponent, AXDrawerLegacyContainerComponent], exports: [AXDrawerLegacyComponent, AXDrawerLegacyContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyModule, imports: [CommonModule, AXDrawerLegacyComponent, AXDrawerLegacyContainerComponent], exports: [AXDrawerLegacyComponent, AXDrawerLegacyContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerLegacyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerLegacyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-drawer.mjs CHANGED Viewed

@@ -13,13 +13,13 @@ class AXDrawerContainerComponent extends MXBaseComponent {
         const host = this.getHostElement();
         Array.from(host.querySelectorAll(`ax-drawer`)).map((c) => c['__axContext__']);
     });
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AXDrawerContainerComponent, isStandalone: true, selector: "ax-drawer-container", providers: [{ provide: AXComponent, useExisting: AXDrawerContainerComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXDrawerContainerDirective }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AXDrawerContainerComponent, isStandalone: true, selector: "ax-drawer-container", providers: [{ provide: AXComponent, useExisting: AXDrawerContainerComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXDrawerContainerDirective }], ngImport: i0, template: `
     <ng-content select="ax-drawer"> </ng-content>
     <ng-content select="ax-content"> </ng-content>
   `, isInline: true, styles: ["@layer components{ax-drawer-container{width:100%;height:100%}ax-drawer-container>ax-content{flex:1;height:100%}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-drawer-container', template: `
     <ng-content select="ax-drawer"> </ng-content>
@@ -91,8 +91,8 @@ class AXDrawerComponent extends MXBaseComponent {
     open() {
         this.drawerItem.show();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXDrawerComponent, isStandalone: true, selector: "ax-drawer", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, singleOpenMode: { classPropertyName: "singleOpenMode", publicName: "singleOpenMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBackdropClick: "onBackdropClick", collapsedStateChanged: "collapsedStateChanged" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXDrawerComponent, isStandalone: true, selector: "ax-drawer", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, singleOpenMode: { classPropertyName: "singleOpenMode", publicName: "singleOpenMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBackdropClick: "onBackdropClick", collapsedStateChanged: "collapsedStateChanged" }, providers: [
             { provide: AXComponent, useExisting: AXDrawerComponent },
             { provide: AXClosableComponent, useExisting: AXDrawerComponent },
         ], usesInheritance: true, hostDirectives: [{ directive: i1.AXDrawerItemDirective }], ngImport: i0, template: `
@@ -100,7 +100,7 @@ class AXDrawerComponent extends MXBaseComponent {
     <ng-content select="ax-content"></ng-content>
   `, isInline: true, styles: ["@layer components{ax-drawer>ax-content{flex:1;width:100%;height:100%}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-drawer', template: `
     <ng-content select="ax-header"></ng-content>
@@ -113,11 +113,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 const COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];
 class AXDrawerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerModule, imports: [AXDrawerComponent, AXDrawerContainerComponent], exports: [AXDrawerComponent, AXDrawerContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerModule, imports: [AXDrawerComponent, AXDrawerContainerComponent], exports: [AXDrawerComponent, AXDrawerContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENT],

package/fesm2022/acorex-components-dropdown-button.mjs CHANGED Viewed

@@ -101,8 +101,8 @@ class AXDropdownButtonComponent extends MXButtonBaseComponent {
     get __hostClass() {
         return this.disabled ? 'ax-state-disabled ' : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AXDropdownButtonComponent, isStandalone: true, selector: "ax-dropdown-button", inputs: { disabled: "disabled", size: "size", color: "color", look: "look", text: "text", type: "type", mode: "mode" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AXDropdownButtonComponent, isStandalone: true, selector: "ax-dropdown-button", inputs: { disabled: "disabled", size: "size", color: "color", look: "look", text: "text", type: "type", mode: "mode" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             {
                 provide: AXClosableComponent,
                 useExisting: AXDropdownButtonComponent,
@@ -110,7 +110,7 @@ class AXDropdownButtonComponent extends MXButtonBaseComponent {
             { provide: AXComponent, useExisting: AXDropdownButtonComponent },
         ], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dropdown>\n  <ax-dropdown-panel placement=\"bottom-end\" #panel>\n    <ng-content select=\"ax-button-item-list\"></ng-content>\n  </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n  <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n  <ax-button\n    [look]=\"look\"\n    [color]=\"color\"\n    [disabled]=\"disabled\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    (click)=\"_handleClick($event)\"\n    [text]=\"text\"\n  >\n    <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n\n    <ax-suffix>\n      <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n    </ax-suffix>\n\n    <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n  </ax-button>\n} @else {\n  <ax-button\n    class=\"ax-dropdown-split-button\"\n    [look]=\"look\"\n    [color]=\"color\"\n    [disabled]=\"disabled\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    (click)=\"_handleClick($event)\"\n    [text]=\"text\"\n  >\n    <ax-prefix> <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container></ax-prefix>\n  </ax-button>\n\n  <ax-divider class=\"ax-{{ color }} {{ look }} ax-dropdown-split-button-divider\"></ax-divider>\n\n  <ax-button class=\"ax-dropdown-split-button-arrow\" [look]=\"look\" [color]=\"color\" [disabled]=\"disabled\">\n    <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n\n    <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n  </ax-button>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-dropdown-button{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:center;align-items:center;display:inline-flex}ax-dropdown-button.ax-state-disabled ax-divider{opacity:.5}ax-dropdown-button ax-button{width:100%}ax-dropdown-button.ax-xs .ax-dropdown-split-button-arrow ax-icon{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}ax-dropdown-button.ax-sm .ax-dropdown-split-button-arrow ax-icon{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}ax-dropdown-button.ax-md .ax-dropdown-split-button-arrow ax-icon{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}ax-dropdown-button.ax-lg .ax-dropdown-split-button-arrow ax-icon{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}ax-dropdown-button.ax-xl .ax-dropdown-split-button-arrow ax-icon{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}ax-dropdown-button .ax-dropdown-split-button-divider{background-color:var(--ax-comp-bg-light);width:1px;height:100%}ax-dropdown-button .ax-dropdown-split-button-divider.ax-default{background-color:var(--color-light,rgba(var(--ax-sys-color-light-surface)))}ax-dropdown-button .ax-dropdown-split-button{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}ax-dropdown-button .ax-dropdown-split-button-arrow{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0;border-start-start-radius:0;border-end-start-radius:0}ax-dropdown-button .ax-dropdown-split-button-arrow ax-icon{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-dropdown-button', inputs: ['disabled', 'size', 'color', 'look', 'text'], outputs: ['onBlur', 'onFocus', 'onClick', 'selectedChange', 'lookChange', 'colorChange', 'disabledChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -148,22 +148,22 @@ const MODULES = [
     AXButtonModule,
 ];
 class AXDropdownButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,
             AXCommonModule,
             AXDecoratorModule,
             AXLoadingModule,
             AXRippleDirective,
             AXDropdownModule,
             AXButtonModule, AXDropdownButtonComponent], exports: [AXDropdownButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownButtonModule, imports: [CommonModule,
             AXCommonModule,
             AXDecoratorModule,
             AXLoadingModule,
             AXDropdownModule,
             AXButtonModule, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-dropdown.mjs CHANGED Viewed

@@ -93,10 +93,10 @@ class MXDropdownBoxBaseComponent extends MXInteractiveComponent {
     get isOpen() {
         return this.dropdown?.isOpen;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MXDropdownBoxBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MXDropdownBoxBaseComponent }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MXDropdownBoxBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MXDropdownBoxBaseComponent }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MXDropdownBoxBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MXDropdownBoxBaseComponent, decorators: [{
             type: Injectable
         }] });
@@ -239,10 +239,10 @@ class AXDropdownBoxComponent extends classes(MXInteractiveComponent, MXLookCompo
             ? `ax-editor-container ax-default ${this.look} ${this.disabled ? 'ax-state-disabled' : ''}`
             : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXDropdownBoxComponent, isStandalone: true, selector: "ax-dropdown-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, hasInput: { classPropertyName: "hasInput", publicName: "hasInput", isSignal: true, isRequired: false, transformFunction: null }, popoverWidth: { classPropertyName: "popoverWidth", publicName: "popoverWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabledChange: "disabledChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXDropdownBoxComponent }], viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover\n  [target]=\"_target\"\n  [placement]=\"_placement\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\"\n  [width]=\"popoverWidth()\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n  #popover\n>\n  <div\n    class=\"ax-overlay-pane\"\n    [class.ax-w-full]=\"_isMobile\"\n    aria-modal=\"true\"\n    (keydown)=\"_handleKeydown($event)\"\n    [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\"\n  >\n    <ng-content select=\"[panel]\"> </ng-content>\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXDropdownBoxComponent, isStandalone: true, selector: "ax-dropdown-box", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, hasInput: { classPropertyName: "hasInput", publicName: "hasInput", isSignal: true, isRequired: false, transformFunction: null }, popoverWidth: { classPropertyName: "popoverWidth", publicName: "popoverWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabledChange: "disabledChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXDropdownBoxComponent }], viewQueries: [{ propertyName: "_popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover\n  [target]=\"_target\"\n  [placement]=\"_placement\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\"\n  [width]=\"popoverWidth()\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n  #popover\n>\n  <div\n    class=\"ax-overlay-pane\"\n    [class.ax-w-full]=\"_isMobile\"\n    aria-modal=\"true\"\n    (keydown)=\"_handleKeydown($event)\"\n    [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\"\n  >\n    <ng-content select=\"[panel]\"> </ng-content>\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-dropdown-box', inputs: ['disabled', 'look'], outputs: ['disabledChange', 'onBlur', 'onFocus', 'onClick'], host: { ngSkipHydration: 'true' }, imports: [AXPopoverComponent], providers: [{ provide: AXComponent, useExisting: AXDropdownBoxComponent }], template: "<ng-content select=\"[input]\"> </ng-content>\n<ax-popover\n  [target]=\"_target\"\n  [placement]=\"_placement\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"true\"\n  [width]=\"popoverWidth()\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n  #popover\n>\n  <div\n    class=\"ax-overlay-pane\"\n    [class.ax-w-full]=\"_isMobile\"\n    aria-modal=\"true\"\n    (keydown)=\"_handleKeydown($event)\"\n    [class.ax-overlay-actionsheet]=\"popover.isActionsheetStyle\"\n  >\n    <ng-content select=\"[panel]\"> </ng-content>\n  </div>\n</ax-popover>\n" }]
         }], propDecorators: { hasInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasInput", required: false }] }], popoverWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "popoverWidth", required: false }] }], _popover: [{
@@ -448,16 +448,16 @@ class AXDropdownPanelComponent extends MXInteractiveComponent {
     get __hostClass() {
         return ['ax-dropdown-panel'];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXDropdownPanelComponent, isStandalone: true, selector: "ax-dropdown-panel", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: false, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: false, isRequired: false, transformFunction: null }, dropdownWidth: { classPropertyName: "dropdownWidth", publicName: "dropdownWidth", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: false, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, _target: { classPropertyName: "_target", publicName: "_target", isSignal: false, isRequired: false, transformFunction: null }, adaptivityEnabled: { classPropertyName: "adaptivityEnabled", publicName: "adaptivityEnabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: AXDropdownPanelComponent, isStandalone: true, selector: "ax-dropdown-panel", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: false, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: false, isRequired: false, transformFunction: null }, dropdownWidth: { classPropertyName: "dropdownWidth", publicName: "dropdownWidth", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: false, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, _target: { classPropertyName: "_target", publicName: "_target", isSignal: false, isRequired: false, transformFunction: null }, adaptivityEnabled: { classPropertyName: "adaptivityEnabled", publicName: "adaptivityEnabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onOpened: "onOpened", onClosed: "onClosed" }, host: { attributes: { "ngSkipHydration": "true" }, properties: { "class": "this.__hostClass" } }, providers: [
             {
                 provide: AXClosableComponent,
                 useExisting: AXDropdownPanelComponent,
             },
             { provide: AXComponent, useExisting: AXDropdownPanelComponent },
-        ], 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\">\n    <ng-content> </ng-content>\n  </div>\n</ax-popover>\n", styles: ["@layer components{.ax-actionsheet-base .ax-overlay-pane{width:100%}:scope.ax-overlay-actionsheet{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));width:100vw;height:auto;max-height:85vh}.ax-overlay-pane:has(ax-menu){--tw-border-style:none;border-style:none}.ax-overlay-pane:has(ax-menu) .ax-menu-container{visibility:visible;opacity:1}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item{height:calc(var(--spacing,.25rem)*9);cursor:pointer;width:100%;padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));justify-content:space-between;align-items:center;display:flex;border-radius:0!important}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-prefix,.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-suffix{opacity:1}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], 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\">\n    <ng-content> </ng-content>\n  </div>\n</ax-popover>\n", styles: ["@layer components{.ax-actionsheet-base .ax-overlay-pane{width:100%}.ax-overlay-actionsheet{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));width:100vw;height:auto;max-height:85vh}.ax-overlay-pane:has(ax-menu){--tw-border-style:none;border-style:none}.ax-overlay-pane:has(ax-menu) .ax-menu-container{visibility:visible;opacity:1}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item{height:calc(var(--spacing,.25rem)*9);cursor:pointer;width:100%;padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));justify-content:space-between;align-items:center;display:flex;border-radius:0!important}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-prefix,.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-suffix{opacity:1}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", 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, providers: [
                         {
@@ -465,7 +465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             useExisting: AXDropdownPanelComponent,
                         },
                         { provide: AXComponent, useExisting: AXDropdownPanelComponent },
-                    ], host: { ngSkipHydration: 'true' }, imports: [AXPopoverComponent], 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\">\n    <ng-content> </ng-content>\n  </div>\n</ax-popover>\n", styles: ["@layer components{.ax-actionsheet-base .ax-overlay-pane{width:100%}:scope.ax-overlay-actionsheet{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));width:100vw;height:auto;max-height:85vh}.ax-overlay-pane:has(ax-menu){--tw-border-style:none;border-style:none}.ax-overlay-pane:has(ax-menu) .ax-menu-container{visibility:visible;opacity:1}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item{height:calc(var(--spacing,.25rem)*9);cursor:pointer;width:100%;padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));justify-content:space-between;align-items:center;display:flex;border-radius:0!important}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-prefix,.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-suffix{opacity:1}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], host: { ngSkipHydration: 'true' }, imports: [AXPopoverComponent], 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\">\n    <ng-content> </ng-content>\n  </div>\n</ax-popover>\n", styles: ["@layer components{.ax-actionsheet-base .ax-overlay-pane{width:100%}.ax-overlay-actionsheet{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));width:100vw;height:auto;max-height:85vh}.ax-overlay-pane:has(ax-menu){--tw-border-style:none;border-style:none}.ax-overlay-pane:has(ax-menu) .ax-menu-container{visibility:visible;opacity:1}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item{height:calc(var(--spacing,.25rem)*9);cursor:pointer;width:100%;padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));justify-content:space-between;align-items:center;display:flex;border-radius:0!important}.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-prefix,.ax-overlay-pane:has(ax-menu) .ax-menu-container .ax-action-item:hover>.ax-action-item-suffix{opacity:1}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], _target: [{
                 type: Input
             }], _popover: [{
@@ -483,15 +483,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 class AXDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownModule, imports: [CommonModule,
             AXCommonModule,
             A11yModule,
             AXDecoratorModule,
             AXPopoverModule,
             AXDropdownPanelComponent,
             AXDropdownBoxComponent], exports: [AXDropdownPanelComponent, AXDropdownBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownModule, imports: [CommonModule,
             AXCommonModule,
             A11yModule,
             AXDecoratorModule,
@@ -499,7 +499,7 @@ class AXDropdownModule {
             AXDropdownPanelComponent,
             AXDropdownBoxComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [