@acorex/components 21.1.0-next.1 → 22.0.0-next.0

package/fesm2022/acorex-components-sidebar.mjs

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

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

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.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;;;;"}
+{"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\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;AASG,MAAO,mBAAoB,SAAQ,eAAe,CAAA;AARxD,IAAA,WAAA,GAAA;;AASE;;;;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,iDAJ7D,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,09HAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAM1B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACb,2BAA2B,EAAA,aAAA,EAEtB,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAE1B,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,mBAAqB,EAAE,CAAC,EAAA,MAAA,EAAA,CAAA,09HAAA,CAAA,EAAA;;sBAQtE;;sBAGA,WAAW;uBAAC,OAAO;;;MCjBT,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-slider.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-slider.mjs","sources":["../../../../packages/components/slider/src/lib/slider.component.ts","../../../../packages/components/slider/src/lib/slider.component.html","../../../../packages/components/slider/src/lib/slider.module.ts","../../../../packages/components/slider/src/acorex-components-slider.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXComponent,\n  AXDirection,\n  AXValuableComponent,\n  MXColorComponent,\n  MXComponentOptionChanged,\n  MXValueComponent,\n} from '@acorex/cdk/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n  NgZone,\n  ViewEncapsulation,\n  forwardRef,\n  inject,\n  output,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @deprecated Use `range slider` instead.\n * This component deprecated and no longer support.\n */\n@Component({\n  selector: 'ax-slider',\n  templateUrl: './slider.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['readonly', 'disabled', 'value', 'name', 'color'],\n  outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXSliderComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSliderComponent),\n      multi: true,\n    },\n    { provide: AXComponent, useExisting: AXSliderComponent },\n  ],\n  imports: [FormsModule],\n})\nexport class AXSliderComponent extends classes(MXValueComponent<number>, MXColorComponent) {\n  private _zone = inject(NgZone);\n\n  /**\n   * @event\n   */\n  onClick = output<AXClickEvent>();\n\n  /** @ignore */\n  private _minValue = 0;\n\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n\n  /**\n   * Sets the minimum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set minValue(v: number) {\n    this.setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  /** @ignore */\n  private _maxValue = 100;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n\n  /**\n   * Sets the maximum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set maxValue(v: number) {\n    this.setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  /** @ignore */\n  private _step = 1;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n\n  /**\n   * Sets the step increment for the slider.\n   *\n   * @param {number} v\n   */\n  public set step(v: number) {\n    this.setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  //TODO: vertical dont work properly\n  /**\n   * The direction of the slider.\n   *\n   * @defaultValue 'horizontal'\n   */\n  @Input()\n  direction: AXDirection = 'horizontal';\n\n  /**\n   * Handles changes to internal component options.\n   *\n   * @param {MXComponentOptionChanged} e\n   */\n  override internalOptionChanged(e: MXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  /**\n   * Handles changes to the component's value.\n   *\n   * @param {number} value\n   */\n  override internalValueChanged(value: number): void {\n    this._calcVars();\n  }\n\n  /** @ignore */\n  protected _handleModelChange(value: number) {\n    this.commitValue(value, true);\n  }\n\n  /** @ignore */\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;\n      this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  /**\n   * @event\n   *\n   * Emits the value of the clicked input element when the click event occurs.\n   */\n  clickHandler(e: Event) {\n    this.onClick.emit((e.target as HTMLInputElement).value as any);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `${this.color} ax-${this.direction}`;\n  }\n\n  /** @ignore */\n  @HostBinding('class.ax-state-disabled')\n  private get __hostClassDisabled(): boolean {\n    return this.disabled;\n  }\n}\n","<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n","import { AXCommonModule } from '@acorex/cdk/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSliderComponent } from './slider.component';\n\nconst COMPONENT = [AXSliderComponent];\nconst MODULES = [CommonModule, AXCommonModule, FormsModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-slider.mjs","sources":["../../../../packages/components/slider/src/lib/slider.component.ts","../../../../packages/components/slider/src/lib/slider.component.html","../../../../packages/components/slider/src/lib/slider.module.ts","../../../../packages/components/slider/src/acorex-components-slider.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXComponent,\n  AXDirection,\n  AXValuableComponent,\n  MXColorComponent,\n  MXComponentOptionChanged,\n  MXValueComponent,\n} from '@acorex/cdk/common';\nimport { Component, HostBinding, Input, NgZone, ViewEncapsulation, forwardRef, inject, output } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n/**\n * @deprecated Use `range slider` instead.\n * This component deprecated and no longer support.\n */\n@Component({\n  selector: 'ax-slider',\n  templateUrl: './slider.component.html',\n\n  inputs: ['readonly', 'disabled', 'value', 'name', 'color'],\n  outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXValuableComponent, useExisting: AXSliderComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXSliderComponent),\n      multi: true,\n    },\n    { provide: AXComponent, useExisting: AXSliderComponent },\n  ],\n  imports: [FormsModule],\n})\nexport class AXSliderComponent extends classes(MXValueComponent<number>, MXColorComponent) {\n  private _zone = inject(NgZone);\n\n  /**\n   * @event\n   */\n  onClick = output<AXClickEvent>();\n\n  /** @ignore */\n  private _minValue = 0;\n\n  /**\n   *  Specifies the smallest value that is valid\n   */\n  @Input()\n  public get minValue(): number {\n    return this._minValue ?? 0;\n  }\n\n  /**\n   * Sets the minimum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set minValue(v: number) {\n    this.setOption({\n      name: 'minValue',\n      value: v != null ? Number(v) : 0,\n    });\n  }\n\n  /** @ignore */\n  private _maxValue = 100;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get maxValue(): number {\n    return this._maxValue ?? 100;\n  }\n\n  /**\n   * Sets the maximum value of the slider.\n   *\n   * @param {number} v\n   */\n  public set maxValue(v: number) {\n    this.setOption({\n      name: 'maxValue',\n      value: v != null ? Number(v) : 100,\n    });\n  }\n\n  /** @ignore */\n  private _step = 1;\n\n  /**\n   *  Specifies the greatest value that is valid\n   */\n  @Input()\n  public get step(): number {\n    return this._step ?? 100;\n  }\n\n  /**\n   * Sets the step increment for the slider.\n   *\n   * @param {number} v\n   */\n  public set step(v: number) {\n    this.setOption({\n      name: 'step',\n      value: v != null ? Number(v) : 1,\n    });\n  }\n\n  //TODO: vertical dont work properly\n  /**\n   * The direction of the slider.\n   *\n   * @defaultValue 'horizontal'\n   */\n  @Input()\n  direction: AXDirection = 'horizontal';\n\n  /**\n   * Handles changes to internal component options.\n   *\n   * @param {MXComponentOptionChanged} e\n   */\n  override internalOptionChanged(e: MXComponentOptionChanged) {\n    this._calcVars();\n  }\n\n  /**\n   * Handles changes to the component's value.\n   *\n   * @param {number} value\n   */\n  override internalValueChanged(value: number): void {\n    this._calcVars();\n  }\n\n  /** @ignore */\n  protected _handleModelChange(value: number) {\n    this.commitValue(value, true);\n  }\n\n  /** @ignore */\n  private _calcVars() {\n    this._zone.runOutsideAngular(() => {\n      const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;\n      this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);\n    });\n  }\n\n  /**\n   * @event\n   *\n   * Emits the value of the clicked input element when the click event occurs.\n   */\n  clickHandler(e: Event) {\n    this.onClick.emit((e.target as HTMLInputElement).value as any);\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `${this.color} ax-${this.direction}`;\n  }\n\n  /** @ignore */\n  @HostBinding('class.ax-state-disabled')\n  private get __hostClassDisabled(): boolean {\n    return this.disabled;\n  }\n}\n","<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n","import { AXCommonModule } from '@acorex/cdk/common';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXSliderComponent } from './slider.component';\n\nconst COMPONENT = [AXSliderComponent];\nconst MODULES = [CommonModule, AXCommonModule, FormsModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}