@acorex/components 21.0.3-next.37 → 21.0.3-next.39

package/fesm2022/acorex-components-sidebar.mjs

@@ -0,0 +1,275 @@
+import * as i0 from '@angular/core';
+import { Directive, model, input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, output, contentChild, NgModule } from '@angular/core';
+import { NXComponent, AXComponent } from '@acorex/cdk/common';
+import { AXAvatarComponent } from '@acorex/components/avatar';
+import { AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import { AXImageComponent } from '@acorex/components/image';
+import * as i1 from '@acorex/components/tooltip';
+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: "21.2.9", ngImport: i0, type: AXSidebarHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXSidebarHeaderDirective, isStandalone: true, selector: "[axSidebarHeader]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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: "21.2.9", ngImport: i0, type: AXSidebarNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXSidebarNavigationDirective, isStandalone: true, selector: "[axSidebarNavigation]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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: "21.2.9", ngImport: i0, type: AXSidebarFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXSidebarFooterDirective, isStandalone: true, selector: "[axSidebarFooter]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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: "21.2.9", ngImport: i0, type: AXSidebarUserSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXSidebarUserSlotDirective, isStandalone: true, selector: "[axSidebarUser]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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: "21.2.9", ngImport: i0, type: AXSidebarCollapseSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AXSidebarCollapseSlotDirective, isStandalone: true, selector: "[axSidebarCollapse]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarCollapseSlotDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[axSidebarCollapse]' }]
+        }] });
+
+/**
+ * Layout shell for an enterprise sidebar with full and compact widths,
+ * sticky header/utility regions, and a scrollable navigation slot.
+ *
+ * @category Components
+ */
+class AXSidebarComponent extends NXComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * Sidebar display mode shared with collapse and side-menu consumers.
+         *
+         * @defaultValue 'full'
+         */
+        this.mode = model('full', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        /**
+         * Accessible name for the sidebar landmark.
+         *
+         * @defaultValue 'Sidebar'
+         */
+        this.ariaLabel = input('Sidebar', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /**
+         * Optional id of the navigation region for `aria-controls` wiring from collapse.
+         */
+        this.navigationId = input(null, ...(ngDevMode ? [{ debugName: "navigationId" }] : /* istanbul ignore next */ []));
+        this.isFull = computed(() => this.mode() === 'full', ...(ngDevMode ? [{ debugName: "isFull" }] : /* istanbul ignore next */ []));
+        this.isCompact = computed(() => this.mode() === 'compact', ...(ngDevMode ? [{ debugName: "isCompact" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => {
+            return [`ax-sidebar`, `ax-mode-${this.mode()}`].join(' ');
+        }, ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", 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}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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'hostClass()',
+                        '[attr.aria-expanded]': 'isFull()',
+                    }, providers: [{ provide: AXComponent, useExisting: AXSidebarComponent }], 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}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"] }]
+        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], navigationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigationId", required: false }] }] } });
+
+/**
+ * Reusable user/account row for sidebar utility areas.
+ * Renders expanded identity content or a compact avatar with tooltip.
+ *
+ * @category Components
+ */
+class AXSidebarUserComponent extends NXComponent {
+    constructor() {
+        super(...arguments);
+        this.avatarSrc = input(null, ...(ngDevMode ? [{ debugName: "avatarSrc" }] : /* istanbul ignore next */ []));
+        this.avatarAlt = input('User avatar', ...(ngDevMode ? [{ debugName: "avatarAlt" }] : /* istanbul ignore next */ []));
+        this.initials = input(null, ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
+        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.description = input('', ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        this.status = input(null, ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.compact = input(false, ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
+        this.tooltip = input(null, ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.userClick = output();
+        this.actionClick = output();
+        this.projectedAvatar = contentChild(AXAvatarComponent, ...(ngDevMode ? [{ debugName: "projectedAvatar" }] : /* istanbul ignore next */ []));
+        this.hasProjectedAvatar = computed(() => !!this.projectedAvatar(), ...(ngDevMode ? [{ debugName: "hasProjectedAvatar" }] : /* istanbul ignore next */ []));
+        this.tooltipContent = computed(() => {
+            if (!this.compact()) {
+                return null;
+            }
+            return this.tooltip()?.trim() || this.name()?.trim() || this.ariaLabel()?.trim() || null;
+        }, ...(ngDevMode ? [{ debugName: "tooltipContent" }] : /* istanbul ignore next */ []));
+        this.accessibleLabel = computed(() => {
+            return (this.ariaLabel()?.trim() ||
+                [this.name(), this.description()].filter(Boolean).join(', ') ||
+                this.avatarAlt());
+        }, ...(ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []));
+        this.displayInitials = computed(() => {
+            const provided = this.initials()?.trim();
+            if (provided) {
+                return provided.slice(0, 2).toUpperCase();
+            }
+            const name = this.name().trim();
+            if (!name) {
+                return '';
+            }
+            const parts = name.split(/\s+/).filter(Boolean);
+            if (parts.length === 1) {
+                return parts[0].slice(0, 2).toUpperCase();
+            }
+            return `${parts[0][0] ?? ''}${parts[1][0] ?? ''}`.toUpperCase();
+        }, ...(ngDevMode ? [{ debugName: "displayInitials" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => {
+            const classes = ['ax-sidebar-user'];
+            if (this.compact()) {
+                classes.push('ax-mode-compact');
+            }
+            if (this.disabled()) {
+                classes.push('ax-state-disabled');
+            }
+            return classes.join(' ');
+        }, ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+    }
+    handleUserClick(nativeEvent) {
+        if (this.disabled()) {
+            nativeEvent.preventDefault();
+            nativeEvent.stopPropagation();
+            return;
+        }
+        this.userClick.emit({
+            component: this,
+            htmlElement: this.nativeElement,
+            nativeEvent,
+        });
+    }
+    handleActionClick(nativeEvent) {
+        nativeEvent.stopPropagation();
+        if (this.disabled()) {
+            nativeEvent.preventDefault();
+            return;
+        }
+        this.actionClick.emit({
+            component: this,
+            htmlElement: this.nativeElement,
+            nativeEvent,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarUserComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXSidebarUserComponent, isStandalone: true, selector: "ax-sidebar-user", inputs: { avatarSrc: { classPropertyName: "avatarSrc", publicName: "avatarSrc", isSignal: true, isRequired: false, transformFunction: null }, avatarAlt: { classPropertyName: "avatarAlt", publicName: "avatarAlt", isSignal: true, isRequired: false, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, 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 }], queries: [{ propertyName: "projectedAvatar", first: true, predicate: AXAvatarComponent, descendants: true, isSignal: true }], 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, ax-prefix\"></ng-content>\n    @if (!hasProjectedAvatar()) {\n      @if (avatarSrc()) {\n        <ax-avatar [size]=\"32\" shape=\"rounded\">\n          <ax-image [src]=\"avatarSrc()\" [alt]=\"avatarAlt()\"></ax-image>\n        </ax-avatar>\n      } @else if (displayInitials()) {\n        <ax-avatar [size]=\"32\" shape=\"rounded\">\n          <ax-text>{{ displayInitials() }}</ax-text>\n        </ax-avatar>\n      } @else {\n        <ax-avatar [size]=\"32\" shape=\"rounded\"></ax-avatar>\n      }\n    }\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{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: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i1.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarUserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-sidebar-user', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'hostClass()',
+                        '[attr.aria-disabled]': 'disabled() || null',
+                    }, providers: [{ provide: AXComponent, useExisting: AXSidebarUserComponent }], imports: [AXAvatarComponent, AXDecoratorGenericComponent, AXImageComponent, AXTooltipModule], 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, ax-prefix\"></ng-content>\n    @if (!hasProjectedAvatar()) {\n      @if (avatarSrc()) {\n        <ax-avatar [size]=\"32\" shape=\"rounded\">\n          <ax-image [src]=\"avatarSrc()\" [alt]=\"avatarAlt()\"></ax-image>\n        </ax-avatar>\n      } @else if (displayInitials()) {\n        <ax-avatar [size]=\"32\" shape=\"rounded\">\n          <ax-text>{{ displayInitials() }}</ax-text>\n        </ax-avatar>\n      } @else {\n        <ax-avatar [size]=\"32\" shape=\"rounded\"></ax-avatar>\n      }\n    }\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{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"] }]
+        }], propDecorators: { avatarSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarSrc", required: false }] }], avatarAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarAlt", required: false }] }], initials: [{ type: i0.Input, args: [{ isSignal: true, alias: "initials", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], userClick: [{ type: i0.Output, args: ["userClick"] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], projectedAvatar: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AXAvatarComponent), { isSignal: true }] }] } });
+
+/**
+ * Sticky utility control that toggles sidebar full/compact mode.
+ *
+ * @category Components
+ */
+class AXSidebarCollapseComponent extends NXComponent {
+    constructor() {
+        super(...arguments);
+        /**
+         * Current sidebar mode. Two-way bindable via `[(mode)]`.
+         *
+         * @defaultValue 'full'
+         */
+        this.mode = model('full', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.fullLabel = input('Collapse', ...(ngDevMode ? [{ debugName: "fullLabel" }] : /* istanbul ignore next */ []));
+        this.compactLabel = input('Expand', ...(ngDevMode ? [{ debugName: "compactLabel" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.ariaControls = input(null, ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
+        this.isFull = computed(() => this.mode() === 'full', ...(ngDevMode ? [{ debugName: "isFull" }] : /* istanbul ignore next */ []));
+        this.isCompact = computed(() => this.mode() === 'compact', ...(ngDevMode ? [{ debugName: "isCompact" }] : /* istanbul ignore next */ []));
+        this.label = computed(() => (this.isFull() ? this.fullLabel() : this.compactLabel()), ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.accessibleLabel = computed(() => this.ariaLabel()?.trim() || this.label(), ...(ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []));
+        this.tooltipContent = computed(() => (this.isCompact() ? this.accessibleLabel() : null), ...(ngDevMode ? [{ debugName: "tooltipContent" }] : /* istanbul ignore next */ []));
+        this.hostClass = computed(() => {
+            const classes = ['ax-sidebar-collapse', `ax-mode-${this.mode()}`];
+            if (this.disabled()) {
+                classes.push('ax-state-disabled');
+            }
+            return classes.join(' ');
+        }, ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
+    }
+    toggleMode() {
+        if (this.disabled()) {
+            return;
+        }
+        this.mode.update((current) => (current === 'full' ? 'compact' : 'full'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarCollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarCollapseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-sidebar-collapse', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'hostClass()',
+                    }, providers: [{ provide: AXComponent, useExisting: AXSidebarCollapseComponent }], imports: [AXTooltipModule], 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"] }]
+        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fullLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullLabel", required: false }] }], compactLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaControls", required: false }] }] } });
+
+const COMPONENTS = [AXSidebarComponent, AXSidebarUserComponent, AXSidebarCollapseComponent];
+const DIRECTIVES = [
+    AXSidebarHeaderDirective,
+    AXSidebarNavigationDirective,
+    AXSidebarFooterDirective,
+    AXSidebarUserSlotDirective,
+    AXSidebarCollapseSlotDirective,
+];
+class AXSidebarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarModule, imports: [AXSidebarComponent, AXSidebarUserComponent, AXSidebarCollapseComponent, AXSidebarHeaderDirective,
+            AXSidebarNavigationDirective,
+            AXSidebarFooterDirective,
+            AXSidebarUserSlotDirective,
+            AXSidebarCollapseSlotDirective], exports: [AXSidebarComponent, AXSidebarUserComponent, AXSidebarCollapseComponent, AXSidebarHeaderDirective,
+            AXSidebarNavigationDirective,
+            AXSidebarFooterDirective,
+            AXSidebarUserSlotDirective,
+            AXSidebarCollapseSlotDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarModule, imports: [AXSidebarUserComponent, AXSidebarCollapseComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...COMPONENTS, ...DIRECTIVES],
+                    exports: [...COMPONENTS, ...DIRECTIVES],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXSidebarCollapseComponent, AXSidebarCollapseSlotDirective, AXSidebarComponent, AXSidebarFooterDirective, AXSidebarHeaderDirective, AXSidebarModule, AXSidebarNavigationDirective, AXSidebarUserComponent, AXSidebarUserSlotDirective };
+//# sourceMappingURL=acorex-components-sidebar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-sidebar.mjs","sources":["../../../../packages/components/sidebar/src/lib/sidebar.directives.ts","../../../../packages/components/sidebar/src/lib/sidebar.component.ts","../../../../packages/components/sidebar/src/lib/sidebar.component.html","../../../../packages/components/sidebar/src/lib/sidebar-user/sidebar-user.component.ts","../../../../packages/components/sidebar/src/lib/sidebar-user/sidebar-user.component.html","../../../../packages/components/sidebar/src/lib/sidebar-collapse/sidebar-collapse.component.ts","../../../../packages/components/sidebar/src/lib/sidebar-collapse/sidebar-collapse.component.html","../../../../packages/components/sidebar/src/lib/sidebar.module.ts","../../../../packages/components/sidebar/src/acorex-components-sidebar.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/** Marks projected header content inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarHeader]' })\nexport class AXSidebarHeaderDirective {}\n\n/** Marks projected navigation content (typically `ax-side-menu`) inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarNavigation]' })\nexport class AXSidebarNavigationDirective {}\n\n/** Marks projected footer utility content inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarFooter]' })\nexport class AXSidebarFooterDirective {}\n\n/** Marks the user utility slot inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarUser]' })\nexport class AXSidebarUserSlotDirective {}\n\n/** Marks the collapse utility slot inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarCollapse]' })\nexport class AXSidebarCollapseSlotDirective {}\n","import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation } from '@angular/core';\nimport { AXSidebarMode } from './sidebar.types';\n\n/**\n * Layout shell for an enterprise sidebar with full and compact widths,\n * sticky header/utility regions, and a scrollable navigation slot.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-sidebar',\n  templateUrl: './sidebar.component.html',\n  styleUrls: ['./sidebar.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClass()',\n    '[attr.aria-expanded]': 'isFull()',\n  },\n  providers: [{ provide: AXComponent, useExisting: AXSidebarComponent }],\n})\nexport class AXSidebarComponent extends NXComponent {\n  /**\n   * Sidebar display mode shared with collapse and side-menu consumers.\n   *\n   * @defaultValue 'full'\n   */\n  mode = model<AXSidebarMode>('full');\n\n  /**\n   * Accessible name for the sidebar landmark.\n   *\n   * @defaultValue 'Sidebar'\n   */\n  readonly ariaLabel = input('Sidebar');\n\n  /**\n   * Optional id of the navigation region for `aria-controls` wiring from collapse.\n   */\n  readonly navigationId = input<string | null>(null);\n\n  protected readonly isFull = computed(() => this.mode() === 'full');\n  protected readonly isCompact = computed(() => this.mode() === 'compact');\n\n  protected readonly hostClass = computed(() => {\n    return [`ax-sidebar`, `ax-mode-${this.mode()}`].join(' ');\n  });\n}\n","<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","import { AXClickEvent, AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { AXAvatarComponent } from '@acorex/components/avatar';\nimport { AXDecoratorGenericComponent } from '@acorex/components/decorators';\nimport { AXImageComponent } from '@acorex/components/image';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Reusable user/account row for sidebar utility areas.\n * Renders expanded identity content or a compact avatar with tooltip.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-sidebar-user',\n  templateUrl: './sidebar-user.component.html',\n  styleUrls: ['./sidebar-user.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClass()',\n    '[attr.aria-disabled]': 'disabled() || null',\n  },\n  providers: [{ provide: AXComponent, useExisting: AXSidebarUserComponent }],\n  imports: [AXAvatarComponent, AXDecoratorGenericComponent, AXImageComponent, AXTooltipModule],\n})\nexport class AXSidebarUserComponent extends NXComponent {\n  readonly avatarSrc = input<string | null>(null);\n  readonly avatarAlt = input('User avatar');\n  readonly initials = input<string | null>(null);\n  readonly name = input('');\n  readonly description = input('');\n  readonly status = input<string | null>(null);\n  readonly disabled = input(false);\n  readonly compact = input(false);\n  readonly tooltip = input<string | null>(null);\n  readonly ariaLabel = input<string | null>(null);\n\n  readonly userClick = output<AXClickEvent>();\n  readonly actionClick = output<AXClickEvent>();\n\n  private readonly projectedAvatar = contentChild(AXAvatarComponent);\n\n  protected readonly hasProjectedAvatar = computed(() => !!this.projectedAvatar());\n\n  protected readonly tooltipContent = computed(() => {\n    if (!this.compact()) {\n      return null;\n    }\n    return this.tooltip()?.trim() || this.name()?.trim() || this.ariaLabel()?.trim() || null;\n  });\n\n  protected readonly accessibleLabel = computed(() => {\n    return (\n      this.ariaLabel()?.trim() ||\n      [this.name(), this.description()].filter(Boolean).join(', ') ||\n      this.avatarAlt()\n    );\n  });\n\n  protected readonly displayInitials = computed(() => {\n    const provided = this.initials()?.trim();\n    if (provided) {\n      return provided.slice(0, 2).toUpperCase();\n    }\n    const name = this.name().trim();\n    if (!name) {\n      return '';\n    }\n    const parts = name.split(/\\s+/).filter(Boolean);\n    if (parts.length === 1) {\n      return parts[0].slice(0, 2).toUpperCase();\n    }\n    return `${parts[0][0] ?? ''}${parts[1][0] ?? ''}`.toUpperCase();\n  });\n\n  protected readonly hostClass = computed(() => {\n    const classes = ['ax-sidebar-user'];\n    if (this.compact()) {\n      classes.push('ax-mode-compact');\n    }\n    if (this.disabled()) {\n      classes.push('ax-state-disabled');\n    }\n    return classes.join(' ');\n  });\n\n  protected handleUserClick(nativeEvent: MouseEvent) {\n    if (this.disabled()) {\n      nativeEvent.preventDefault();\n      nativeEvent.stopPropagation();\n      return;\n    }\n    this.userClick.emit({\n      component: this,\n      htmlElement: this.nativeElement,\n      nativeEvent,\n    });\n  }\n\n  protected handleActionClick(nativeEvent: MouseEvent) {\n    nativeEvent.stopPropagation();\n    if (this.disabled()) {\n      nativeEvent.preventDefault();\n      return;\n    }\n    this.actionClick.emit({\n      component: this,\n      htmlElement: this.nativeElement,\n      nativeEvent,\n    });\n  }\n}\n","<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, ax-prefix\"></ng-content>\n    @if (!hasProjectedAvatar()) {\n      @if (avatarSrc()) {\n        <ax-avatar [size]=\"32\" shape=\"rounded\">\n          <ax-image [src]=\"avatarSrc()\" [alt]=\"avatarAlt()\"></ax-image>\n        </ax-avatar>\n      } @else if (displayInitials()) {\n        <ax-avatar [size]=\"32\" shape=\"rounded\">\n          <ax-text>{{ displayInitials() }}</ax-text>\n        </ax-avatar>\n      } @else {\n        <ax-avatar [size]=\"32\" shape=\"rounded\"></ax-avatar>\n      }\n    }\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","import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport { ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation } from '@angular/core';\nimport { AXSidebarMode } from '../sidebar.types';\n\n/**\n * Sticky utility control that toggles sidebar full/compact mode.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-sidebar-collapse',\n  templateUrl: './sidebar-collapse.component.html',\n  styleUrls: ['./sidebar-collapse.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClass()',\n  },\n  providers: [{ provide: AXComponent, useExisting: AXSidebarCollapseComponent }],\n  imports: [AXTooltipModule],\n})\nexport class AXSidebarCollapseComponent extends NXComponent {\n  /**\n   * Current sidebar mode. Two-way bindable via `[(mode)]`.\n   *\n   * @defaultValue 'full'\n   */\n  mode = model<AXSidebarMode>('full');\n\n  readonly disabled = input(false);\n  readonly fullLabel = input('Collapse');\n  readonly compactLabel = input('Expand');\n  readonly ariaLabel = input<string | null>(null);\n  readonly ariaControls = input<string | null>(null);\n\n  protected readonly isFull = computed(() => this.mode() === 'full');\n  protected readonly isCompact = computed(() => this.mode() === 'compact');\n\n  protected readonly label = computed(() => (this.isFull() ? this.fullLabel() : this.compactLabel()));\n\n  protected readonly accessibleLabel = computed(() => this.ariaLabel()?.trim() || this.label());\n\n  protected readonly tooltipContent = computed(() => (this.isCompact() ? this.accessibleLabel() : null));\n\n  protected readonly hostClass = computed(() => {\n    const classes = ['ax-sidebar-collapse', `ax-mode-${this.mode()}`];\n    if (this.disabled()) {\n      classes.push('ax-state-disabled');\n    }\n    return classes.join(' ');\n  });\n\n  protected toggleMode() {\n    if (this.disabled()) {\n      return;\n    }\n    this.mode.update((current) => (current === 'full' ? 'compact' : 'full'));\n  }\n}\n","<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","import { NgModule } from '@angular/core';\nimport {\n  AXSidebarCollapseSlotDirective,\n  AXSidebarFooterDirective,\n  AXSidebarHeaderDirective,\n  AXSidebarNavigationDirective,\n  AXSidebarUserSlotDirective,\n} from './sidebar.directives';\nimport { AXSidebarComponent } from './sidebar.component';\nimport { AXSidebarCollapseComponent } from './sidebar-collapse/sidebar-collapse.component';\nimport { AXSidebarUserComponent } from './sidebar-user/sidebar-user.component';\n\nconst COMPONENTS = [AXSidebarComponent, AXSidebarUserComponent, AXSidebarCollapseComponent];\nconst DIRECTIVES = [\n  AXSidebarHeaderDirective,\n  AXSidebarNavigationDirective,\n  AXSidebarFooterDirective,\n  AXSidebarUserSlotDirective,\n  AXSidebarCollapseSlotDirective,\n];\n\n@NgModule({\n  imports: [...COMPONENTS, ...DIRECTIVES],\n  exports: [...COMPONENTS, ...DIRECTIVES],\n})\nexport class AXSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-skeleton.mjs

@@ -22,11 +22,11 @@ class AXSkeletonComponent extends MXBaseComponent {
         return `ax-skeleton ${this.animated ? 'ax-skeleton-animate' : ''}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSkeletonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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{@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:\"\"}}}@layer components{ax-skeleton.ax-skeleton{background-color:rgba(var(--ax-sys-color-darkest-surface));display:block;position:relative;overflow:hidden}@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{height:100%;width:calc(var(--spacing,.25rem) * 56);--tw-gradient-position:to right;inset-inline-start:calc(var(--spacing,.25rem) * -52);animation:load;display:block;position:absolute;top:0}@supports (background-image:linear-gradient(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-position:to right in oklab}}ax-skeleton.ax-skeleton-animate:before{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:rgba(var(--ax-sys-color-darkest-surface))}@supports (color:color-mix(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-via:color-mix(in oklab, rgba(var(--ax-sys-color-darkest-surface)) 60%, transparent)}}ax-skeleton.ax-skeleton-animate:before{--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,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-via-position:50%;--tw-gradient-to:transparent;--tw-content:\"\";content:var(--tw-content);animation-duration:1s;animation-timing-function:ease-in;animation-iteration-count:infinite}@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:\"\"}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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: "21.2.9", 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{@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:\"\"}}}@layer components{ax-skeleton.ax-skeleton{background-color:rgba(var(--ax-sys-color-darkest-surface));display:block;position:relative;overflow:hidden}@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{height:100%;width:calc(var(--spacing,.25rem) * 56);--tw-gradient-position:to right;inset-inline-start:calc(var(--spacing,.25rem) * -52);animation:load;display:block;position:absolute;top:0}@supports (background-image:linear-gradient(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-position:to right in oklab}}ax-skeleton.ax-skeleton-animate:before{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:rgba(var(--ax-sys-color-darkest-surface))}@supports (color:color-mix(in lab,red,red)){ax-skeleton.ax-skeleton-animate:before{--tw-gradient-via:color-mix(in oklab, rgba(var(--ax-sys-color-darkest-surface)) 60%, transparent)}}ax-skeleton.ax-skeleton-animate:before{--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,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-via-position:50%;--tw-gradient-to:transparent;--tw-content:\"\";content:var(--tw-content);animation-duration:1s;animation-timing-function:ease-in;animation-iteration-count:infinite}@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:\"\"}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            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: [{
                 type: Input
             }], __hostClass: [{

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-skeleton.mjs","sources":["../../../../packages/components/skeleton/src/lib/skeleton.component.ts","../../../../packages/components/skeleton/src/lib/skeleton.module.ts","../../../../packages/components/skeleton/src/acorex-components-skeleton.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * @category\n * A skeleton component used for loading placeholders.\n */\n@Component({\n  selector: 'ax-skeleton',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./skeleton.component.compiled.css'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXSkeletonComponent }],\n})\nexport class AXSkeletonComponent extends MXBaseComponent {\n  /**\n   * Determines whether animations are enabled.\n   *\n   * @defaultValue true\n   */\n  @Input() animated = true;\n\n  /** @ignore */\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-skeleton ${this.animated ? 'ax-skeleton-animate' : ''}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSkeletonComponent } from './skeleton.component';\n@NgModule({\n  imports: [CommonModule, AXSkeletonComponent],\n  exports: [AXSkeletonComponent],\n})\nexport class AXSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAGA;;;AAGG;AAQG,MAAO,mBAAoB,SAAQ,eAAe,CAAA;AAPxD,IAAA,WAAA,GAAA;;AAQE;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,IAAI;AAOzB,IAAA;;AAJC,IAAA,IACI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,YAAA,EAAe,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EAAE;IACpE;8GAZW,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAFnB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,iDAH7D,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,64GAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAK1B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACb,2BAA2B,EAAA,aAAA,EAEtB,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,mBAAqB,EAAE,CAAC,EAAA,MAAA,EAAA,CAAA,64GAAA,CAAA,EAAA;;sBAQtE;;sBAGA,WAAW;uBAAC,OAAO;;;MChBT,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,OAAA,EAAA,CAHjB,YAAY,EAAE,mBAAmB,aACjC,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAGX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;oBAC5C,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-skeleton.mjs","sources":["../../../../packages/components/skeleton/src/lib/skeleton.component.ts","../../../../packages/components/skeleton/src/lib/skeleton.module.ts","../../../../packages/components/skeleton/src/acorex-components-skeleton.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * @category\n * A skeleton component used for loading placeholders.\n */\n@Component({\n  selector: 'ax-skeleton',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./skeleton.component.css'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXSkeletonComponent }],\n})\nexport class AXSkeletonComponent extends MXBaseComponent {\n  /**\n   * Determines whether animations are enabled.\n   *\n   * @defaultValue true\n   */\n  @Input() animated = true;\n\n  /** @ignore */\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-skeleton ${this.animated ? 'ax-skeleton-animate' : ''}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSkeletonComponent } from './skeleton.component';\n@NgModule({\n  imports: [CommonModule, AXSkeletonComponent],\n  exports: [AXSkeletonComponent],\n})\nexport class AXSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAGA;;;AAGG;AAQG,MAAO,mBAAoB,SAAQ,eAAe,CAAA;AAPxD,IAAA,WAAA,GAAA;;AAQE;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,IAAI;AAOzB,IAAA;;AAJC,IAAA,IACI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,YAAA,EAAe,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EAAE;IACpE;8GAZW,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAFnB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,iDAH7D,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,09HAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAK1B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACb,2BAA2B,EAAA,aAAA,EAEtB,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,mBAAqB,EAAE,CAAC,EAAA,MAAA,EAAA,CAAA,09HAAA,CAAA,EAAA;;sBAQtE;;sBAGA,WAAW;uBAAC,OAAO;;;MChBT,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,OAAA,EAAA,CAHjB,YAAY,EAAE,mBAAmB,aACjC,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAGX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;oBAC5C,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA;;;ACND;;AAEG;;;;"}

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

@@ -132,11 +132,11 @@ class AXSlidingItemComponent {
     #effect2;
     #init;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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{background-color:rgba(var(--ax-sys-color-lightest-surface));width:100%;height:100%;padding:calc(var(--spacing,.25rem) * 4);color:rgba(var(--ax-sys-color-on-lightest-surface));align-items:center;display:flex}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{aspect-ratio:1;min-width:calc(var(--spacing,.25rem) * 16);cursor:pointer;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));flex-direction:column;justify-content:center;align-items:center;display:flex}: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.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", 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: "21.2.9", 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{background-color:rgba(var(--ax-sys-color-lightest-surface));width:100%;height:100%;padding:calc(var(--spacing,.25rem) * 4);color:rgba(var(--ax-sys-color-on-lightest-surface));align-items:center;display:flex}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{aspect-ratio:1;min-width:calc(var(--spacing,.25rem) * 16);cursor:pointer;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));flex-direction:column;justify-content:center;align-items:center;display:flex}: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.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            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 }] }] } });
 
 const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];