npm - @acorex/components - Versions diffs - 22.2.14 → 22.2.16 - Mend

@acorex/components 22.2.14 → 22.2.16

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

Files changed (181) hide show

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

@@ -6,46 +6,46 @@ import { AXTooltipModule } from '@acorex/components/tooltip';
 /** Marks projected header content inside `ax-sidebar`. */
 class AXSidebarHeaderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSidebarHeaderDirective, isStandalone: true, selector: "[axSidebarHeader]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXSidebarHeaderDirective, isStandalone: true, selector: "[axSidebarHeader]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarHeaderDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axSidebarHeader]' }]
         }] });
 /** Marks projected navigation content (typically `ax-side-menu`) inside `ax-sidebar`. */
 class AXSidebarNavigationDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSidebarNavigationDirective, isStandalone: true, selector: "[axSidebarNavigation]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXSidebarNavigationDirective, isStandalone: true, selector: "[axSidebarNavigation]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarNavigationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarNavigationDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axSidebarNavigation]' }]
         }] });
 /** Marks projected footer utility content inside `ax-sidebar`. */
 class AXSidebarFooterDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSidebarFooterDirective, isStandalone: true, selector: "[axSidebarFooter]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXSidebarFooterDirective, isStandalone: true, selector: "[axSidebarFooter]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarFooterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarFooterDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axSidebarFooter]' }]
         }] });
 /** Marks the user utility slot inside `ax-sidebar`. */
 class AXSidebarUserSlotDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarUserSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSidebarUserSlotDirective, isStandalone: true, selector: "[axSidebarUser]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarUserSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXSidebarUserSlotDirective, isStandalone: true, selector: "[axSidebarUser]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarUserSlotDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarUserSlotDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axSidebarUser]' }]
         }] });
 /** Marks the collapse utility slot inside `ax-sidebar`. */
 class AXSidebarCollapseSlotDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarCollapseSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSidebarCollapseSlotDirective, isStandalone: true, selector: "[axSidebarCollapse]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarCollapseSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXSidebarCollapseSlotDirective, isStandalone: true, selector: "[axSidebarCollapse]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarCollapseSlotDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarCollapseSlotDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axSidebarCollapse]' }]
         }] });
@@ -87,10 +87,10 @@ class AXSidebarComponent extends NXComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: AXSidebarComponent, isStandalone: true, selector: "ax-sidebar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, navigationId: { classPropertyName: "navigationId", publicName: "navigationId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, host: { properties: { "class": "hostClass()", "attr.aria-expanded": "isFull()" } }, providers: [{ provide: AXComponent, useExisting: AXSidebarComponent }], usesInheritance: true, ngImport: i0, template: "<aside class=\"ax-sidebar-shell\" [attr.aria-label]=\"ariaLabel()\">\n  <header class=\"ax-sidebar-header\">\n    <ng-content select=\"[axSidebarHeader], ax-header\"></ng-content>\n  </header>\n\n  <nav\n    class=\"ax-sidebar-navigation\"\n    [attr.id]=\"navigationId()\"\n    [attr.aria-label]=\"ariaLabel()\"\n  >\n    <ng-content select=\"ax-side-menu, [axSidebarNavigation]\"></ng-content>\n    <ng-content></ng-content>\n  </nav>\n\n  <footer class=\"ax-sidebar-utility\">\n    <ng-content select=\"ax-sidebar-user, [axSidebarUser]\"></ng-content>\n    <ng-content select=\"ax-sidebar-collapse, [axSidebarCollapse]\"></ng-content>\n    <ng-content select=\"[axSidebarFooter], ax-footer\"></ng-content>\n  </footer>\n</aside>\n", styles: ["@layer base{:root{--ax-comp-sidebar-width-full: 17rem;--ax-comp-sidebar-width-compact: 4.5rem;--ax-comp-sidebar-header-height: 4rem;--ax-comp-sidebar-nav-padding: .5rem;--ax-comp-sidebar-utility-padding: .5rem;--ax-comp-sidebar-item-height: 2.5rem;--ax-comp-sidebar-child-item-height: 2.25rem;--ax-comp-sidebar-item-radius: var(--ax-sys-border-radius);--ax-comp-sidebar-icon-container-size: 1.5rem;--ax-comp-sidebar-icon-size: 1rem;--ax-comp-sidebar-icon-radius: .375rem;--ax-comp-sidebar-child-indent: 2rem;--ax-comp-sidebar-flyout-width: 17.5rem;--ax-comp-sidebar-transition-duration: var(--ax-sys-transition-duration, .15s);--ax-comp-sidebar-transition-timing: var(--ax-sys-transition-timing-function, cubic-bezier(.4, 0, .2, 1))}}@layer components{ax-sidebar{display:block;height:100%;color:rgba(var(--ax-comp-sidebar-text-color, var(--ax-sys-color-on-surface)));background-color:rgba(var(--ax-comp-sidebar-bg-color, var(--ax-sys-color-surface)));border-inline-end:1px solid rgba(var(--ax-comp-sidebar-border-color, var(--ax-sys-color-border-lightest-surface)))}ax-sidebar .ax-sidebar-shell{display:flex;flex-direction:column;width:var(--ax-comp-sidebar-width-full);min-width:var(--ax-comp-sidebar-width-full);max-width:var(--ax-comp-sidebar-width-full);height:100dvh;overflow:hidden;transition-property:width,min-width,max-width;transition-duration:var(--ax-comp-sidebar-transition-duration);transition-timing-function:var(--ax-comp-sidebar-transition-timing)}ax-sidebar .ax-sidebar-header{display:flex;flex-shrink:0;align-items:center;height:var(--ax-comp-sidebar-header-height);min-height:var(--ax-comp-sidebar-header-height);padding-inline:1.25rem;justify-content:center}ax-sidebar .ax-sidebar-navigation{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;min-height:0;padding:var(--ax-comp-sidebar-nav-padding);overflow-x:hidden;overflow-y:auto}ax-sidebar .ax-sidebar-utility{display:flex;flex-shrink:0;flex-direction:column;gap:.25rem;padding:var(--ax-comp-sidebar-utility-padding);background-color:inherit;border-block-start:1px solid rgba(var(--ax-comp-sidebar-border-color, var(--ax-sys-color-border-lightest-surface)))}ax-sidebar.ax-mode-compact .ax-sidebar-shell{width:var(--ax-comp-sidebar-width-compact);min-width:var(--ax-comp-sidebar-width-compact);max-width:var(--ax-comp-sidebar-width-compact)}ax-sidebar.ax-mode-compact .ax-sidebar-header{justify-content:center;padding-inline:.5rem}ax-sidebar.ax-mode-compact .ax-sidebar-navigation,ax-sidebar.ax-mode-compact .ax-sidebar-utility{align-items:center}@media(prefers-reduced-motion:reduce){ax-sidebar .ax-sidebar-shell{transition:none}}}\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: AXSidebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: AXSidebarComponent, isStandalone: true, selector: "ax-sidebar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, navigationId: { classPropertyName: "navigationId", publicName: "navigationId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, host: { properties: { "class": "hostClass()", "attr.aria-expanded": "isFull()" } }, providers: [{ provide: AXComponent, useExisting: AXSidebarComponent }], usesInheritance: true, ngImport: i0, template: "<aside class=\"ax-sidebar-shell\" [attr.aria-label]=\"ariaLabel()\">\n  <header class=\"ax-sidebar-header\">\n    <ng-content select=\"[axSidebarHeader], ax-header\"></ng-content>\n  </header>\n\n  <nav\n    class=\"ax-sidebar-navigation\"\n    [attr.id]=\"navigationId()\"\n    [attr.aria-label]=\"ariaLabel()\"\n  >\n    <ng-content select=\"ax-side-menu, [axSidebarNavigation]\"></ng-content>\n    <ng-content></ng-content>\n  </nav>\n\n  <footer class=\"ax-sidebar-utility\">\n    <ng-content select=\"ax-sidebar-user, [axSidebarUser]\"></ng-content>\n    <ng-content select=\"ax-sidebar-collapse, [axSidebarCollapse]\"></ng-content>\n    <ng-content select=\"[axSidebarFooter], ax-footer\"></ng-content>\n  </footer>\n</aside>\n", styles: ["@layer base{:root{--ax-comp-sidebar-width-full: 17rem;--ax-comp-sidebar-width-compact: 4.5rem;--ax-comp-sidebar-header-height: 4rem;--ax-comp-sidebar-nav-padding: .5rem;--ax-comp-sidebar-utility-padding: .5rem;--ax-comp-sidebar-item-height: 2.5rem;--ax-comp-sidebar-child-item-height: 2.25rem;--ax-comp-sidebar-item-radius: var(--ax-sys-border-radius);--ax-comp-sidebar-icon-container-size: 1.5rem;--ax-comp-sidebar-icon-size: 1rem;--ax-comp-sidebar-icon-radius: .375rem;--ax-comp-sidebar-child-indent: 2rem;--ax-comp-sidebar-flyout-width: 17.5rem;--ax-comp-sidebar-transition-duration: var(--ax-sys-transition-duration, .15s);--ax-comp-sidebar-transition-timing: var(--ax-sys-transition-timing-function, cubic-bezier(.4, 0, .2, 1))}}@layer components{ax-sidebar{display:block;height:100%;color:rgba(var(--ax-comp-sidebar-text-color, var(--ax-sys-color-on-surface)));background-color:rgba(var(--ax-comp-sidebar-bg-color, var(--ax-sys-color-surface)));border-inline-end:1px solid rgba(var(--ax-comp-sidebar-border-color, var(--ax-sys-color-border-lightest-surface)))}ax-sidebar .ax-sidebar-shell{display:flex;flex-direction:column;width:var(--ax-comp-sidebar-width-full);min-width:var(--ax-comp-sidebar-width-full);max-width:var(--ax-comp-sidebar-width-full);height:100dvh;overflow:hidden;transition-property:width,min-width,max-width;transition-duration:var(--ax-comp-sidebar-transition-duration);transition-timing-function:var(--ax-comp-sidebar-transition-timing)}ax-sidebar .ax-sidebar-header{display:flex;flex-shrink:0;align-items:center;height:var(--ax-comp-sidebar-header-height);min-height:var(--ax-comp-sidebar-header-height);padding-inline:1.25rem;justify-content:center}ax-sidebar .ax-sidebar-navigation{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;min-height:0;padding:var(--ax-comp-sidebar-nav-padding);overflow-x:hidden;overflow-y:auto}ax-sidebar .ax-sidebar-utility{display:flex;flex-shrink:0;flex-direction:column;gap:.25rem;padding:var(--ax-comp-sidebar-utility-padding);background-color:inherit;border-block-start:1px solid rgba(var(--ax-comp-sidebar-border-color, var(--ax-sys-color-border-lightest-surface)))}ax-sidebar.ax-mode-compact .ax-sidebar-shell{width:var(--ax-comp-sidebar-width-compact);min-width:var(--ax-comp-sidebar-width-compact);max-width:var(--ax-comp-sidebar-width-compact)}ax-sidebar.ax-mode-compact .ax-sidebar-header{justify-content:center;padding-inline:.5rem}ax-sidebar.ax-mode-compact .ax-sidebar-navigation,ax-sidebar.ax-mode-compact .ax-sidebar-utility{align-items:center}@media(prefers-reduced-motion:reduce){ax-sidebar .ax-sidebar-shell{transition:none}}}\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: AXSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sidebar', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'hostClass()',
@@ -171,10 +171,10 @@ class AXSidebarUserComponent extends NXComponent {
             nativeEvent,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarUserComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSidebarUserComponent, isStandalone: true, selector: "ax-sidebar-user", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { userClick: "userClick", actionClick: "actionClick" }, host: { properties: { "class": "hostClass()", "attr.aria-disabled": "disabled() || null" } }, providers: [{ provide: AXComponent, useExisting: AXSidebarUserComponent }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"ax-sidebar-user-trigger\"\n  [axTooltip]=\"tooltipContent()\"\n  axTooltipPlacement=\"end\"\n  [attr.aria-label]=\"accessibleLabel()\"\n  [disabled]=\"disabled()\"\n  (click)=\"handleUserClick($event)\"\n>\n  <span class=\"ax-sidebar-user-avatar\">\n    <ng-content select=\"ax-avatar\"></ng-content>\n  </span>\n\n  @if (!compact()) {\n    <span class=\"ax-sidebar-user-text\">\n      <ng-content select=\"ax-text, ax-title, ax-subtitle\"></ng-content>\n      @if (name()) {\n        <span class=\"ax-sidebar-user-name\">{{ name() }}</span>\n      }\n      @if (description()) {\n        <span class=\"ax-sidebar-user-description\">{{ description() }}</span>\n      }\n      @if (status()) {\n        <span class=\"ax-sidebar-user-status\">{{ status() }}</span>\n      }\n    </span>\n\n    <span class=\"ax-sidebar-user-suffix\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"ax-suffix\"></ng-content>\n    </span>\n  }\n</button>\n", styles: ["@layer components{ax-sidebar-user{display:block;width:100%;color:inherit}ax-sidebar-user .ax-sidebar-user-trigger{display:flex;align-items:center;width:100%;height:3.5rem;padding-inline:.75rem;gap:.75rem;overflow:hidden;color:inherit;text-align:start;cursor:pointer;background:transparent;border:0;border-radius:var(--ax-comp-sidebar-item-radius, var(--ax-sys-border-radius));outline:none;transition-property:background-color,color,opacity;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sidebar-user .ax-sidebar-user-trigger:hover:not(:disabled){background-color:rgba(var(--ax-comp-sidebar-hover-bg-color, var(--ax-sys-color-lighter-surface, var(--ax-sys-color-surface))))}ax-sidebar-user .ax-sidebar-user-trigger:focus-visible{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-primary-surface))}ax-sidebar-user .ax-sidebar-user-trigger:disabled{cursor:not-allowed;opacity:.5}ax-sidebar-user .ax-sidebar-user-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem}ax-sidebar-user .ax-sidebar-user-avatar ax-avatar{width:2rem!important;height:2rem!important;--ax-comp-avatar-size: 32;font-size:.75rem;line-height:1rem}ax-sidebar-user .ax-sidebar-user-text{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden}ax-sidebar-user .ax-sidebar-user-name{overflow:hidden;font-size:.875rem;font-weight:500;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}ax-sidebar-user .ax-sidebar-user-description,ax-sidebar-user .ax-sidebar-user-status{overflow:hidden;font-size:.75rem;line-height:1rem;text-overflow:ellipsis;white-space:nowrap;opacity:.7}ax-sidebar-user .ax-sidebar-user-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:1rem;line-height:1}ax-sidebar-user.ax-mode-compact{width:3.5rem}ax-sidebar-user.ax-mode-compact .ax-sidebar-user-trigger{justify-content:center;width:3.5rem;height:3.5rem;padding-inline:0;gap:0}ax-sidebar-user.ax-state-disabled .ax-sidebar-user-trigger{pointer-events:none}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i1.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarUserComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXSidebarUserComponent, isStandalone: true, selector: "ax-sidebar-user", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { userClick: "userClick", actionClick: "actionClick" }, host: { properties: { "class": "hostClass()", "attr.aria-disabled": "disabled() || null" } }, providers: [{ provide: AXComponent, useExisting: AXSidebarUserComponent }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"ax-sidebar-user-trigger\"\n  [axTooltip]=\"tooltipContent()\"\n  axTooltipPlacement=\"end\"\n  [attr.aria-label]=\"accessibleLabel()\"\n  [disabled]=\"disabled()\"\n  (click)=\"handleUserClick($event)\"\n>\n  <span class=\"ax-sidebar-user-avatar\">\n    <ng-content select=\"ax-avatar\"></ng-content>\n  </span>\n\n  @if (!compact()) {\n    <span class=\"ax-sidebar-user-text\">\n      <ng-content select=\"ax-text, ax-title, ax-subtitle\"></ng-content>\n      @if (name()) {\n        <span class=\"ax-sidebar-user-name\">{{ name() }}</span>\n      }\n      @if (description()) {\n        <span class=\"ax-sidebar-user-description\">{{ description() }}</span>\n      }\n      @if (status()) {\n        <span class=\"ax-sidebar-user-status\">{{ status() }}</span>\n      }\n    </span>\n\n    <span class=\"ax-sidebar-user-suffix\" (click)=\"handleActionClick($event)\">\n      <ng-content select=\"ax-suffix\"></ng-content>\n    </span>\n  }\n</button>\n", styles: ["@layer components{ax-sidebar-user{display:block;width:100%;color:inherit}ax-sidebar-user .ax-sidebar-user-trigger{display:flex;align-items:center;width:100%;height:3.5rem;padding-inline:.75rem;gap:.75rem;overflow:hidden;color:inherit;text-align:start;cursor:pointer;background:transparent;border:0;border-radius:var(--ax-comp-sidebar-item-radius, var(--ax-sys-border-radius));outline:none;transition-property:background-color,color,opacity;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sidebar-user .ax-sidebar-user-trigger:hover:not(:disabled){background-color:rgba(var(--ax-comp-sidebar-hover-bg-color, var(--ax-sys-color-lighter-surface, var(--ax-sys-color-surface))))}ax-sidebar-user .ax-sidebar-user-trigger:focus-visible{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-primary-surface))}ax-sidebar-user .ax-sidebar-user-trigger:disabled{cursor:not-allowed;opacity:.5}ax-sidebar-user .ax-sidebar-user-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem}ax-sidebar-user .ax-sidebar-user-avatar ax-avatar{width:2rem!important;height:2rem!important;--ax-comp-avatar-size: 32;font-size:.75rem;line-height:1rem}ax-sidebar-user .ax-sidebar-user-text{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden}ax-sidebar-user .ax-sidebar-user-name{overflow:hidden;font-size:.875rem;font-weight:500;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}ax-sidebar-user .ax-sidebar-user-description,ax-sidebar-user .ax-sidebar-user-status{overflow:hidden;font-size:.75rem;line-height:1rem;text-overflow:ellipsis;white-space:nowrap;opacity:.7}ax-sidebar-user .ax-sidebar-user-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:1rem;line-height:1}ax-sidebar-user.ax-mode-compact{width:3.5rem}ax-sidebar-user.ax-mode-compact .ax-sidebar-user-trigger{justify-content:center;width:3.5rem;height:3.5rem;padding-inline:0;gap:0}ax-sidebar-user.ax-state-disabled .ax-sidebar-user-trigger{pointer-events:none}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i1.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarUserComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarUserComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sidebar-user', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'hostClass()',
@@ -232,10 +232,10 @@ class AXSidebarCollapseComponent extends NXComponent {
         }
         this.mode.update((current) => (current === 'full' ? 'compact' : 'full'));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarCollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXSidebarCollapseComponent, isStandalone: true, selector: "ax-sidebar-collapse", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullLabel: { classPropertyName: "fullLabel", publicName: "fullLabel", isSignal: true, isRequired: false, transformFunction: null }, compactLabel: { classPropertyName: "compactLabel", publicName: "compactLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaControls: { classPropertyName: "ariaControls", publicName: "ariaControls", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, host: { properties: { "class": "hostClass()" } }, providers: [{ provide: AXComponent, useExisting: AXSidebarCollapseComponent }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"ax-sidebar-collapse-trigger\"\n  [axTooltip]=\"tooltipContent()\"\n  axTooltipPlacement=\"end\"\n  [attr.aria-label]=\"accessibleLabel()\"\n  [attr.aria-expanded]=\"isFull()\"\n  [attr.aria-controls]=\"ariaControls()\"\n  [disabled]=\"disabled()\"\n  (click)=\"toggleMode()\"\n>\n  <span class=\"ax-sidebar-collapse-icon\" aria-hidden=\"true\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\">\n      @if (isFull()) {\n        <path\n          d=\"M10.5 3.5 6 8l4.5 4.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      } @else {\n        <path\n          d=\"M5.5 3.5 10 8l-4.5 4.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      }\n    </svg>\n  </span>\n  @if (isFull()) {\n    <span class=\"ax-sidebar-collapse-label\">{{ label() }}</span>\n  }\n</button>\n", styles: ["@layer components{ax-sidebar-collapse{display:block;width:100%;color:inherit}ax-sidebar-collapse .ax-sidebar-collapse-trigger{display:flex;align-items:center;width:100%;height:2.5rem;padding-inline:.75rem;gap:.75rem;overflow:hidden;color:inherit;text-align:start;cursor:pointer;background:transparent;border:0;border-radius:var(--ax-comp-sidebar-item-radius, var(--ax-sys-border-radius, .5rem));outline:none;transition-property:background-color,color,opacity;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sidebar-collapse .ax-sidebar-collapse-trigger:hover:not(:disabled){background-color:rgba(var(--ax-comp-sidebar-hover-bg-color, var(--ax-sys-color-lighter-surface, var(--ax-sys-color-surface))))}ax-sidebar-collapse .ax-sidebar-collapse-trigger:focus-visible{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-primary-surface))}ax-sidebar-collapse .ax-sidebar-collapse-trigger:disabled{cursor:not-allowed;opacity:.5}ax-sidebar-collapse .ax-sidebar-collapse-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--ax-comp-sidebar-icon-radius, .375rem)}ax-sidebar-collapse .ax-sidebar-collapse-icon svg{width:1rem;height:1rem}ax-sidebar-collapse .ax-sidebar-collapse-label{overflow:hidden;font-size:.875rem;font-weight:400;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}ax-sidebar-collapse.ax-mode-compact{width:3.5rem}ax-sidebar-collapse.ax-mode-compact .ax-sidebar-collapse-trigger{justify-content:center;width:3.5rem;padding-inline:0;gap:0}ax-sidebar-collapse.ax-state-disabled .ax-sidebar-collapse-trigger{pointer-events:none}[dir=rtl] ax-sidebar-collapse .ax-sidebar-collapse-icon{scale:-1 1}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i1.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarCollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXSidebarCollapseComponent, isStandalone: true, selector: "ax-sidebar-collapse", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullLabel: { classPropertyName: "fullLabel", publicName: "fullLabel", isSignal: true, isRequired: false, transformFunction: null }, compactLabel: { classPropertyName: "compactLabel", publicName: "compactLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaControls: { classPropertyName: "ariaControls", publicName: "ariaControls", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, host: { properties: { "class": "hostClass()" } }, providers: [{ provide: AXComponent, useExisting: AXSidebarCollapseComponent }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"ax-sidebar-collapse-trigger\"\n  [axTooltip]=\"tooltipContent()\"\n  axTooltipPlacement=\"end\"\n  [attr.aria-label]=\"accessibleLabel()\"\n  [attr.aria-expanded]=\"isFull()\"\n  [attr.aria-controls]=\"ariaControls()\"\n  [disabled]=\"disabled()\"\n  (click)=\"toggleMode()\"\n>\n  <span class=\"ax-sidebar-collapse-icon\" aria-hidden=\"true\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\">\n      @if (isFull()) {\n        <path\n          d=\"M10.5 3.5 6 8l4.5 4.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      } @else {\n        <path\n          d=\"M5.5 3.5 10 8l-4.5 4.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      }\n    </svg>\n  </span>\n  @if (isFull()) {\n    <span class=\"ax-sidebar-collapse-label\">{{ label() }}</span>\n  }\n</button>\n", styles: ["@layer components{ax-sidebar-collapse{display:block;width:100%;color:inherit}ax-sidebar-collapse .ax-sidebar-collapse-trigger{display:flex;align-items:center;width:100%;height:2.5rem;padding-inline:.75rem;gap:.75rem;overflow:hidden;color:inherit;text-align:start;cursor:pointer;background:transparent;border:0;border-radius:var(--ax-comp-sidebar-item-radius, var(--ax-sys-border-radius, .5rem));outline:none;transition-property:background-color,color,opacity;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sidebar-collapse .ax-sidebar-collapse-trigger:hover:not(:disabled){background-color:rgba(var(--ax-comp-sidebar-hover-bg-color, var(--ax-sys-color-lighter-surface, var(--ax-sys-color-surface))))}ax-sidebar-collapse .ax-sidebar-collapse-trigger:focus-visible{box-shadow:0 0 0 2px rgba(var(--ax-sys-color-primary-surface))}ax-sidebar-collapse .ax-sidebar-collapse-trigger:disabled{cursor:not-allowed;opacity:.5}ax-sidebar-collapse .ax-sidebar-collapse-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--ax-comp-sidebar-icon-radius, .375rem)}ax-sidebar-collapse .ax-sidebar-collapse-icon svg{width:1rem;height:1rem}ax-sidebar-collapse .ax-sidebar-collapse-label{overflow:hidden;font-size:.875rem;font-weight:400;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}ax-sidebar-collapse.ax-mode-compact{width:3.5rem}ax-sidebar-collapse.ax-mode-compact .ax-sidebar-collapse-trigger{justify-content:center;width:3.5rem;padding-inline:0;gap:0}ax-sidebar-collapse.ax-state-disabled .ax-sidebar-collapse-trigger{pointer-events:none}[dir=rtl] ax-sidebar-collapse .ax-sidebar-collapse-icon{scale:-1 1}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i1.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarCollapseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarCollapseComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-sidebar-collapse', encapsulation: ViewEncapsulation.None, host: {
                         '[class]': 'hostClass()',
@@ -251,8 +251,8 @@ const DIRECTIVES = [
     AXSidebarCollapseSlotDirective,
 ];
 class AXSidebarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarModule, imports: [AXSidebarComponent, AXSidebarUserComponent, AXSidebarCollapseComponent, AXSidebarHeaderDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarModule, imports: [AXSidebarComponent, AXSidebarUserComponent, AXSidebarCollapseComponent, AXSidebarHeaderDirective,
             AXSidebarNavigationDirective,
             AXSidebarFooterDirective,
             AXSidebarUserSlotDirective,
@@ -261,9 +261,9 @@ class AXSidebarModule {
             AXSidebarFooterDirective,
             AXSidebarUserSlotDirective,
             AXSidebarCollapseSlotDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarModule, imports: [AXSidebarUserComponent, AXSidebarCollapseComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarModule, imports: [AXSidebarUserComponent, AXSidebarCollapseComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSidebarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSidebarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENTS, ...DIRECTIVES],

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

@@ -21,10 +21,10 @@ class AXSkeletonComponent extends MXBaseComponent {
     get __hostClass() {
         return `ax-skeleton ${this.animated ? 'ax-skeleton-animate' : ''}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSkeletonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXSkeletonComponent, isStandalone: true, selector: "ax-skeleton", inputs: { animated: "animated" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSkeletonComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer properties;@layer components{ax-skeleton.ax-skeleton{position:relative;display:block;overflow:hidden;background-color:rgba(var(--ax-sys-color-darkest-surface))}@supports (color: color-mix(in lab,red,red)){ax-skeleton.ax-skeleton{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-darkest-surface)) 50%,transparent)}}ax-skeleton.ax-skeleton:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-lightest-surface))}@supports (color: color-mix(in lab,red,red)){ax-skeleton.ax-skeleton:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,rgba(var(--ax-sys-color-lightest-surface)) 50%,transparent)}}ax-skeleton.ax-skeleton-animate:before{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * -52);top:calc(var(--spacing, .25rem) * 0);display:block;height:100%;width:calc(var(--spacing, .25rem) * 56);animation:load;--tw-gradient-position: to right;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: transparent;--tw-gradient-via: color-mix(in oklab, rgba(var(--ax-sys-color-darkest-surface)) 60%, transparent);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops);--tw-gradient-via-position: 50%;--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-content: \"\";content:var(--tw-content);animation-duration:1s;animation-timing-function:cubic-bezier(.42,0,1,1);animation-iteration-count:infinite}@supports (background-image: linear-gradient(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-position: to right in oklab}}:is():where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--tw-gradient-via: rgba(var(--ax-sys-color-lightest-surface));--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}@supports (color: color-mix(in lab,red,red)){:is():where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--tw-gradient-via: color-mix(in oklab, rgba(var(--ax-sys-color-lightest-surface)) 60%, transparent)}}@keyframes load{0%{inset-inline-start:-13rem}to{inset-inline-start:100%}}}@property --tw-gradient-position{syntax: \"*\"; inherits: false;}@property --tw-gradient-from{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-via-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-from-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 100%;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@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-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-content: \"\"}}}\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: AXSkeletonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXSkeletonComponent, isStandalone: true, selector: "ax-skeleton", inputs: { animated: "animated" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXSkeletonComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer properties;@layer components{ax-skeleton.ax-skeleton{position:relative;display:block;overflow:hidden;background-color:rgba(var(--ax-sys-color-darkest-surface))}@supports (color: color-mix(in lab,red,red)){ax-skeleton.ax-skeleton{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-darkest-surface)) 50%,transparent)}}ax-skeleton.ax-skeleton:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-lightest-surface))}@supports (color: color-mix(in lab,red,red)){ax-skeleton.ax-skeleton:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,rgba(var(--ax-sys-color-lightest-surface)) 50%,transparent)}}ax-skeleton.ax-skeleton-animate:before{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * -52);top:calc(var(--spacing, .25rem) * 0);display:block;height:100%;width:calc(var(--spacing, .25rem) * 56);animation:load;--tw-gradient-position: to right;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: transparent;--tw-gradient-via: color-mix(in oklab, rgba(var(--ax-sys-color-darkest-surface)) 60%, transparent);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops);--tw-gradient-via-position: 50%;--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-content: \"\";content:var(--tw-content);animation-duration:1s;animation-timing-function:cubic-bezier(.42,0,1,1);animation-iteration-count:infinite}@supports (background-image: linear-gradient(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-position: to right in oklab}}:is():where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--tw-gradient-via: rgba(var(--ax-sys-color-lightest-surface));--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}@supports (color: color-mix(in lab,red,red)){:is():where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--tw-gradient-via: color-mix(in oklab, rgba(var(--ax-sys-color-lightest-surface)) 60%, transparent)}}@keyframes load{0%{inset-inline-start:-13rem}to{inset-inline-start:100%}}}@property --tw-gradient-position{syntax: \"*\"; inherits: false;}@property --tw-gradient-from{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-via-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-from-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 100%;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@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-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-content: \"\"}}}\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: AXSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSkeletonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-skeleton', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXSkeletonComponent }], styles: ["@layer properties;@layer components{ax-skeleton.ax-skeleton{position:relative;display:block;overflow:hidden;background-color:rgba(var(--ax-sys-color-darkest-surface))}@supports (color: color-mix(in lab,red,red)){ax-skeleton.ax-skeleton{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-darkest-surface)) 50%,transparent)}}ax-skeleton.ax-skeleton:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:rgba(var(--ax-sys-color-lightest-surface))}@supports (color: color-mix(in lab,red,red)){ax-skeleton.ax-skeleton:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,rgba(var(--ax-sys-color-lightest-surface)) 50%,transparent)}}ax-skeleton.ax-skeleton-animate:before{position:absolute;inset-inline-start:calc(var(--spacing, .25rem) * -52);top:calc(var(--spacing, .25rem) * 0);display:block;height:100%;width:calc(var(--spacing, .25rem) * 56);animation:load;--tw-gradient-position: to right;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: transparent;--tw-gradient-via: color-mix(in oklab, rgba(var(--ax-sys-color-darkest-surface)) 60%, transparent);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops);--tw-gradient-via-position: 50%;--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-content: \"\";content:var(--tw-content);animation-duration:1s;animation-timing-function:cubic-bezier(.42,0,1,1);animation-iteration-count:infinite}@supports (background-image: linear-gradient(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-position: to right in oklab}}:is():where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--tw-gradient-via: rgba(var(--ax-sys-color-lightest-surface));--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}@supports (color: color-mix(in lab,red,red)){:is():where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--tw-gradient-via: color-mix(in oklab, rgba(var(--ax-sys-color-lightest-surface)) 60%, transparent)}}@keyframes load{0%{inset-inline-start:-13rem}to{inset-inline-start:100%}}}@property --tw-gradient-position{syntax: \"*\"; inherits: false;}@property --tw-gradient-from{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: \"<color>\"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-via-stops{syntax: \"*\"; inherits: false;}@property --tw-gradient-from-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: \"<length-percentage>\"; inherits: false; initial-value: 100%;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@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-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-content: \"\"}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { animated: [{
@@ -35,11 +35,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 class AXSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXSkeletonModule, imports: [CommonModule, AXSkeletonComponent], exports: [AXSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSkeletonModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXSkeletonModule, imports: [CommonModule, AXSkeletonComponent], exports: [AXSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSkeletonModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXSkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXSkeletonComponent],

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

@@ -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 CHANGED Viewed

@@ -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],