@acorex/components 22.2.14 → 22.2.15

package/fesm2022/acorex-components-bottom-navigation.mjs

@@ -31,10 +31,10 @@ class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MX
             isUserInteraction: e.isTrusted,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXBottomNavigationItemComponent, isStandalone: true, selector: "ax-bottom-navigation-item", inputs: { disabled: "disabled", tabIndex: "tabIndex", name: "name", active: "active" }, outputs: { disabledChange: "disabledChange", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXBottomNavigationItemComponent, isStandalone: true, selector: "ax-bottom-navigation-item", inputs: { disabled: "disabled", tabIndex: "tabIndex", name: "name", active: "active" }, outputs: { disabledChange: "disabledChange", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }], usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-bottom-navigation-item', inputs: ['disabled', 'tabIndex'], outputs: ['disabledChange', 'onFocus', 'onBlur'], encapsulation: ViewEncapsulation.None, hostDirectives: [AXRippleDirective], providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }], template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n" }]
         }], propDecorators: { name: [{
@@ -102,10 +102,10 @@ class AXBottomNavigationComponent {
     get __hostClass() {
         return ` ax-look-${this.look()} ax-indicator-${this.indicatorPosition()} ${this.hasBorder() ? 'ax-has-border' : ''}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXBottomNavigationComponent, isStandalone: true, selector: "ax-bottom-navigation", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface);--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem;display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--ax-comp-bottom-navigation-bg-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex:1;cursor:pointer;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{display:block;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{--tw-font-weight: var(--font-weight-bold, 700) !important;font-weight:var(--font-weight-bold, 700)!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:50%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:75%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{color:var(--ax-comp-bottom-navigation-active-text-color)!important;opacity:100%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:30%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{display:block;justify-content:center;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));width:unset;height:unset}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-right-radius:var(--radius-xs, .125rem);border-bottom-left-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--radius-xs, .125rem);border-top-right-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{position:absolute;height:.2rem;width:calc(3/5 * 100%);background-color:transparent;content:\"\"}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\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: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXBottomNavigationComponent, isStandalone: true, selector: "ax-bottom-navigation", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface);--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem;display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--ax-comp-bottom-navigation-bg-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex:1;cursor:pointer;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{display:block;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{--tw-font-weight: var(--font-weight-bold, 700) !important;font-weight:var(--font-weight-bold, 700)!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:50%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:75%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{color:var(--ax-comp-bottom-navigation-active-text-color)!important;opacity:100%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:30%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{display:block;justify-content:center;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));width:unset;height:unset}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-right-radius:var(--radius-xs, .125rem);border-bottom-left-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--radius-xs, .125rem);border-top-right-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{position:absolute;height:.2rem;width:calc(3/5 * 100%);background-color:transparent;content:\"\"}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\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: AXBottomNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-bottom-navigation', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface);--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem;display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--ax-comp-bottom-navigation-bg-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex:1;cursor:pointer;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{display:block;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{--tw-font-weight: var(--font-weight-bold, 700) !important;font-weight:var(--font-weight-bold, 700)!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:50%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:75%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{color:var(--ax-comp-bottom-navigation-active-text-color)!important;opacity:100%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:30%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{display:block;justify-content:center;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));width:unset;height:unset}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-right-radius:var(--radius-xs, .125rem);border-bottom-left-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--radius-xs, .125rem);border-top-right-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{position:absolute;height:.2rem;width:calc(3/5 * 100%);background-color:transparent;content:\"\"}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _contentButtons: [{
@@ -117,11 +117,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 
 class AXBottomNavigationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationModule, imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent], exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationModule, imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent], exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],

package/fesm2022/acorex-components-breadcrumbs.mjs

@@ -36,10 +36,10 @@ class AXBreadCrumbsComponent extends MXBaseComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXBreadCrumbsComponent, isStandalone: true, selector: "ax-breadcrumbs", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties;@layer components{ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;align-items:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;text-decoration-thickness:0px;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:50%!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:calc(var(--spacing, .25rem) * 1)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing, .25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@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"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXBreadCrumbsComponent, isStandalone: true, selector: "ax-breadcrumbs", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties;@layer components{ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;align-items:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;text-decoration-thickness:0px;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:50%!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:calc(var(--spacing, .25rem) * 1)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing, .25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@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"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties;@layer components{ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;align-items:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;text-decoration-thickness:0px;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:50%!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:calc(var(--spacing, .25rem) * 1)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing, .25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@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"] }]
         }], propDecorators: { _divider: [{ type: i0.ContentChild, args: ['divider', { isSignal: true }] }], dividerTemplate: [{ type: i0.ViewChild, args: ['dividerTpl', { isSignal: true }] }] } });
@@ -64,10 +64,10 @@ class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
     get __hostClass() {
         return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-breadcrumbs-item', inputs: ['disabled'], imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n" }]
         }], propDecorators: { active: [{
@@ -78,11 +78,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 
 class AXBreadcrumbsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXBreadcrumbsModule, imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadcrumbsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXBreadcrumbsModule, imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadcrumbsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],

package/fesm2022/acorex-components-bubble.mjs

@@ -29,15 +29,15 @@ class AXBubbleComponent extends MXColorLookComponent {
     get __hostClass() {
         return [this.isown() ? 'ax-isown' : ''].filter(Boolean).join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBubbleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXBubbleComponent, isStandalone: true, selector: "ax-bubble", inputs: { isown: { classPropertyName: "isown", publicName: "isown", isSignal: true, isRequired: false, transformFunction: null }, templateData: { classPropertyName: "templateData", publicName: "templateData", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXBubbleComponent, isStandalone: true, selector: "ax-bubble", inputs: { isown: { classPropertyName: "isown", publicName: "isown", isSignal: true, isRequired: false, transformFunction: null }, templateData: { classPropertyName: "templateData", publicName: "templateData", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             {
                 provide: AXComponent,
                 useExisting: AXBubbleComponent,
             },
         ], queries: [{ propertyName: "axheader", first: true, predicate: ["ax-header"], descendants: true, isSignal: true }, { propertyName: "axfooter", first: true, predicate: ["ax-footer"], descendants: true, isSignal: true }, { propertyName: "axcontent", first: true, predicate: ["ax-content"], descendants: true, isSignal: true }, { propertyName: "axprefix", first: true, predicate: ["ax-prefix"], descendants: true, isSignal: true }, { propertyName: "axsuffix", first: true, predicate: ["ax-suffix"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (hasTemplate()) {\n  <ng-container [ngTemplateOutlet]=\"itemTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: templateData() }\" />\n} @else {\n  <ng-content select=\"ax-header\"></ng-content>\n  <div class=\"ax-bubble-content\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n    <div class=\"ax-bubble-content-inner\">\n      <ng-content select=\"ax-content\"></ng-content>\n\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"ax-suffix\"></ng-content>\n  </div>\n  <ng-content select=\"ax-footer\"></ng-content>\n}\n", styles: ["@layer properties;@layer components{ax-bubble{--ax-comp-bubble-radius: 12px;--ax-comp-bubble-padding-x: 8px;--ax-comp-bubble-padding-y: 4px;--ax-comp-bubble-font-size: .875rem;--ax-comp-bubble-line-height: 1.375rem;--ax-comp-bubble-color: var(--color-text-default);--ax-comp-bubble-bg: var(--color-lightest);--ax-comp-bubble-bg-self: var(--color-primary-lighter);--ax-comp-bubble-color-self: var(--color-on-primary-lighter);--ax-comp-bubble-tail-self: 0;--ax-comp-bubble-tail-other: 0;--ax-comp-bubble-border-width: 1px;--ax-comp-bubble-border: var(--color-border-lightest);--ax-comp-bubble-border-self: var(--color-border-primary-lightest);position:relative;display:inline-flex;width:fit-content;max-width:100%;flex-direction:column;gap:2px;min-width:0;overflow:visible;color:var(--ax-comp-bubble-color);background-color:var(--ax-comp-bubble-bg);border-radius:var(--ax-comp-bubble-radius);padding:var(--ax-comp-bubble-padding-y) var(--ax-comp-bubble-padding-x);font-size:var(--ax-comp-bubble-font-size);line-height:var(--ax-comp-bubble-line-height)}ax-bubble.ax-isown{color:var(--ax-comp-bubble-color-self);border-color:var(--ax-comp-bubble-border-self);border-width:var(--ax-comp-bubble-border-width);background-color:var(--ax-comp-bubble-bg-self);border-end-end-radius:var(--ax-comp-bubble-tail-self)}ax-bubble.ax-isown .ax-bubble-content{display:flex;flex-direction:row-reverse}ax-bubble:not(.ax-isown){border-color:var(--ax-comp-bubble-border);border-width:var(--ax-comp-bubble-border-width);border-end-start-radius:0;border-end-end-radius:var(--ax-comp-bubble-radius)}ax-bubble .ax-bubble-content{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}ax-bubble .ax-bubble-content-inner{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)}}@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"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBubbleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-bubble', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -51,11 +51,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 
 class AXBubbleModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBubbleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXBubbleModule, imports: [AXBubbleComponent], exports: [AXBubbleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBubbleModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleModule, imports: [AXBubbleComponent], exports: [AXBubbleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBubbleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXBubbleComponent],

package/fesm2022/acorex-components-button-group.mjs

@@ -186,10 +186,10 @@ class AXButtonGroupComponent extends MXInteractiveComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXButtonGroupComponent, isStandalone: true, selector: "ax-button-group", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", disabledChange: "disabledChange", colorChange: "colorChange", lookChange: "lookChange", onClick: "onClick", selectionChange: "selectionChange", selectedButtonChange: "selectedButtonChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, providers: [{ provide: AXComponent, useExisting: AXButtonGroupComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["@layer components{ax-button-group{display:flex;flex-wrap:wrap}ax-button-group ax-button-group-item{min-width:calc(var(--spacing, .25rem) * 0)}ax-button-group ax-button-group-item ax-button{display:block}ax-button-group ax-button-group-item ax-button>button .ax-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{border-radius:0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item.ax-row-start ax-button{margin-inline-start:calc(var(--spacing, .25rem) * 0)}:is(ax-button-group ax-button-group-item:first-child,ax-button-group ax-button-group-item.ax-row-start) ax-button{border-radius:0;border-start-start-radius:var(--radius-lg, .5rem);border-end-start-radius:var(--radius-lg, .5rem)}:is(ax-button-group ax-button-group-item:last-child,ax-button-group ax-button-group-item.ax-row-end) ax-button{border-radius:0;border-start-end-radius:var(--radius-lg, .5rem);border-end-end-radius:var(--radius-lg, .5rem)}ax-button-group.ax-parent-fit{flex-wrap:wrap}ax-button-group.ax-parent-fit ax-button-group-item{width:100%}ax-button-group.ax-parent-fit ax-button-group-item ax-button{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: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: AXButtonGroupComponent, isStandalone: true, selector: "ax-button-group", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", disabledChange: "disabledChange", colorChange: "colorChange", lookChange: "lookChange", onClick: "onClick", selectionChange: "selectionChange", selectedButtonChange: "selectedButtonChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, providers: [{ provide: AXComponent, useExisting: AXButtonGroupComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["@layer components{ax-button-group{display:flex;flex-wrap:wrap}ax-button-group ax-button-group-item{min-width:calc(var(--spacing, .25rem) * 0)}ax-button-group ax-button-group-item ax-button{display:block}ax-button-group ax-button-group-item ax-button>button .ax-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{border-radius:0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item.ax-row-start ax-button{margin-inline-start:calc(var(--spacing, .25rem) * 0)}:is(ax-button-group ax-button-group-item:first-child,ax-button-group ax-button-group-item.ax-row-start) ax-button{border-radius:0;border-start-start-radius:var(--radius-lg, .5rem);border-end-start-radius:var(--radius-lg, .5rem)}:is(ax-button-group ax-button-group-item:last-child,ax-button-group ax-button-group-item.ax-row-end) ax-button{border-radius:0;border-start-end-radius:var(--radius-lg, .5rem);border-end-end-radius:var(--radius-lg, .5rem)}ax-button-group.ax-parent-fit{flex-wrap:wrap}ax-button-group.ax-parent-fit ax-button-group-item{width:100%}ax-button-group.ax-parent-fit ax-button-group-item ax-button{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: AXButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-button-group', encapsulation: ViewEncapsulation.None, inputs: ['disabled'], outputs: ['onBlur', 'onFocus', 'disabledChange'], providers: [{ provide: AXComponent, useExisting: AXButtonGroupComponent }], template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["@layer components{ax-button-group{display:flex;flex-wrap:wrap}ax-button-group ax-button-group-item{min-width:calc(var(--spacing, .25rem) * 0)}ax-button-group ax-button-group-item ax-button{display:block}ax-button-group ax-button-group-item ax-button>button .ax-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{border-radius:0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item.ax-row-start ax-button{margin-inline-start:calc(var(--spacing, .25rem) * 0)}:is(ax-button-group ax-button-group-item:first-child,ax-button-group ax-button-group-item.ax-row-start) ax-button{border-radius:0;border-start-start-radius:var(--radius-lg, .5rem);border-end-start-radius:var(--radius-lg, .5rem)}:is(ax-button-group ax-button-group-item:last-child,ax-button-group ax-button-group-item.ax-row-end) ax-button{border-radius:0;border-start-end-radius:var(--radius-lg, .5rem);border-end-end-radius:var(--radius-lg, .5rem)}ax-button-group.ax-parent-fit{flex-wrap:wrap}ax-button-group.ax-parent-fit ax-button-group-item{width:100%}ax-button-group.ax-parent-fit ax-button-group-item ax-button{width:100%}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { fitParent: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitParent", required: false }] }], colorChange: [{
@@ -300,8 +300,8 @@ class AXButtonGroupItemComponent extends MXInteractiveComponent {
             .map((c) => c[0])
             .join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonGroupItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXButtonGroupItemComponent, isStandalone: true, selector: "ax-button-group-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, divided: { classPropertyName: "divided", publicName: "divided", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange", customClass: "classChange" }, host: { listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass", "attr.tabindex": "this.tabindex" } }, providers: [{ provide: AXComponent, useExisting: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonGroupItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXButtonGroupItemComponent, isStandalone: true, selector: "ax-button-group-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, divided: { classPropertyName: "divided", publicName: "divided", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange", customClass: "classChange" }, host: { listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass", "attr.tabindex": "this.tabindex" } }, providers: [{ provide: AXComponent, useExisting: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: `
     <ax-button
       [color]="color && color !== 'default' ? color : btnGroup.color"
       [text]="text"
@@ -314,7 +314,7 @@ class AXButtonGroupItemComponent extends MXInteractiveComponent {
     </ax-button>
   `, isInline: true, dependencies: [{ 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonGroupItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonGroupItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-button-group-item',
@@ -368,11 +368,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 
 class AXButtonGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXButtonGroupModule, imports: [AXButtonGroupComponent, AXButtonGroupItemComponent], exports: [AXButtonGroupComponent, AXButtonGroupItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonGroupModule, imports: [AXButtonGroupItemComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXButtonGroupModule, imports: [AXButtonGroupComponent, AXButtonGroupItemComponent], exports: [AXButtonGroupComponent, AXButtonGroupItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonGroupModule, imports: [AXButtonGroupItemComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXButtonGroupComponent, AXButtonGroupItemComponent],

package/fesm2022/acorex-components-button.mjs

@@ -105,8 +105,8 @@ class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorCompo
             .map((c) => c[0])
             .join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXButtonItemComponent, isStandalone: true, selector: "ax-button-item", inputs: { color: "color", disabled: "disabled", text: "text", selected: "selected", divided: "divided", data: "data", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass", "attr.tabindex": "this.tabindex" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXButtonItemComponent, isStandalone: true, selector: "ax-button-item", inputs: { color: "color", disabled: "disabled", text: "text", selected: "selected", divided: "divided", data: "data", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass", "attr.tabindex": "this.tabindex" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
     <div class="ax-action-item-prefix">
       <ng-content select="ax-prefix"> </ng-content>
       <ng-content select="ax-loading"> </ng-content>
@@ -121,7 +121,7 @@ class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorCompo
     <ng-content select="ax-dropdown-panel"> </ng-content>
   `, isInline: true, styles: ["@layer properties;@layer components{ax-button-item{display:flex;height:calc(var(--spacing, .25rem) * 9);width:100%;cursor:pointer;align-items:center;justify-content:space-between;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);padding-inline:var(--ax-comp-action-item-padding-inline, .875rem);color:var(--ax-comp-bg, var(--color-on-surface))}ax-button-item.ax-state-selected{background-color:rgba(var(--ax-sys-color-surface))}ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){background-color:rgba(var(--ax-sys-color-surface))}ax-button-item>div{display:flex;align-items:center;justify-content:center}ax-button-item>div.ax-action-item-prefix,ax-button-item>div.ax-action-item-suffix{gap:calc(var(--spacing, .25rem) * 2)}}@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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-button-item', template: `
     <div class="ax-action-item-prefix">
@@ -314,8 +314,8 @@ class AXButtonItemListComponent extends MXInteractiveComponent {
     get __hostClass() {
         return `ax-action-list ax-action-list-vertical`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXButtonItemListComponent, isStandalone: true, selector: "ax-button-item-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, closeParentOnClick: { classPropertyName: "closeParentOnClick", publicName: "closeParentOnClick", isSignal: true, isRequired: false, transformFunction: null }, lockOnLoading: { classPropertyName: "lockOnLoading", publicName: "lockOnLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXButtonItemListComponent, isStandalone: true, selector: "ax-button-item-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, closeParentOnClick: { classPropertyName: "closeParentOnClick", publicName: "closeParentOnClick", isSignal: true, isRequired: false, transformFunction: null }, lockOnLoading: { classPropertyName: "lockOnLoading", publicName: "lockOnLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXButtonItemListComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
     @for (item of items(); track item.name) {
       <ax-button-item
         [text]="item.text"
@@ -340,7 +340,7 @@ class AXButtonItemListComponent extends MXInteractiveComponent {
     <ng-content></ng-content>
   `, isInline: true, styles: ["@layer components{ax-button-item-list.ax-action-list{padding-block:var(--ax-comp-button-item-list-padding-block, .25rem)}ax-button-item-list .ax-button-item-loading{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { 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"] }, { kind: "component", type: AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-button-item-list', template: `
     @for (item of items(); track item.name) {
@@ -479,14 +479,14 @@ class AXButtonComponent extends MXButtonBaseComponent {
     blur() {
         this.getButton()?.blur();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXButtonComponent, isStandalone: true, selector: "ax-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", loadingText: "loadingTextChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXButtonComponent, isStandalone: true, selector: "ax-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", loadingText: "loadingTextChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXComponent, useExisting: AXButtonComponent },
             { provide: AXButtonItemComponent, useExisting: AXButtonComponent },
             { provide: AXFocusableComponent, useExisting: AXButtonComponent },
         ], queries: [{ propertyName: "loadingIcon", first: true, predicate: AXLoadingComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  [axRipple]\n  [attr.type]=\"type()\"\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (click)=\"_handleClick($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  class=\"{{ color }}\n  {{ interactiveLook }} \n  {{ selected ? 'ax-state-selected' : '' }} \n  {{ disabled ? 'ax-state-disabled' : '' }}\"\n>\n  <ng-content select=\"ax-loading, ax-loading-spinner\"> </ng-content>\n\n  @if (showIcon()) {\n    <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n  }\n\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText() && !iconOnly()) {\n    <span class=\"ax-button-text\">{{ text | translate | async }}</span>\n  }\n\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n\n  <ng-content></ng-content>\n</button>\n", styles: ["@layer properties;@layer components{ax-button{--ax-comp-button-shadow-rest: var(--ax-sys-effect-control-rest);--ax-comp-button-shadow-hover: var(--ax-sys-effect-control-hover);--ax-comp-button-shadow-active: var(--ax-sys-effect-control-active);--ax-comp-button-shadow-subtle-rest: var(--ax-sys-effect-control-subtle-rest);--ax-comp-button-shadow-subtle-hover: var(--ax-sys-effect-control-subtle-hover);--ax-comp-button-highlight-rest: var(--ax-sys-highlight-control);--ax-comp-button-highlight-hover: var(--ax-sys-highlight-control);--ax-comp-button-highlight-subtle: var(--ax-sys-highlight-control-subtle);--ax-comp-button-inner-border-rest: var(--ax-sys-inner-border-control);--ax-comp-button-inner-border-hover: var(--ax-sys-inner-border-control);--ax-comp-button-inner-border-active: var(--ax-sys-inner-border-control);--ax-comp-button-bevel-rest: var(--ax-sys-bevel-control-rest);--ax-comp-button-bevel-hover: var(--ax-sys-bevel-control-hover);--ax-comp-button-bevel-active: var(--ax-sys-bevel-control-active);--ax-comp-button-bevel-disabled: var(--ax-sys-bevel-control-disabled);--ax-comp-button-inset-shadow-active: var(--ax-sys-effect-control-active);--ax-comp-button-background-image-rest: var(--ax-sys-gradient-control-rest);--ax-comp-button-background-image-hover: var(--ax-sys-gradient-control-hover);--ax-comp-button-background-image-active: var(--ax-sys-gradient-control-active);--ax-comp-button-surface-overlay-rest: var(--ax-sys-surface-overlay-control-rest);--ax-comp-button-surface-overlay-hover: var(--ax-sys-surface-overlay-control-hover);--ax-comp-button-surface-overlay-active: var(--ax-sys-surface-overlay-control-active);--ax-comp-button-surface-overlay-subtle-rest: var(--ax-sys-surface-overlay-control-subtle-rest);--ax-comp-button-surface-overlay-subtle-hover: var(--ax-sys-surface-overlay-control-subtle-hover);--ax-comp-button-surface-overlay-subtle-active: var(--ax-sys-surface-overlay-control-subtle-active, var(--ax-sys-surface-overlay-control-active));--ax-comp-button-contrast-inner-border-rest: var(--ax-sys-contrast-inner-border-control);--ax-comp-button-contrast-inner-border-hover: var(--ax-sys-contrast-inner-border-control);--ax-comp-button-contrast-inner-border-active: var(--ax-sys-contrast-inner-border-control);--ax-comp-button-contrast-surface-overlay-rest: var(--ax-sys-contrast-surface-overlay-control);--ax-comp-button-transform-rest: var(--ax-sys-transform-control-rest);--ax-comp-button-transform-hover: var(--ax-sys-transform-control-hover);--ax-comp-button-transform-active: var(--ax-sys-transform-control-active);--ax-comp-button-transform-disabled: var(--ax-sys-transform-control-disabled);--ax-comp-button-transition-duration: var(--ax-sys-motion-duration);--ax-comp-button-transition-timing: var(--ax-sys-motion-timing);display:inline-flex;border-radius:var(--ax-sys-border-radius)}ax-button button{position:relative;display:flex;height:var(--ax-sys-size-base);width:100%;cursor:pointer;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:inherit;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);-webkit-user-select:none;user-select:none;transition-property:box-shadow,background-image,border-color,background-color,color,transform;transition-duration:var(--ax-comp-button-transition-duration);transition-timing-function:var(--ax-comp-button-transition-timing);transform:var(--ax-comp-button-transform-rest)}ax-button button.ax-state-disabled,ax-button button.ax-state-loading{cursor:not-allowed;opacity:50%;box-shadow:var(--ax-comp-button-contrast-inner-border-rest),var(--ax-comp-button-inner-border-rest);background-image:none;transform:var(--ax-comp-button-transform-disabled)}ax-button button.ax-solid-interactive{box-shadow:var(--ax-comp-button-contrast-inner-border-rest),var(--ax-comp-button-inner-border-rest),var(--ax-comp-button-bevel-rest),var(--ax-comp-button-highlight-rest),var(--ax-comp-button-shadow-rest);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-rest),var(--ax-comp-button-surface-overlay-rest)),var(--ax-comp-button-background-image-rest)}ax-button button.ax-solid-interactive.ax-default{border-color:rgba(var(--ax-sys-color-border-surface));--ax-comp-button-highlight-rest: 0 0 #0000;--ax-comp-button-highlight-hover: 0 0 #0000;--ax-comp-button-shadow-rest: var(--ax-sys-effect-control-neutral-rest);--ax-comp-button-shadow-hover: var(--ax-sys-effect-control-neutral-hover);--ax-comp-button-shadow-active: var(--ax-sys-effect-control-neutral-active);--ax-comp-button-inset-shadow-active: var(--ax-sys-effect-control-neutral-active);--ax-comp-button-bevel-rest: var(--ax-sys-bevel-control-neutral-rest);--ax-comp-button-bevel-hover: var(--ax-sys-bevel-control-neutral-hover);--ax-comp-button-bevel-active: var(--ax-sys-bevel-control-neutral-active);--ax-comp-button-bevel-disabled: var(--ax-sys-bevel-control-neutral-disabled);--ax-comp-button-inner-border-rest: var(--ax-sys-inner-border-control-neutral-rest);--ax-comp-button-inner-border-hover: var(--ax-sys-inner-border-control-neutral-hover);--ax-comp-button-inner-border-active: var(--ax-sys-inner-border-control-neutral-active);--ax-comp-button-background-image-rest: var(--ax-sys-gradient-control-neutral-rest);--ax-comp-button-background-image-hover: var(--ax-sys-gradient-control-neutral-hover);--ax-comp-button-background-image-active: var(--ax-sys-gradient-control-neutral-active)}ax-button button.ax-solid-interactive:not(.ax-state-disabled,.ax-state-loading):hover{box-shadow:var(--ax-comp-button-contrast-inner-border-hover),var(--ax-comp-button-inner-border-hover),var(--ax-comp-button-bevel-hover),var(--ax-comp-button-highlight-hover),var(--ax-comp-button-shadow-hover);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-hover),var(--ax-comp-button-surface-overlay-hover)),var(--ax-comp-button-background-image-hover);transform:var(--ax-comp-button-transform-hover)}ax-button button.ax-solid-interactive:not(.ax-state-disabled,.ax-state-loading):focus,ax-button button.ax-solid-interactive:not(.ax-state-disabled,.ax-state-loading):focus-within,ax-button button.ax-solid-interactive:not(.ax-state-disabled,.ax-state-loading):focus-visible{box-shadow:var(--ax-comp-button-contrast-inner-border-rest),var(--ax-comp-button-inner-border-rest),var(--ax-comp-button-bevel-rest),var(--ax-comp-button-highlight-rest),var(--ax-comp-button-shadow-rest);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-rest),var(--ax-comp-button-surface-overlay-rest)),var(--ax-comp-button-background-image-rest);transform:var(--ax-comp-button-transform-rest)}ax-button button.ax-solid-interactive:not(.ax-state-disabled,.ax-state-loading):active{box-shadow:var(--ax-comp-button-contrast-inner-border-active),var(--ax-comp-button-inner-border-active),var(--ax-comp-button-bevel-active),var(--ax-comp-button-inset-shadow-active);background-image:linear-gradient(var(--ax-comp-button-surface-overlay-active),var(--ax-comp-button-surface-overlay-active)),var(--ax-comp-button-background-image-active);transform:var(--ax-comp-button-transform-active)}ax-button button.ax-outline-interactive{box-shadow:var(--ax-comp-button-contrast-inner-border-rest);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-subtle-rest),var(--ax-comp-button-surface-overlay-subtle-rest))}ax-button button.ax-outline-interactive:not(.ax-state-disabled,.ax-state-loading):hover{box-shadow:var(--ax-comp-button-contrast-inner-border-hover),var(--ax-comp-button-highlight-subtle),var(--ax-comp-button-shadow-subtle-hover);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-subtle-hover),var(--ax-comp-button-surface-overlay-subtle-hover))}ax-button button.ax-outline-interactive:not(.ax-state-disabled,.ax-state-loading):active{box-shadow:var(--ax-comp-button-contrast-inner-border-active),var(--ax-comp-button-inset-shadow-active);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-subtle-active),var(--ax-comp-button-surface-overlay-subtle-active));transform:var(--ax-comp-button-transform-active)}ax-button button.ax-twotone-interactive{box-shadow:var(--ax-comp-button-contrast-inner-border-rest),var(--ax-comp-button-highlight-subtle),var(--ax-comp-button-shadow-subtle-rest);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-subtle-rest),var(--ax-comp-button-surface-overlay-subtle-rest))}ax-button button.ax-twotone-interactive:not(.ax-state-disabled,.ax-state-loading):hover{box-shadow:var(--ax-comp-button-contrast-inner-border-hover),var(--ax-comp-button-highlight-subtle),var(--ax-comp-button-shadow-subtle-hover);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-subtle-hover),var(--ax-comp-button-surface-overlay-subtle-hover))}ax-button button.ax-twotone-interactive:not(.ax-state-disabled,.ax-state-loading):active{box-shadow:var(--ax-comp-button-contrast-inner-border-active),var(--ax-comp-button-inset-shadow-active);background-image:linear-gradient(var(--ax-comp-button-contrast-surface-overlay-rest),var(--ax-comp-button-contrast-surface-overlay-rest)),linear-gradient(var(--ax-comp-button-surface-overlay-subtle-active),var(--ax-comp-button-surface-overlay-subtle-active));transform:var(--ax-comp-button-transform-active)}ax-button button.ax-blank-interactive{box-shadow:var(--ax-comp-button-contrast-inner-border-rest)}ax-button button.ax-blank-interactive:not(.ax-state-disabled,.ax-state-loading):hover{box-shadow:var(--ax-comp-button-contrast-inner-border-hover),var(--ax-comp-button-shadow-subtle-rest);background-image:linear-gradient(var(--ax-comp-button-surface-overlay-subtle-hover),var(--ax-comp-button-surface-overlay-subtle-hover))}ax-button button.ax-blank-interactive:not(.ax-state-disabled,.ax-state-loading):active{box-shadow:var(--ax-comp-button-contrast-inner-border-active),var(--ax-comp-button-inset-shadow-active);background-image:linear-gradient(var(--ax-comp-button-surface-overlay-active),var(--ax-comp-button-surface-overlay-active));transform:var(--ax-comp-button-transform-active)}ax-button button.ax-link-interactive{box-shadow:none;background-image:none;transform:none}ax-button.ax-xs button{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 4);line-height:calc(var(--spacing, .25rem) * 4)}ax-button.ax-sm button{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-button button,ax-button.ax-md button{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-button.ax-lg button{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-button.ax-xl button{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6)}ax-button .ax-button-text{text-wrap:nowrap}ax-button.ax-button-icon.ax-xs button{width:var(--ax-sys-size-base);height:var(--ax-sys-size-base);padding:calc(var(--spacing, .25rem) * 1);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-button.ax-button-icon.ax-sm button{width:var(--ax-sys-size-base);height:var(--ax-sys-size-base);padding:calc(var(--spacing, .25rem) * 1);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-button.ax-button-icon button,ax-button.ax-button-icon.ax-md button{width:var(--ax-sys-size-base);height:var(--ax-sys-size-base);padding: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)))}ax-button.ax-button-icon.ax-lg button{width:var(--ax-sys-size-base);height:var(--ax-sys-size-base);padding: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)))}ax-button.ax-button-icon.ax-xl button{width:var(--ax-sys-size-base);height:var(--ax-sys-size-base);padding: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)))}ax-button.ax-button-icon button ax-icon,ax-button.ax-button-icon button ax-prefix,ax-button.ax-button-icon button i{font-size:1.125em}ax-button ax-dropdown-panel{position:absolute}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@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-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-button', inputs: ['disabled', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: [
                         'onBlur',
@@ -508,11 +508,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 
 class AXButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXButtonModule, imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonModule, imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXButtonModule, imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonModule, imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent],