@acorex/components 22.1.0-next.31 → 22.1.0-next.32

package/fesm2022/acorex-components-slider.mjs

@@ -126,8 +126,8 @@ class AXSliderComponent extends classes((MXValueComponent), MXColorComponent) {
     get __hostClassDisabled() {
         return this.disabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXSliderComponent, isStandalone: true, selector: "ax-slider", inputs: { readonly: "readonly", disabled: "disabled", value: "value", name: "name", color: "color", minValue: "minValue", maxValue: "maxValue", step: "step", direction: "direction" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onChange: "onChange", onClick: "onClick" }, host: { properties: { "class": "this.__hostClass", "class.ax-state-disabled": "this.__hostClassDisabled" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXSliderComponent, isStandalone: true, selector: "ax-slider", inputs: { readonly: "readonly", disabled: "disabled", value: "value", name: "name", color: "color", minValue: "minValue", maxValue: "maxValue", step: "step", direction: "direction" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onChange: "onChange", onClick: "onClick" }, host: { properties: { "class": "this.__hostClass", "class.ax-state-disabled": "this.__hostClassDisabled" } }, providers: [
             { provide: AXValuableComponent, useExisting: AXSliderComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -137,7 +137,7 @@ class AXSliderComponent extends classes((MXValueComponent), MXColorComponent) {
             { provide: AXComponent, useExisting: AXSliderComponent },
         ], usesInheritance: true, ngImport: i0, template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range]:not([ngNoCva])[formControlName],input[type=range]:not([ngNoCva])[formControl],input[type=range]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-slider', inputs: ['readonly', 'disabled', 'value', 'name', 'color'], outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'], encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXValuableComponent, useExisting: AXSliderComponent },
@@ -167,11 +167,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const COMPONENT = [AXSliderComponent];
 const MODULES = [CommonModule, AXCommonModule, FormsModule];
 class AXSliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXSliderModule, imports: [CommonModule, AXCommonModule, FormsModule, AXSliderComponent], exports: [AXSliderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSliderModule, imports: [MODULES, COMPONENT] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXSliderModule, imports: [CommonModule, AXCommonModule, FormsModule, AXSliderComponent], exports: [AXSliderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSliderModule, imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-sliding-item.mjs

@@ -18,10 +18,10 @@ class AXSlidingItemPrefixComponent {
     _onclick() {
         this.onClick.emit({ component: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSlidingItemPrefixComponent, isStandalone: true, selector: "ax-sliding-item-prefix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", dependencies: [{ 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" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXSlidingItemPrefixComponent, isStandalone: true, selector: "ax-sliding-item-prefix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", dependencies: [{ 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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sliding-item-prefix', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXSlidingItemPrefixComponent }], template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
         }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], __hostClass: [{
@@ -46,10 +46,10 @@ class AXSlidingItemSuffixComponent {
     _onclick() {
         this.onClick.emit({ component: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSlidingItemSuffixComponent, isStandalone: true, selector: "ax-sliding-item-suffix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", dependencies: [{ 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" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXSlidingItemSuffixComponent, isStandalone: true, selector: "ax-sliding-item-suffix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }], ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", dependencies: [{ 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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sliding-item-suffix', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXSlidingItemSuffixComponent }], template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
         }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], __hostClass: [{
@@ -140,10 +140,10 @@ class AXSlidingItemComponent {
     #effect;
     #effect2;
     #init;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXSlidingItemComponent, isStandalone: true, selector: "ax-sliding-item", providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], queries: [{ propertyName: "itemPrefix", predicate: AXSlidingItemPrefixComponent, read: ElementRef, isSignal: true }, { propertyName: "itemSuffix", predicate: AXSlidingItemSuffixComponent, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "slidingItem", first: true, predicate: AXSlidingItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{display:flex;width:100%;height:100%;align-items:center;background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 4);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;aspect-ratio:1 / 1;min-width:calc(var(--spacing, .25rem) * 16);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;background-color:var(--ax-comp-bg);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-icon{color:var(--ax-comp-text)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover{background-color:var(--ax-comp-bg-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-icon{color:var(--ax-comp-text-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active{background-color:var(--ax-comp-bg-darker)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-icon{color:var(--ax-comp-text-darker)}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: AXSlidingItemComponent, isStandalone: true, selector: "ax-sliding-item", providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], queries: [{ propertyName: "itemPrefix", predicate: AXSlidingItemPrefixComponent, read: ElementRef, isSignal: true }, { propertyName: "itemSuffix", predicate: AXSlidingItemSuffixComponent, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "slidingItem", first: true, predicate: AXSlidingItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{display:flex;width:100%;height:100%;align-items:center;background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 4);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;aspect-ratio:1 / 1;min-width:calc(var(--spacing, .25rem) * 16);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;background-color:var(--ax-comp-bg);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-icon{color:var(--ax-comp-text)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover{background-color:var(--ax-comp-bg-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-icon{color:var(--ax-comp-text-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active{background-color:var(--ax-comp-bg-darker)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-icon{color:var(--ax-comp-text-darker)}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sliding-item', encapsulation: ViewEncapsulation.None, imports: [AXSlidingItemDirective], providers: [{ provide: AXComponent, useExisting: AXSlidingItemComponent }], template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{display:flex;width:100%;height:100%;align-items:center;background-color:rgba(var(--ax-sys-color-lightest-surface));padding:calc(var(--spacing, .25rem) * 4);color:rgba(var(--ax-sys-color-on-lightest-surface))}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;aspect-ratio:1 / 1;min-width:calc(var(--spacing, .25rem) * 16);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;background-color:var(--ax-comp-bg);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix) ax-icon{color:var(--ax-comp-text)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover{background-color:var(--ax-comp-bg-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):hover ax-icon{color:var(--ax-comp-text-dark)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active{background-color:var(--ax-comp-bg-darker)}:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-text,:is(ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix):active ax-icon{color:var(--ax-comp-text-darker)}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { slidingItem: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXSlidingItemDirective), { isSignal: true }] }], itemPrefix: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXSlidingItemPrefixComponent), { ...{ read: ElementRef }, isSignal: true }] }], itemSuffix: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXSlidingItemSuffixComponent), { ...{ read: ElementRef }, isSignal: true }] }] } });
@@ -151,11 +151,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];
 const MODULES = [AXDecoratorModule];
 class AXSlidingItemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemModule, imports: [AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemModule, imports: [AXDecoratorModule, AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSlidingItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],