@acorex/components 22.1.7 → 22.2.0-next.0

package/fesm2022/acorex-components-decorators.mjs

@@ -1,8 +1,8 @@
-import { MXBaseComponent, AXClearableComponent, AXComponent, AXClosableComponent } from '@acorex/cdk/common';
+import { MXBaseComponent, AXClearableComponent, AXComponent } from '@acorex/cdk/common';
 import { AXTranslatorPipe } from '@acorex/core/translation';
 import { NgClass, AsyncPipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, HostListener, HostBinding, Input, ViewEncapsulation, Component, input, ElementRef, model, afterNextRender, effect, NgModule } from '@angular/core';
+import { inject, HostListener, HostBinding, Input, ViewEncapsulation, Component, input, ElementRef, model, afterNextRender, effect, untracked, NgModule } from '@angular/core';
 import { AXFullScreenService } from '@acorex/core/full-screen';
 
 /**
@@ -64,8 +64,8 @@ class AXDecoratorClearButtonComponent extends MXBaseComponent {
             this._parent.reset(true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorClearButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", 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: "22.1.6", ngImport: i0, type: AXDecoratorClearButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", 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"
@@ -75,7 +75,7 @@ class AXDecoratorClearButtonComponent extends MXBaseComponent {
     <i class="ax-icon-solid" [ngClass]="icon"></i>
   </button>`, isInline: true, styles: ["@layer properties;@layer components{ax-clear-button.ax-general-button-icon{display:inline-flex;width:auto;height:auto;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 0)!important}ax-clear-button.ax-general-button-icon button{display:grid;flex-shrink:0;cursor:pointer;place-items:center;overflow:hidden;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:0px;padding:calc(var(--spacing, .25rem) * 0);background-color:rgba(var(--ax-sys-color-darkest-surface));color:rgba(var(--ax-sys-color-on-darkest-surface));font-size:.625rem;width:1.8em;height:1.8em;line-height:0}ax-clear-button.ax-general-button-icon button:hover{background-color:rgba(var(--ax-sys-color-dark-surface))}ax-clear-button.ax-general-button-icon button:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-clear-button.ax-general-button-icon button:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-clear-button.ax-general-button-icon button:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)):hover{background-color:rgba(var(--ax-sys-color-light-surface))}ax-clear-button.ax-general-button-icon button i{--ax-sys-icon-size: 1em;--ax-sys-icon-width: 1em;--ax-sys-icon-height: 1em;line-height:1}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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}}}\n/*! tailwindcss v4.1.16 | 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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorClearButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorClearButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-clear-button', template: `<button
     type="button"
@@ -96,100 +96,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: ['click', ['$event']]
             }] } });
 
-/**
- * A button component that displays a close icon and triggers an action when clicked.
- *
- * @category Components
- */
-class AXDecoratorCloseButtonComponent extends MXBaseComponent {
-    constructor() {
-        super(...arguments);
-        this._parent = inject(AXClosableComponent, { optional: true });
-        // @Inject(AXClosableComponent) private _parent?: AXClosableComponent,
-        this.closeAll = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "closeAll" }] : /* istanbul ignore next */ []));
-        /**
-         *  @ignore
-         */
-        this._icon = 'ax-icon ax-icon-close';
-    }
-    /**
-     * The icon class to be applied to the button.
-     */
-    get icon() {
-        return this._icon || 'ax-icon-close';
-    }
-    /**
-     * Sets the icon class to be applied to the button.
-     *
-     * @param v The icon class.
-     */
-    set icon(v) {
-        this._icon = v;
-    }
-    /**
-     *  @ignore
-     */
-    _handleOnClick() {
-        if (this.closeAll()) {
-            this._parent?.closeAll();
-        }
-        else {
-            this._parent?.close();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorCloseButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", 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()" } }, providers: [{ provide: AXComponent, useExisting: AXDecoratorCloseButtonComponent }], usesInheritance: true, ngImport: i0, template: `<button
-    type="button"
-    role="button"
-    [attr.aria-label]="
-      closeAll()
-        ? ('@acorex:common.general.close-all' | translate | async)
-        : ('@acorex:common.general.close' | translate | async)
-    "
-    [title]="
-      closeAll()
-        ? ('@acorex:common.general.close-all' | translate | async)
-        : ('@acorex:common.general.close' | translate | async)
-    "
-  >
-    <i [ngClass]="icon"></i>
-  </button>`, isInline: true, styles: ["@layer properties;@layer components{ax-close-button button{display:flex;cursor:pointer;background-color:transparent}ax-close-button button i{--ax-sys-icon-size: calc(var(--ax-sys-size-base) * .6)}ax-close-button button:hover{opacity:70%}ax-close-button button:focus{opacity:80%;outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent}ax-close-button button:active{opacity:100%}}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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}}}\n/*! tailwindcss v4.1.16 | 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" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorCloseButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-close-button', template: `<button
-    type="button"
-    role="button"
-    [attr.aria-label]="
-      closeAll()
-        ? ('@acorex:common.general.close-all' | translate | async)
-        : ('@acorex:common.general.close' | translate | async)
-    "
-    [title]="
-      closeAll()
-        ? ('@acorex:common.general.close-all' | translate | async)
-        : ('@acorex:common.general.close' | translate | async)
-    "
-  >
-    <i [ngClass]="icon"></i>
-  </button>`, encapsulation: ViewEncapsulation.None, imports: [NgClass, AsyncPipe, AXTranslatorPipe], providers: [{ provide: AXComponent, useExisting: AXDecoratorCloseButtonComponent }], styles: ["@layer properties;@layer components{ax-close-button button{display:flex;cursor:pointer;background-color:transparent}ax-close-button button i{--ax-sys-icon-size: calc(var(--ax-sys-size-base) * .6)}ax-close-button button:hover{opacity:70%}ax-close-button button:focus{opacity:80%;outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent}ax-close-button button:active{opacity:100%}}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { closeAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeAll", required: false }] }], icon: [{
-                type: Input
-            }], _handleOnClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
 class AXDecoratorColorIndicatorComponent {
     constructor() {
         this.previewColor = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "previewColor" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorColorIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", 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.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorColorIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorColorIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", 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.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { previewColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "previewColor", required: false }] }] } });
@@ -199,29 +114,59 @@ class AXDecoratorFullScreenButtonComponent extends MXBaseComponent {
         super(...arguments);
         this.fullScreenService = inject(AXFullScreenService);
         this.elementRef = inject(ElementRef);
+        /**
+         * Target element to fullscreen. Falls back to the closest decorated parent when omitted.
+         */
         this.element = model(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "element" }] : /* istanbul ignore next */ []));
+        /**
+         * Whether fullscreen mode is active.
+         */
         this.isActive = model(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+        /**
+         * Fullscreen implementation mode.
+         * @defaultValue 'overlay'
+         */
+        this.mode = input('overlay', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
         this.#init = afterNextRender(() => {
             this.elementRef.nativeElement.onclick = () => {
                 this.isActive.update((prev) => !prev);
             };
         });
+        this.#syncActiveState = effect(() => {
+            const target = this.element();
+            if (!target) {
+                return;
+            }
+            const isServiceActive = this.fullScreenService.isActive(target);
+            if (!isServiceActive && this.isActive()) {
+                untracked(() => {
+                    this.isActive.set(false);
+                });
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#syncActiveState" }] : /* istanbul ignore next */ []));
         this.#eff = effect(() => {
+            const target = this.element();
+            if (!target) {
+                return;
+            }
             if (this.isActive()) {
-                this.fullScreenService.enter(this.element());
+                this.fullScreenService.enter(target, this.mode());
             }
-            else {
-                this.fullScreenService.exit(this.element());
+            else if (this.fullScreenService.isActive(target)) {
+                this.fullScreenService.exit(target);
             }
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "#eff" }] : /* istanbul ignore next */ []));
     }
     #init;
+    #syncActiveState;
     #eff;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorFullScreenButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", 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: "22.1.6", ngImport: i0, type: AXDecoratorFullScreenButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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 }, mode: { classPropertyName: "mode", publicName: "mode", 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"
@@ -231,7 +176,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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorFullScreenButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorFullScreenButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-fullscreen-button', template: ` <button
     type="button"
@@ -242,15 +187,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
   >
     <i class="ax-icon {{ this.isActive() ? 'ax-icon-close' : 'ax-icon-full-screen' }} "></i>
   </button>`, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXDecoratorFullScreenButtonComponent }], imports: [AsyncPipe, AXTranslatorPipe], styles: ["ax-fullscreen-button{min-width:1rem}\n"] }]
-        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }, { type: i0.Output, args: ["elementChange"] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }] } });
+        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }, { type: i0.Output, args: ["elementChange"] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
 
 /**
  * A flexible component for various UI elements like footer, header, content, and more.
  * @category Components
  */
 class AXDecoratorGenericComponent extends MXBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorGenericComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", 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: "22.1.6", ngImport: i0, type: AXDecoratorGenericComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", 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 },
@@ -266,7 +211,7 @@ class AXDecoratorGenericComponent extends MXBaseComponent {
             { provide: AXComponent, useExisting: AXDecoratorGenericComponent },
         ], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@layer properties;@layer components{.ax-decoration-container,ax-header,ax-footer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}:is(.ax-decoration-container,ax-header,ax-footer)>ax-prefix,:is(.ax-decoration-container,ax-header,ax-footer)>ax-suffix{display:flex;flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}:is(.ax-decoration-container,ax-header,ax-footer)>ax-prefix{order:-9999;align-items:center;justify-content:flex-start}:is(.ax-decoration-container,ax-header,ax-footer)>ax-suffix{order:9999;align-items:center;justify-content:flex-end}ax-subtitle{display:block;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%}ax-form-hint{margin-top:calc(var(--spacing, .25rem) * 2);display:block;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface))}@supports (color: color-mix(in lab,red,red)){ax-form-hint{color:color-mix(in oklab,rgba(var(--ax-sys-color-on-surface)) 75%,transparent)}}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorGenericComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", 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>`, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: 'ax-footer', useExisting: AXDecoratorGenericComponent },
@@ -303,10 +248,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: "22.0.8", ngImport: i0, type: AXDecoratorHeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", 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 properties;@layer components{ax-heading{display:flex;flex-direction:column}ax-heading:has(h1,h2,h3){gap:calc(var(--spacing, .25rem) * 2)}ax-heading:has(h4,h5,h6){gap:calc(var(--spacing, .25rem) * 1)}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:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1.625rem;line-height:1.625rem}ax-heading h1{font-size:2rem;--tw-leading: calc(var(--spacing, .25rem) * 10);line-height:calc(var(--spacing, .25rem) * 10);letter-spacing:-1.5%}ax-heading h2{font-size:1.625rem;--tw-leading: 2.125rem;line-height:2.125rem;letter-spacing:-1.5%}ax-heading h3{font-size:1.375rem;--tw-leading: 1.875rem;line-height:1.875rem;letter-spacing:-1%}ax-heading h4{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 1.625rem;line-height:1.625rem;letter-spacing:-.5%}ax-heading h5{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);letter-spacing:-.5%}ax-heading h6{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: 1.375rem;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:80%}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{opacity:86%}.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:80%}.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:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-leading: 1.875rem;line-height:1.875rem}ax-heading h2{font-size:1.375rem;--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}ax-heading h3{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: 1.625rem;line-height:1.625rem}ax-heading h4{--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}ax-heading h5{--tw-leading: 1.375rem;line-height:1.375rem}ax-heading h6{--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-heading p,ax-heading ax-subtitle{--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@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-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorHeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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 properties;@layer components{ax-heading{display:flex;flex-direction:column}ax-heading:has(h1,h2,h3){gap:calc(var(--spacing, .25rem) * 2)}ax-heading:has(h4,h5,h6){gap:calc(var(--spacing, .25rem) * 1)}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:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1.625rem;line-height:1.625rem}ax-heading h1{font-size:2rem;--tw-leading: calc(var(--spacing, .25rem) * 10);line-height:calc(var(--spacing, .25rem) * 10);letter-spacing:-1.5%}ax-heading h2{font-size:1.625rem;--tw-leading: 2.125rem;line-height:2.125rem;letter-spacing:-1.5%}ax-heading h3{font-size:1.375rem;--tw-leading: 1.875rem;line-height:1.875rem;letter-spacing:-1%}ax-heading h4{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 1.625rem;line-height:1.625rem;letter-spacing:-.5%}ax-heading h5{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);letter-spacing:-.5%}ax-heading h6{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: 1.375rem;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:80%}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{opacity:86%}.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:80%}.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:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-leading: 1.875rem;line-height:1.875rem}ax-heading h2{font-size:1.375rem;--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}ax-heading h3{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: 1.625rem;line-height:1.625rem}ax-heading h4{--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}ax-heading h5{--tw-leading: 1.375rem;line-height:1.375rem}ax-heading h6{--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-heading p,ax-heading ax-subtitle{--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@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-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorHeadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-heading', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXDecoratorHeadingComponent }], styles: ["@layer properties;@layer components{ax-heading{display:flex;flex-direction:column}ax-heading:has(h1,h2,h3){gap:calc(var(--spacing, .25rem) * 2)}ax-heading:has(h4,h5,h6){gap:calc(var(--spacing, .25rem) * 1)}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:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: 1.625rem;line-height:1.625rem}ax-heading h1{font-size:2rem;--tw-leading: calc(var(--spacing, .25rem) * 10);line-height:calc(var(--spacing, .25rem) * 10);letter-spacing:-1.5%}ax-heading h2{font-size:1.625rem;--tw-leading: 2.125rem;line-height:2.125rem;letter-spacing:-1.5%}ax-heading h3{font-size:1.375rem;--tw-leading: 1.875rem;line-height:1.875rem;letter-spacing:-1%}ax-heading h4{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 1.625rem;line-height:1.625rem;letter-spacing:-.5%}ax-heading h5{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);letter-spacing:-.5%}ax-heading h6{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: 1.375rem;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:80%}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{opacity:86%}.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:80%}.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:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-leading: 1.875rem;line-height:1.875rem}ax-heading h2{font-size:1.375rem;--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}ax-heading h3{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-leading: 1.625rem;line-height:1.625rem}ax-heading h4{--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}ax-heading h5{--tw-leading: 1.375rem;line-height:1.375rem}ax-heading h6{--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-heading p,ax-heading ax-subtitle{--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}}}@property --tw-leading{syntax: \"*\"; inherits: false;}@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-leading: initial}}}\n/*! tailwindcss v4.1.16 | 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: [{
@@ -335,13 +280,13 @@ class AXDecoratorIconComponent extends MXBaseComponent {
         this.cdr.detectChanges();
         return `${this.icon}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", 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: "22.1.6", ngImport: i0, type: AXDecoratorIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", 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"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-icon', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, providers: [
                         { provide: 'ax-icon', useExisting: AXDecoratorIconComponent },
@@ -357,7 +302,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const COMPONENT = [
     AXDecoratorIconComponent,
     AXDecoratorClearButtonComponent,
-    AXDecoratorCloseButtonComponent,
     AXDecoratorGenericComponent,
     AXDecoratorFullScreenButtonComponent,
     AXDecoratorHeadingComponent,
@@ -365,23 +309,21 @@ const COMPONENT = [
 ];
 const MODULES = [CommonModule];
 class AXDecoratorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorModule, imports: [CommonModule, AXDecoratorIconComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorModule, imports: [CommonModule, AXDecoratorIconComponent,
             AXDecoratorClearButtonComponent,
-            AXDecoratorCloseButtonComponent,
             AXDecoratorGenericComponent,
             AXDecoratorFullScreenButtonComponent,
             AXDecoratorHeadingComponent,
             AXDecoratorColorIndicatorComponent], exports: [AXDecoratorIconComponent,
             AXDecoratorClearButtonComponent,
-            AXDecoratorCloseButtonComponent,
             AXDecoratorGenericComponent,
             AXDecoratorFullScreenButtonComponent,
             AXDecoratorHeadingComponent,
             AXDecoratorColorIndicatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorModule, imports: [MODULES] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDecoratorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDecoratorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],
@@ -394,5 +336,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXDecoratorClearButtonComponent, AXDecoratorCloseButtonComponent, AXDecoratorColorIndicatorComponent, AXDecoratorFullScreenButtonComponent, AXDecoratorGenericComponent, AXDecoratorHeadingComponent, AXDecoratorIconComponent, AXDecoratorModule };
+export { AXDecoratorClearButtonComponent, AXDecoratorColorIndicatorComponent, AXDecoratorFullScreenButtonComponent, AXDecoratorGenericComponent, AXDecoratorHeadingComponent, AXDecoratorIconComponent, AXDecoratorModule };
 //# sourceMappingURL=acorex-components-decorators.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-decorators.mjs","sources":["../../../../packages/components/decorators/src/lib/components/clear-button/clear-button.component.ts","../../../../packages/components/decorators/src/lib/components/close-button/close-button.component.ts","../../../../packages/components/decorators/src/lib/components/color-indicator/color-indicator.component.ts","../../../../packages/components/decorators/src/lib/components/color-indicator/color-indicator.component.html","../../../../packages/components/decorators/src/lib/components/full-screen/full-screen-button.component.ts","../../../../packages/components/decorators/src/lib/components/generic-content.component.ts","../../../../packages/components/decorators/src/lib/components/heading/heading.component.ts","../../../../packages/components/decorators/src/lib/components/icon/icon.component.ts","../../../../packages/components/decorators/src/lib/decorators.module.ts","../../../../packages/components/decorators/src/acorex-components-decorators.ts"],"sourcesContent":["import { AXClearableComponent, AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { Component, HostBinding, HostListener, Input, ViewEncapsulation, inject } from '@angular/core';\n/**\n * A button component that allows users to clear or reset a value.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-clear-button',\n  template: `<button\n    type=\"button\"\n    tabIndex=\"-1\"\n    role=\"button\"\n    [attr.aria-label]=\"'@acorex:common.general.clear' | translate | async\"\n    [title]=\"'@acorex:common.general.clear' | translate | async\"\n  >\n    <i class=\"ax-icon-solid\" [ngClass]=\"icon\"></i>\n  </button>`,\n  styleUrls: ['clear-button.component.css'],\n\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgClass, AsyncPipe, AXTranslatorPipe],\n\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorClearButtonComponent }],\n})\nexport class AXDecoratorClearButtonComponent extends MXBaseComponent {\n  private _parent = inject<AXClearableComponent>(AXClearableComponent, { optional: true });\n\n  /**\n   *  @ignore\n   */\n  private _icon = 'ax-icon ax-icon-close';\n\n  /**\n   * The icon displayed on the clear button.\n   */\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n\n  /**\n   * Sets the icon displayed on the clear button.\n   *\n   * @param v - The icon class to display. If not provided, defaults to 'ax-icon-close'.\n   */\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  /**\n   * Reads a parent property that may be a plain value or an Angular signal/model.\n   */\n  #resolve(prop: unknown): unknown {\n    return typeof prop === 'function' ? (prop as () => unknown)() : prop;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get hostClass(): string {\n    const disabled = !!this.#resolve(this._parent?.disabled);\n    const readonly = !!this.#resolve(this._parent?.readonly);\n    const value = this.#resolve(this._parent?.value);\n    const empty = value == null || value === '' || (Array.isArray(value) && value.length === 0);\n    const hidden = !this._parent || disabled || readonly || empty;\n    return `ax-general-button-icon ${hidden ? 'ax-hidden' : ''}`;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  protected _handleOnClick(e: MouseEvent) {\n    e.stopPropagation();\n    if (!this._parent) {\n      return;\n    }\n    const disabled = !!this.#resolve(this._parent.disabled);\n    const readonly = !!this.#resolve(this._parent.readonly);\n    if (!disabled && !readonly) {\n      this._parent.reset(true);\n    }\n  }\n}\n","import { AXClosableComponent, AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { Component, HostListener, inject, input, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * A button component that displays a close icon and triggers an action when clicked.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-close-button',\n  template: `<button\n    type=\"button\"\n    role=\"button\"\n    [attr.aria-label]=\"\n      closeAll()\n        ? ('@acorex:common.general.close-all' | translate | async)\n        : ('@acorex:common.general.close' | translate | async)\n    \"\n    [title]=\"\n      closeAll()\n        ? ('@acorex:common.general.close-all' | translate | async)\n        : ('@acorex:common.general.close' | translate | async)\n    \"\n  >\n    <i [ngClass]=\"icon\"></i>\n  </button>`,\n  styleUrls: ['close-button.component.css'],\n\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgClass, AsyncPipe, AXTranslatorPipe],\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorCloseButtonComponent }],\n})\nexport class AXDecoratorCloseButtonComponent extends MXBaseComponent {\n  private _parent = inject<AXClosableComponent>(AXClosableComponent, { optional: true });\n\n  // @Inject(AXClosableComponent) private _parent?: AXClosableComponent,\n  closeAll = input(false);\n\n  /**\n   *  @ignore\n   */\n  private _icon = 'ax-icon ax-icon-close';\n\n  /**\n   * The icon class to be applied to the button.\n   */\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n\n  /**\n   * Sets the icon class to be applied to the button.\n   *\n   * @param v The icon class.\n   */\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click')\n  protected _handleOnClick() {\n    if (this.closeAll()) {\n      this._parent?.closeAll();\n    } else {\n      this._parent?.close();\n    }\n  }\n}\n","import { AXComponent } from '@acorex/cdk/common';\nimport { Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-color-indicator',\n  templateUrl: './color-indicator.component.html',\n  styleUrls: ['./color-indicator.component.css'],\n  encapsulation: ViewEncapsulation.None,\n\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorColorIndicatorComponent }],\n})\nexport class AXDecoratorColorIndicatorComponent {\n  previewColor = input();\n}\n","<div [style]=\"{ backgroundColor: previewColor() }\" class=\"ax-indicator-color\"></div>\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXFullScreenService } from '@acorex/core/full-screen';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { afterNextRender, Component, effect, ElementRef, inject, model, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-fullscreen-button',\n  template: ` <button\n    type=\"button\"\n    tabIndex=\"-1\"\n    role=\"button\"\n    [attr.aria-label]=\"'@acorex:common.general.full-screen' | translate | async\"\n    [title]=\"'@acorex:common.general.full-screen' | translate | async\"\n  >\n    <i class=\"ax-icon {{ this.isActive() ? 'ax-icon-close' : 'ax-icon-full-screen' }} \"></i>\n  </button>`,\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorFullScreenButtonComponent }],\n  imports: [AsyncPipe, AXTranslatorPipe],\n  styles: `\n    ax-fullscreen-button {\n      min-width: 1rem;\n    }\n  `,\n})\nexport class AXDecoratorFullScreenButtonComponent extends MXBaseComponent {\n  private readonly fullScreenService = inject(AXFullScreenService);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  element = model<HTMLElement>();\n  isActive = model(false);\n\n  #init = afterNextRender(() => {\n    this.elementRef.nativeElement.onclick = () => {\n      this.isActive.update((prev) => !prev);\n    };\n  });\n\n  #eff = effect(() => {\n    if (this.isActive()) {\n      this.fullScreenService.enter(this.element());\n    } else {\n      this.fullScreenService.exit(this.element());\n    }\n  });\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * A flexible component for various UI elements like footer, header, content, and more.\n * @category Components\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-subtitle, ax-placeholder, ax-overlay',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./generic-content.component.css'],\n\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-subtitle', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-placeholder', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-overlay', useExisting: AXDecoratorGenericComponent },\n    { provide: AXComponent, useExisting: AXDecoratorGenericComponent },\n  ],\n})\nexport class AXDecoratorGenericComponent extends MXBaseComponent {}\n","import { AXComponent, AXSurfaceType, MXBaseComponent } from '@acorex/cdk/common';\nimport { Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\ntype AXHeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';\n\n/**\n * A button component that displays a close icon and triggers an action when clicked.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-heading',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['heading.component.css'],\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorHeadingComponent }],\n})\nexport class AXDecoratorHeadingComponent extends MXBaseComponent {\n  darkMode = input(true);\n  color = input<AXSurfaceType>('lightest');\n  weight = input<AXHeadingWeight>('semibold');\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-heading-${this.color()} ax-${this.weight()} ${!this.darkMode() && 'ax-heading-no-dark'}`;\n  }\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * A component for displaying various types of icons including `<i>`, `<span>`, `<svg>`, and `<img>`.\n * @category Components\n */\n@Component({\n  selector: 'ax-icon',\n  template: '<ng-content></ng-content>',\n  styles: `\n    ax-icon {\n      display: inherit;\n    }\n  `,\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: 'ax-icon', useExisting: AXDecoratorIconComponent },\n    { provide: AXComponent, useExisting: AXDecoratorIconComponent },\n  ],\n})\nexport class AXDecoratorIconComponent extends MXBaseComponent {\n  /**\n   * Specifies the icon to be displayed.\n   *\n   * @defaultValue  ''\n   */\n  @Input()\n  icon = '';\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __iconClass(): string {\n    this.cdr.detectChanges();\n    return `${this.icon}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDecoratorClearButtonComponent } from './components/clear-button/clear-button.component';\nimport { AXDecoratorCloseButtonComponent } from './components/close-button/close-button.component';\nimport { AXDecoratorColorIndicatorComponent } from './components/color-indicator/color-indicator.component';\nimport { AXDecoratorFullScreenButtonComponent } from './components/full-screen/full-screen-button.component';\nimport { AXDecoratorGenericComponent } from './components/generic-content.component';\nimport { AXDecoratorHeadingComponent } from './components/heading/heading.component';\nimport { AXDecoratorIconComponent } from './components/icon/icon.component';\n\nconst COMPONENT = [\n  AXDecoratorIconComponent,\n  AXDecoratorClearButtonComponent,\n  AXDecoratorCloseButtonComponent,\n  AXDecoratorGenericComponent,\n  AXDecoratorFullScreenButtonComponent,\n  AXDecoratorHeadingComponent,\n  AXDecoratorColorIndicatorComponent,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\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":["../../../../packages/components/decorators/src/lib/components/clear-button/clear-button.component.ts","../../../../packages/components/decorators/src/lib/components/color-indicator/color-indicator.component.ts","../../../../packages/components/decorators/src/lib/components/color-indicator/color-indicator.component.html","../../../../packages/components/decorators/src/lib/components/full-screen/full-screen-button.component.ts","../../../../packages/components/decorators/src/lib/components/generic-content.component.ts","../../../../packages/components/decorators/src/lib/components/heading/heading.component.ts","../../../../packages/components/decorators/src/lib/components/icon/icon.component.ts","../../../../packages/components/decorators/src/lib/decorators.module.ts","../../../../packages/components/decorators/src/acorex-components-decorators.ts"],"sourcesContent":["import { AXClearableComponent, AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { Component, HostBinding, HostListener, Input, ViewEncapsulation, inject } from '@angular/core';\n/**\n * A button component that allows users to clear or reset a value.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-clear-button',\n  template: `<button\n    type=\"button\"\n    tabIndex=\"-1\"\n    role=\"button\"\n    [attr.aria-label]=\"'@acorex:common.general.clear' | translate | async\"\n    [title]=\"'@acorex:common.general.clear' | translate | async\"\n  >\n    <i class=\"ax-icon-solid\" [ngClass]=\"icon\"></i>\n  </button>`,\n  styleUrls: ['clear-button.component.css'],\n\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgClass, AsyncPipe, AXTranslatorPipe],\n\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorClearButtonComponent }],\n})\nexport class AXDecoratorClearButtonComponent extends MXBaseComponent {\n  private _parent = inject<AXClearableComponent>(AXClearableComponent, { optional: true });\n\n  /**\n   *  @ignore\n   */\n  private _icon = 'ax-icon ax-icon-close';\n\n  /**\n   * The icon displayed on the clear button.\n   */\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n\n  /**\n   * Sets the icon displayed on the clear button.\n   *\n   * @param v - The icon class to display. If not provided, defaults to 'ax-icon-close'.\n   */\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  /**\n   * Reads a parent property that may be a plain value or an Angular signal/model.\n   */\n  #resolve(prop: unknown): unknown {\n    return typeof prop === 'function' ? (prop as () => unknown)() : prop;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get hostClass(): string {\n    const disabled = !!this.#resolve(this._parent?.disabled);\n    const readonly = !!this.#resolve(this._parent?.readonly);\n    const value = this.#resolve(this._parent?.value);\n    const empty = value == null || value === '' || (Array.isArray(value) && value.length === 0);\n    const hidden = !this._parent || disabled || readonly || empty;\n    return `ax-general-button-icon ${hidden ? 'ax-hidden' : ''}`;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  protected _handleOnClick(e: MouseEvent) {\n    e.stopPropagation();\n    if (!this._parent) {\n      return;\n    }\n    const disabled = !!this.#resolve(this._parent.disabled);\n    const readonly = !!this.#resolve(this._parent.readonly);\n    if (!disabled && !readonly) {\n      this._parent.reset(true);\n    }\n  }\n}\n","import { AXComponent } from '@acorex/cdk/common';\nimport { Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-color-indicator',\n  templateUrl: './color-indicator.component.html',\n  styleUrls: ['./color-indicator.component.css'],\n  encapsulation: ViewEncapsulation.None,\n\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorColorIndicatorComponent }],\n})\nexport class AXDecoratorColorIndicatorComponent {\n  previewColor = input();\n}\n","<div [style]=\"{ backgroundColor: previewColor() }\" class=\"ax-indicator-color\"></div>\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXFullScreenMode, AXFullScreenService } from '@acorex/core/full-screen';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { afterNextRender, Component, effect, ElementRef, inject, input, model, untracked, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-fullscreen-button',\n  template: ` <button\n    type=\"button\"\n    tabIndex=\"-1\"\n    role=\"button\"\n    [attr.aria-label]=\"'@acorex:common.general.full-screen' | translate | async\"\n    [title]=\"'@acorex:common.general.full-screen' | translate | async\"\n  >\n    <i class=\"ax-icon {{ this.isActive() ? 'ax-icon-close' : 'ax-icon-full-screen' }} \"></i>\n  </button>`,\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorFullScreenButtonComponent }],\n  imports: [AsyncPipe, AXTranslatorPipe],\n  styles: `\n    ax-fullscreen-button {\n      min-width: 1rem;\n    }\n  `,\n})\nexport class AXDecoratorFullScreenButtonComponent extends MXBaseComponent {\n  private readonly fullScreenService = inject(AXFullScreenService);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Target element to fullscreen. Falls back to the closest decorated parent when omitted.\n   */\n  element = model<HTMLElement>();\n\n  /**\n   * Whether fullscreen mode is active.\n   */\n  isActive = model(false);\n\n  /**\n   * Fullscreen implementation mode.\n   * @defaultValue 'overlay'\n   */\n  mode = input<AXFullScreenMode>('overlay');\n\n  #init = afterNextRender(() => {\n    this.elementRef.nativeElement.onclick = () => {\n      this.isActive.update((prev) => !prev);\n    };\n  });\n\n  #syncActiveState = effect(() => {\n    const target = this.element();\n    if (!target) {\n      return;\n    }\n\n    const isServiceActive = this.fullScreenService.isActive(target);\n    if (!isServiceActive && this.isActive()) {\n      untracked(() => {\n        this.isActive.set(false);\n      });\n    }\n  });\n\n  #eff = effect(() => {\n    const target = this.element();\n    if (!target) {\n      return;\n    }\n\n    if (this.isActive()) {\n      this.fullScreenService.enter(target, this.mode());\n    } else if (this.fullScreenService.isActive(target)) {\n      this.fullScreenService.exit(target);\n    }\n  });\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * A flexible component for various UI elements like footer, header, content, and more.\n * @category Components\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-subtitle, ax-placeholder, ax-overlay',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./generic-content.component.css'],\n\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-subtitle', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-placeholder', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-overlay', useExisting: AXDecoratorGenericComponent },\n    { provide: AXComponent, useExisting: AXDecoratorGenericComponent },\n  ],\n})\nexport class AXDecoratorGenericComponent extends MXBaseComponent {}\n","import { AXComponent, AXSurfaceType, MXBaseComponent } from '@acorex/cdk/common';\nimport { Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\ntype AXHeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';\n\n/**\n * A button component that displays a close icon and triggers an action when clicked.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-heading',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['heading.component.css'],\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXDecoratorHeadingComponent }],\n})\nexport class AXDecoratorHeadingComponent extends MXBaseComponent {\n  darkMode = input(true);\n  color = input<AXSurfaceType>('lightest');\n  weight = input<AXHeadingWeight>('semibold');\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-heading-${this.color()} ax-${this.weight()} ${!this.darkMode() && 'ax-heading-no-dark'}`;\n  }\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * A component for displaying various types of icons including `<i>`, `<span>`, `<svg>`, and `<img>`.\n * @category Components\n */\n@Component({\n  selector: 'ax-icon',\n  template: '<ng-content></ng-content>',\n  styles: `\n    ax-icon {\n      display: inherit;\n    }\n  `,\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: 'ax-icon', useExisting: AXDecoratorIconComponent },\n    { provide: AXComponent, useExisting: AXDecoratorIconComponent },\n  ],\n})\nexport class AXDecoratorIconComponent extends MXBaseComponent {\n  /**\n   * Specifies the icon to be displayed.\n   *\n   * @defaultValue  ''\n   */\n  @Input()\n  icon = '';\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __iconClass(): string {\n    this.cdr.detectChanges();\n    return `${this.icon}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDecoratorClearButtonComponent } from './components/clear-button/clear-button.component';\nimport { AXDecoratorColorIndicatorComponent } from './components/color-indicator/color-indicator.component';\nimport { AXDecoratorFullScreenButtonComponent } from './components/full-screen/full-screen-button.component';\nimport { AXDecoratorGenericComponent } from './components/generic-content.component';\nimport { AXDecoratorHeadingComponent } from './components/heading/heading.component';\nimport { AXDecoratorIconComponent } from './components/icon/icon.component';\n\nconst COMPONENT = [\n  AXDecoratorIconComponent,\n  AXDecoratorClearButtonComponent,\n  AXDecoratorGenericComponent,\n  AXDecoratorFullScreenButtonComponent,\n  AXDecoratorHeadingComponent,\n  AXDecoratorColorIndicatorComponent,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\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

@@ -55,8 +55,8 @@ class AXDialogComponent extends MXBaseComponent {
             closeCallback();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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\"" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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\"" } }, providers: [
             {
                 provide: AXClosableComponent,
                 useExisting: AXDialogComponent,
@@ -65,9 +65,9 @@ class AXDialogComponent extends MXBaseComponent {
                 provide: AXComponent,
                 useExisting: AXDialogComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-dialog ax-orientation-{{ data().orientation }}\"\n  tabindex=\"-1\"\n  axFocusTrap\n  [axFocusTrapArrowNavigation]=\"true\"\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 ax-{{ data().type }} {{ 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    <ax-suffix>\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 || 'solid'\"\n        [disabled]=\"button.disabled\"\n        [color]=\"button.color || 'default'\"\n      >\n        @if (button.loading) {\n          <ax-loading></ax-loading>\n        }\n      </ax-button>\n    }\n    </ax-suffix>\n  </ax-footer>\n</div>\n", styles: ["@layer properties;@layer components{.ax-dialog{--ax-comp-dialog-shadow-rest: 0 0 #0000;--ax-comp-dialog-highlight-rest: var(--ax-sys-highlight-surface);--ax-comp-dialog-inner-border-rest: var(--ax-sys-inner-border-surface);--ax-comp-dialog-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-surface);--ax-comp-dialog-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-surface);--ax-comp-dialog-backdrop-filter-rest: var(--ax-sys-backdrop-filter-surface);--ax-comp-dialog-background-image-rest: var(--ax-sys-gradient-surface);--ax-comp-dialog-surface-overlay-rest: var(--ax-sys-surface-overlay-modal);position:relative;display:flex;width:93vw;max-width:560px;min-width:280px;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl, .75rem);border-style:var(--tw-border-style);border-width:1px;background-color:rgba(var(--ax-sys-color-lightest-surface));color:rgba(var(--ax-sys-color-on-lightest-surface));border-color:rgba(var(--ax-sys-color-border-lightest-surface));box-shadow:var(--ax-comp-dialog-contrast-inner-border-rest),var(--ax-comp-dialog-inner-border-rest),var(--ax-comp-dialog-highlight-rest),var(--ax-comp-dialog-shadow-rest);background-image:linear-gradient(var(--ax-comp-dialog-contrast-surface-overlay-rest),var(--ax-comp-dialog-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-dialog-surface-overlay-rest),var(--ax-comp-dialog-surface-overlay-rest)),var(--ax-comp-dialog-background-image-rest);backdrop-filter:var(--ax-comp-dialog-backdrop-filter-rest);-webkit-backdrop-filter:var(--ax-comp-dialog-backdrop-filter-rest)}@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:25vw}}.ax-dialog:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darker-surface));color:rgba(var(--ax-sys-color-on-darker-surface));border-color:rgba(var(--ax-sys-color-border-darker-surface))}.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{display:flex;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 6)}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{display:flex!important;min-height:calc(var(--spacing, .25rem) * 12)!important;width:calc(var(--spacing, .25rem) * 12)!important;cursor:move!important;align-items:center!important;justify-content:center!important;border-radius:calc(infinity * 1px)!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}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{margin-inline-start:calc(var(--spacing, .25rem) * 4);flex:1}.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{align-items:flex-end;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 3)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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}}}\n/*! tailwindcss v4.1.16 | 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: "directive", type: AXFocusTrapDirective, selector: "[axFocusTrap]", inputs: ["axFocusTrapArrowNavigation"] }, { 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" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-dialog ax-orientation-{{ data().orientation }}\"\n  tabindex=\"-1\"\n  axFocusTrap\n  [axFocusTrapArrowNavigation]=\"true\"\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 ax-{{ data().type }} {{ 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    <ax-suffix>\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 || 'solid'\"\n        [disabled]=\"button.disabled\"\n        [color]=\"button.color || 'default'\"\n      >\n        @if (button.loading) {\n          <ax-loading></ax-loading>\n        }\n      </ax-button>\n    }\n    </ax-suffix>\n  </ax-footer>\n</div>\n", styles: ["@layer properties;@layer components{.ax-dialog{--ax-comp-dialog-shadow-rest: 0 0 #0000;--ax-comp-dialog-highlight-rest: var(--ax-sys-highlight-surface);--ax-comp-dialog-inner-border-rest: var(--ax-sys-inner-border-surface);--ax-comp-dialog-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-surface);--ax-comp-dialog-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-surface);--ax-comp-dialog-backdrop-filter-rest: var(--ax-sys-backdrop-filter-surface);--ax-comp-dialog-background-image-rest: var(--ax-sys-gradient-surface);--ax-comp-dialog-surface-overlay-rest: var(--ax-sys-surface-overlay-modal);position:relative;display:flex;width:93vw;max-width:560px;min-width:280px;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl, .75rem);border-style:var(--tw-border-style);border-width:1px;background-color:rgba(var(--ax-sys-color-lightest-surface));color:rgba(var(--ax-sys-color-on-lightest-surface));border-color:rgba(var(--ax-sys-color-border-lightest-surface));box-shadow:var(--ax-comp-dialog-contrast-inner-border-rest),var(--ax-comp-dialog-inner-border-rest),var(--ax-comp-dialog-highlight-rest),var(--ax-comp-dialog-shadow-rest);background-image:linear-gradient(var(--ax-comp-dialog-contrast-surface-overlay-rest),var(--ax-comp-dialog-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-dialog-surface-overlay-rest),var(--ax-comp-dialog-surface-overlay-rest)),var(--ax-comp-dialog-background-image-rest);backdrop-filter:var(--ax-comp-dialog-backdrop-filter-rest);-webkit-backdrop-filter:var(--ax-comp-dialog-backdrop-filter-rest)}@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:25vw}}.ax-dialog:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-darker-surface));color:rgba(var(--ax-sys-color-on-darker-surface));border-color:rgba(var(--ax-sys-color-border-darker-surface))}.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{display:flex;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 6)}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{display:flex!important;min-height:calc(var(--spacing, .25rem) * 12)!important;width:calc(var(--spacing, .25rem) * 12)!important;cursor:move!important;align-items:center!important;justify-content:center!important;border-radius:calc(infinity * 1px)!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}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{margin-inline-start:calc(var(--spacing, .25rem) * 4);flex:1}.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{align-items:flex-end;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 3)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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}}}\n/*! tailwindcss v4.1.16 | 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", "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: "directive", type: AXFocusTrapDirective, selector: "[axFocusTrap]", inputs: ["axFocusTrapArrowNavigation"] }, { 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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-dialog', encapsulation: ViewEncapsulation.None, host: {
                         '[attr.tabIndex]': '"-1"',
@@ -331,10 +331,10 @@ class AXDialogService {
             },
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -351,8 +351,8 @@ const MODULES = [
     AXTranslationModule,
 ];
 class AXDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXDialogModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXDialogModule, imports: [CommonModule,
             AXCommonModule,
             DragDropModule,
             A11yModule,
@@ -360,9 +360,9 @@ class AXDialogModule {
             AXDecoratorModule,
             AXLoadingModule,
             AXTranslationModule, AXDialogComponent], exports: [AXDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDialogModule, providers: [AXDialogService, AXHotkeysService], imports: [MODULES, COMPONENT] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDialogModule, providers: [AXDialogService, AXHotkeysService], imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],