@acorex/components 21.1.0-next.0 → 21.1.0-next.2

package/fesm2022/acorex-components-sidebar.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-sidebar.mjs","sources":["../../../../packages/components/sidebar/src/lib/sidebar.directives.ts","../../../../packages/components/sidebar/src/lib/sidebar.component.ts","../../../../packages/components/sidebar/src/lib/sidebar.component.html","../../../../packages/components/sidebar/src/lib/sidebar-user/sidebar-user.component.ts","../../../../packages/components/sidebar/src/lib/sidebar-user/sidebar-user.component.html","../../../../packages/components/sidebar/src/lib/sidebar-collapse/sidebar-collapse.component.ts","../../../../packages/components/sidebar/src/lib/sidebar-collapse/sidebar-collapse.component.html","../../../../packages/components/sidebar/src/lib/sidebar.module.ts","../../../../packages/components/sidebar/src/acorex-components-sidebar.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/** Marks projected header content inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarHeader]' })\nexport class AXSidebarHeaderDirective {}\n\n/** Marks projected navigation content (typically `ax-side-menu`) inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarNavigation]' })\nexport class AXSidebarNavigationDirective {}\n\n/** Marks projected footer utility content inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarFooter]' })\nexport class AXSidebarFooterDirective {}\n\n/** Marks the user utility slot inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarUser]' })\nexport class AXSidebarUserSlotDirective {}\n\n/** Marks the collapse utility slot inside `ax-sidebar`. */\n@Directive({ selector: '[axSidebarCollapse]' })\nexport class AXSidebarCollapseSlotDirective {}\n","import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation } from '@angular/core';\nimport { AXSidebarMode } from './sidebar.types';\n\n/**\n * Layout shell for an enterprise sidebar with full and compact widths,\n * sticky header/utility regions, and a scrollable navigation slot.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-sidebar',\n  templateUrl: './sidebar.component.html',\n  styleUrls: ['./sidebar.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClass()',\n    '[attr.aria-expanded]': 'isFull()',\n  },\n  providers: [{ provide: AXComponent, useExisting: AXSidebarComponent }],\n})\nexport class AXSidebarComponent extends NXComponent {\n  /**\n   * Sidebar display mode shared with collapse and side-menu consumers.\n   *\n   * @defaultValue 'full'\n   */\n  mode = model<AXSidebarMode>('full');\n\n  /**\n   * Accessible name for the sidebar landmark.\n   *\n   * @defaultValue 'Sidebar'\n   */\n  readonly ariaLabel = input('Sidebar');\n\n  /**\n   * Optional id of the navigation region for `aria-controls` wiring from collapse.\n   */\n  readonly navigationId = input<string | null>(null);\n\n  protected readonly isFull = computed(() => this.mode() === 'full');\n  protected readonly isCompact = computed(() => this.mode() === 'compact');\n\n  protected readonly hostClass = computed(() => {\n    return [`ax-sidebar`, `ax-mode-${this.mode()}`].join(' ');\n  });\n}\n","<aside class=\"ax-sidebar-shell\" [attr.aria-label]=\"ariaLabel()\">\n  <header class=\"ax-sidebar-header\">\n    <ng-content select=\"[axSidebarHeader], ax-header\"></ng-content>\n  </header>\n\n  <nav\n    class=\"ax-sidebar-navigation\"\n    [attr.id]=\"navigationId()\"\n    [attr.aria-label]=\"ariaLabel()\"\n  >\n    <ng-content select=\"ax-side-menu, [axSidebarNavigation]\"></ng-content>\n    <ng-content></ng-content>\n  </nav>\n\n  <footer class=\"ax-sidebar-utility\">\n    <ng-content select=\"ax-sidebar-user, [axSidebarUser]\"></ng-content>\n    <ng-content select=\"ax-sidebar-collapse, [axSidebarCollapse]\"></ng-content>\n    <ng-content select=\"[axSidebarFooter], ax-footer\"></ng-content>\n  </footer>\n</aside>\n","import { AXClickEvent, AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Reusable user/account row for sidebar utility areas.\n * Renders expanded identity content or a compact avatar with tooltip.\n * 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  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClass()',\n    '[attr.aria-disabled]': 'disabled() || null',\n  },\n  providers: [{ provide: AXComponent, useExisting: AXSidebarUserComponent }],\n  imports: [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 (\n      this.ariaLabel()?.trim() ||\n      [this.name(), this.description()].filter(Boolean).join(', ') ||\n      'User'\n    );\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 { ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation } from '@angular/core';\nimport { AXSidebarMode } from '../sidebar.types';\n\n/**\n * Sticky utility control that toggles sidebar full/compact mode.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-sidebar-collapse',\n  templateUrl: './sidebar-collapse.component.html',\n  styleUrls: ['./sidebar-collapse.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': 'hostClass()',\n  },\n  providers: [{ provide: AXComponent, useExisting: AXSidebarCollapseComponent }],\n  imports: [AXTooltipModule],\n})\nexport class AXSidebarCollapseComponent extends NXComponent {\n  /**\n   * Current sidebar mode. Two-way bindable via `[(mode)]`.\n   *\n   * @defaultValue 'full'\n   */\n  mode = model<AXSidebarMode>('full');\n\n  readonly disabled = input(false);\n  readonly fullLabel = input('Collapse');\n  readonly compactLabel = input('Expand');\n  readonly ariaLabel = input<string | null>(null);\n  readonly ariaControls = input<string | null>(null);\n\n  protected readonly isFull = computed(() => this.mode() === 'full');\n  protected readonly isCompact = computed(() => this.mode() === 'compact');\n\n  protected readonly label = computed(() => (this.isFull() ? this.fullLabel() : this.compactLabel()));\n\n  protected readonly accessibleLabel = computed(() => this.ariaLabel()?.trim() || this.label());\n\n  protected readonly tooltipContent = computed(() => (this.isCompact() ? this.accessibleLabel() : null));\n\n  protected readonly hostClass = computed(() => {\n    const classes = ['ax-sidebar-collapse', `ax-mode-${this.mode()}`];\n    if (this.disabled()) {\n      classes.push('ax-state-disabled');\n    }\n    return classes.join(' ');\n  });\n\n  protected toggleMode() {\n    if (this.disabled()) {\n      return;\n    }\n    this.mode.update((current) => (current === 'full' ? 'compact' : 'full'));\n  }\n}\n","<button\n  type=\"button\"\n  class=\"ax-sidebar-collapse-trigger\"\n  [axTooltip]=\"tooltipContent()\"\n  axTooltipPlacement=\"end\"\n  [attr.aria-label]=\"accessibleLabel()\"\n  [attr.aria-expanded]=\"isFull()\"\n  [attr.aria-controls]=\"ariaControls()\"\n  [disabled]=\"disabled()\"\n  (click)=\"toggleMode()\"\n>\n  <span class=\"ax-sidebar-collapse-icon\" aria-hidden=\"true\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\">\n      @if (isFull()) {\n        <path\n          d=\"M10.5 3.5 6 8l4.5 4.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      } @else {\n        <path\n          d=\"M5.5 3.5 10 8l-4.5 4.5\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      }\n    </svg>\n  </span>\n  @if (isFull()) {\n    <span class=\"ax-sidebar-collapse-label\">{{ label() }}</span>\n  }\n</button>\n","import { NgModule } from '@angular/core';\nimport {\n  AXSidebarCollapseSlotDirective,\n  AXSidebarFooterDirective,\n  AXSidebarHeaderDirective,\n  AXSidebarNavigationDirective,\n  AXSidebarUserSlotDirective,\n} from './sidebar.directives';\nimport { AXSidebarComponent } from './sidebar.component';\nimport { AXSidebarCollapseComponent } from './sidebar-collapse/sidebar-collapse.component';\nimport { AXSidebarUserComponent } from './sidebar-user/sidebar-user.component';\n\nconst COMPONENTS = [AXSidebarComponent, AXSidebarUserComponent, AXSidebarCollapseComponent];\nconst DIRECTIVES = [\n  AXSidebarHeaderDirective,\n  AXSidebarNavigationDirective,\n  AXSidebarFooterDirective,\n  AXSidebarUserSlotDirective,\n  AXSidebarCollapseSlotDirective,\n];\n\n@NgModule({\n  imports: [...COMPONENTS, ...DIRECTIVES],\n  exports: [...COMPONENTS, ...DIRECTIVES],\n})\nexport class AXSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEA;MAEa,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBADpC,SAAS;mBAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE;;AAG5C;MAEa,4BAA4B,CAAA;8GAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBADxC,SAAS;mBAAC,EAAE,QAAQ,EAAE,uBAAuB,EAAE;;AAGhD;MAEa,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBADpC,SAAS;mBAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE;;AAG5C;MAEa,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBADtC,SAAS;mBAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE;;AAG1C;MAEa,8BAA8B,CAAA;8GAA9B,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAD1C,SAAS;mBAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE;;;ACf9C;;;;;AAKG;AAaG,MAAO,kBAAmB,SAAQ,WAAW,CAAA;AAZnD,IAAA,WAAA,GAAA;;AAaE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,MAAM,2EAAC;AAEnC;;;;AAIG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,gFAAC;AAErC;;AAEG;AACM,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC;AAE/B,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,MAAM,6EAAC;AAC/C,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS,gFAAC;AAErD,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,YAAA,OAAO,CAAC,CAAA,UAAA,CAAY,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3D,QAAA,CAAC,gFAAC;AACH,IAAA;8GA1BY,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,SAAA,EAFlB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,iDCpBxE,+tBAoBA,EAAA,MAAA,EAAA,CAAA,+nFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDEa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAZ9B,SAAS;+BACE,YAAY,EAAA,eAAA,EAGL,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,aAAa;AACxB,wBAAA,sBAAsB,EAAE,UAAU;qBACnC,EAAA,SAAA,EACU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,kBAAoB,EAAE,CAAC,EAAA,QAAA,EAAA,+tBAAA,EAAA,MAAA,EAAA,CAAA,+nFAAA,CAAA,EAAA;;;AETxE;;;;;;AAMG;AAcG,MAAO,sBAAuB,SAAQ,WAAW,CAAA;AAbvD,IAAA,WAAA,GAAA;;AAcW,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,EAAE,2EAAC;AAChB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,EAAE,kFAAC;AACvB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAgB,IAAI,6EAAC;AACnC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;AACvB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,8EAAC;AACtB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAgB,IAAI,8EAAC;AACpC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAgB,IAAI,gFAAC;QAEtC,IAAA,CAAA,SAAS,GAAG,MAAM,EAAgB;QAClC,IAAA,CAAA,WAAW,GAAG,MAAM,EAAgB;AAE1B,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AAChD,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;AACnB,gBAAA,OAAO,IAAI;YACb;YACA,OAAO,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI;AAC1F,QAAA,CAAC,qFAAC;AAEiB,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACjD,YAAA,QACE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE;AACxB,gBAAA,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5D,gBAAA,MAAM;AAEV,QAAA,CAAC,sFAAC;AAEiB,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,YAAA,MAAM,OAAO,GAAG,CAAC,iBAAiB,CAAC;AACnC,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;AAClB,gBAAA,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC;YACjC;AACA,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,gBAAA,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC;YACnC;AACA,YAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,QAAA,CAAC,gFAAC;AA2BH,IAAA;AAzBW,IAAA,eAAe,CAAC,WAAuB,EAAA;AAC/C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,WAAW,CAAC,cAAc,EAAE;YAC5B,WAAW,CAAC,eAAe,EAAE;YAC7B;QACF;AACA,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,YAAA,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,IAAI,CAAC,aAAa;YAC/B,WAAW;AACZ,SAAA,CAAC;IACJ;AAEU,IAAA,iBAAiB,CAAC,WAAuB,EAAA;QACjD,WAAW,CAAC,eAAe,EAAE;AAC7B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,WAAW,CAAC,cAAc,EAAE;YAC5B;QACF;AACA,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACpB,YAAA,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,IAAI,CAAC,aAAa;YAC/B,WAAW;AACZ,SAAA,CAAC;IACJ;8GA9DW,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,SAAA,EAHtB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,sBAAsB,EAAE,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5B5E,k+BAgCA,gtEDHY,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEd,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,SAAS;+BACE,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,aAAa;AACxB,wBAAA,sBAAsB,EAAE,oBAAoB;AAC7C,qBAAA,EAAA,SAAA,EACU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,sBAAwB,EAAE,CAAC,EAAA,OAAA,EACjE,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,k+BAAA,EAAA,MAAA,EAAA,CAAA,ypEAAA,CAAA,EAAA;;;AExB5B;;;;AAIG;AAaG,MAAO,0BAA2B,SAAQ,WAAW,CAAA;AAZ3D,IAAA,WAAA,GAAA;;AAaE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,MAAM,2EAAC;AAE1B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;AACvB,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,UAAU,gFAAC;AAC7B,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,mFAAC;AAC9B,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAgB,IAAI,gFAAC;AACtC,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC;AAE/B,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,MAAM,6EAAC;AAC/C,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS,gFAAC;QAErD,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAEhF,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,sFAAC;QAE1E,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAEnF,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,YAAA,MAAM,OAAO,GAAG,CAAC,qBAAqB,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,CAAC;AACjE,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,gBAAA,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC;YACnC;AACA,YAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,QAAA,CAAC,gFAAC;AAQH,IAAA;IANW,UAAU,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB;QACF;QACA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,MAAM,OAAO,KAAK,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IAC1E;8GApCW,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,SAAA,EAH1B,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBhF,+jCAoCA,81DDhBY,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,qBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEd,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAZtC,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB,qBAAA,EAAA,SAAA,EACU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,0BAA4B,EAAE,CAAC,EAAA,OAAA,EACrE,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,+jCAAA,EAAA,MAAA,EAAA,CAAA,uyDAAA,CAAA,EAAA;;;AER5B,MAAM,UAAU,GAAG,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,0BAA0B,CAAC;AAC3F,MAAM,UAAU,GAAG;IACjB,wBAAwB;IACxB,4BAA4B;IAC5B,wBAAwB;IACxB,0BAA0B;IAC1B,8BAA8B;CAC/B;MAMY,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,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,eAAe,YAbR,kBAAkB,EAAE,sBAAsB,EAAE,0BAA0B,EAExF,wBAAwB;YACxB,4BAA4B;YAC5B,wBAAwB;YACxB,0BAA0B;AAC1B,YAAA,8BAA8B,aANZ,kBAAkB,EAAE,sBAAsB,EAAE,0BAA0B,EAExF,wBAAwB;YACxB,4BAA4B;YAC5B,wBAAwB;YACxB,0BAA0B;YAC1B,8BAA8B,CAAA,EAAA,CAAA,CAAA;+GAOnB,eAAe,EAAA,OAAA,EAAA,CAbY,sBAAsB,EAAE,0BAA0B,CAAA,EAAA,CAAA,CAAA;;2FAa7E,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,UAAU,CAAC;AACvC,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,UAAU,CAAC;AACxC,iBAAA;;;ACxBD;;AAEG;;;;"}

package/fesm2022/acorex-components-tag-box.mjs

@@ -167,7 +167,7 @@ class AXTagBoxComponent extends classes((MXInputBaseValueComponent), MXLookCompo
                 multi: true,
             },
             AXUnsubscriber,
-        ], queries: [{ propertyName: "autocompleteComponent", first: true, predicate: AXAutocompleteComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [name]=\"name\"\n      [id]=\"id\"\n      class=\"ax-input\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  @if (!disabled && !readonly && value?.length) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-tag-box{width:100%}ax-tag-box .ax-editor-container{height:auto;min-height:calc(var(--spacing, .25rem) * 10);padding:calc(var(--spacing, .25rem) * 1)}ax-tag-box .ax-editor-container .ax-tags-container{display:flex;width:100%;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1)}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius: .375rem}ax-tag-box .ax-editor-container .ax-tags-container input{margin:auto;height:calc(var(--spacing, .25rem) * 7.5);min-width:calc(var(--spacing, .25rem) * 30);padding-inline-start:calc(var(--spacing, .25rem) * 2)}ax-tag-box ax-clear-button{height:calc(var(--spacing, .25rem) * 4)}app-demo-box .log-container{display:flex;flex-direction:row-reverse;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\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.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"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTagComponent, selector: "ax-tag", inputs: ["color", "look", "text"], outputs: ["onClick", "onDblClick", "onContextMenu"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "autocompleteComponent", first: true, predicate: AXAutocompleteComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default min-w-0 justify-start! gap-1 {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container flex w-0 min-w-0 flex-1 flex-wrap content-center items-center gap-1\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [name]=\"name\"\n      [id]=\"id\"\n      class=\"ax-input m-0! h-7.5 min-w-16 w-auto! flex-1 basis-16 ps-2\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  <div class=\"ax-tag-box-actions flex shrink-0 grow-0 basis-auto items-center self-center gap-1\">\n    @if (!disabled && !readonly && value?.length) {\n      <ng-content select=\"ax-clear-button\"></ng-content>\n    }\n    <ng-content select=\"ax-suffix\"> </ng-content>\n  </div>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["ax-tag-box{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-tag-box .ax-editor-container{height:auto!important;min-height:var(--ax-sys-size-base,2.5rem);width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:flex-start!important;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 1)}ax-tag-box .ax-editor-container .ax-tags-container{display:flex!important;width:calc(var(--spacing, .25rem) * 0)!important;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)!important;flex:1!important;flex-wrap:wrap;align-content:center;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius: .375rem}ax-tag-box .ax-editor-container .ax-tags-container input.ax-input{margin:calc(var(--spacing, .25rem) * 0)!important;height:calc(var(--spacing, .25rem) * 7.5);width:auto!important;max-width:100%;min-width:calc(var(--spacing, .25rem) * 16)!important;padding-inline-start:calc(var(--spacing, .25rem) * 2);flex:1 1 4rem!important}ax-tag-box .ax-editor-container .ax-tag-box-actions{display:flex!important;flex:none!important;align-items:center;gap:calc(var(--spacing, .25rem) * 1);align-self:center!important}ax-tag-box .ax-editor-container .ax-tag-box-actions ax-suffix,ax-tag-box .ax-editor-container .ax-tag-box-actions ax-clear-button,ax-tag-box .ax-editor-container .ax-tag-box-actions ax-prefix{flex:none!important}ax-tag-box .ax-editor-container .ax-tag-box-actions ax-suffix>ax-button,ax-tag-box .ax-editor-container .ax-tag-box-actions ax-prefix>ax-button{height:auto!important;flex:none!important;align-self:center!important}ax-tag-box .ax-editor-container .ax-tag-box-actions ax-suffix>ax-button>button,ax-tag-box .ax-editor-container .ax-tag-box-actions ax-prefix>ax-button>button{aspect-ratio:1 / 1!important;height:var(--ax-sys-size-base, 2.5rem)!important;width:var(--ax-sys-size-base, 2.5rem)!important;max-width:var(--ax-sys-size-base, 2.5rem)!important;max-height:var(--ax-sys-size-base, 2.5rem)!important}ax-tag-box ax-clear-button{height:calc(var(--spacing, .25rem) * 4);flex-shrink:0}@layer components{app-demo-box .log-container{display:flex;flex-direction:row-reverse;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\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.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"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTagComponent, selector: "ax-tag", inputs: ["color", "look", "text"], outputs: ["onClick", "onDblClick", "onContextMenu"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXTagBoxComponent, decorators: [{
             type: Component,
@@ -207,7 +207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             multi: true,
                         },
                         AXUnsubscriber,
-                    ], imports: [FormsModule, AXDecoratorGenericComponent, AXDecoratorIconComponent, AXTagComponent, NgTemplateOutlet], template: "<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [name]=\"name\"\n      [id]=\"id\"\n      class=\"ax-input\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  @if (!disabled && !readonly && value?.length) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-tag-box{width:100%}ax-tag-box .ax-editor-container{height:auto;min-height:calc(var(--spacing, .25rem) * 10);padding:calc(var(--spacing, .25rem) * 1)}ax-tag-box .ax-editor-container .ax-tags-container{display:flex;width:100%;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 1)}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius: .375rem}ax-tag-box .ax-editor-container .ax-tags-container input{margin:auto;height:calc(var(--spacing, .25rem) * 7.5);min-width:calc(var(--spacing, .25rem) * 30);padding-inline-start:calc(var(--spacing, .25rem) * 2)}ax-tag-box ax-clear-button{height:calc(var(--spacing, .25rem) * 4)}app-demo-box .log-container{display:flex;flex-direction:row-reverse;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], imports: [FormsModule, AXDecoratorGenericComponent, AXDecoratorIconComponent, AXTagComponent, NgTemplateOutlet], template: "<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default min-w-0 justify-start! gap-1 {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container flex w-0 min-w-0 flex-1 flex-wrap content-center items-center gap-1\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [name]=\"name\"\n      [id]=\"id\"\n      class=\"ax-input m-0! h-7.5 min-w-16 w-auto! flex-1 basis-16 ps-2\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  <div class=\"ax-tag-box-actions flex shrink-0 grow-0 basis-auto items-center self-center gap-1\">\n    @if (!disabled && !readonly && value?.length) {\n      <ng-content select=\"ax-clear-button\"></ng-content>\n    }\n    <ng-content select=\"ax-suffix\"> </ng-content>\n  </div>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["ax-tag-box{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-tag-box .ax-editor-container{height:auto!important;min-height:var(--ax-sys-size-base,2.5rem);width:100%;min-width:calc(var(--spacing, .25rem) * 0);align-items:center;justify-content:flex-start!important;gap:calc(var(--spacing, .25rem) * 1);padding:calc(var(--spacing, .25rem) * 1)}ax-tag-box .ax-editor-container .ax-tags-container{display:flex!important;width:calc(var(--spacing, .25rem) * 0)!important;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0)!important;flex:1!important;flex-wrap:wrap;align-content:center;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-tag-box .ax-editor-container .ax-tags-container ax-tag{--ax-comp-tag-border-radius: .375rem}ax-tag-box .ax-editor-container .ax-tags-container input.ax-input{margin:calc(var(--spacing, .25rem) * 0)!important;height:calc(var(--spacing, .25rem) * 7.5);width:auto!important;max-width:100%;min-width:calc(var(--spacing, .25rem) * 16)!important;padding-inline-start:calc(var(--spacing, .25rem) * 2);flex:1 1 4rem!important}ax-tag-box .ax-editor-container .ax-tag-box-actions{display:flex!important;flex:none!important;align-items:center;gap:calc(var(--spacing, .25rem) * 1);align-self:center!important}ax-tag-box .ax-editor-container .ax-tag-box-actions ax-suffix,ax-tag-box .ax-editor-container .ax-tag-box-actions ax-clear-button,ax-tag-box .ax-editor-container .ax-tag-box-actions ax-prefix{flex:none!important}ax-tag-box .ax-editor-container .ax-tag-box-actions ax-suffix>ax-button,ax-tag-box .ax-editor-container .ax-tag-box-actions ax-prefix>ax-button{height:auto!important;flex:none!important;align-self:center!important}ax-tag-box .ax-editor-container .ax-tag-box-actions ax-suffix>ax-button>button,ax-tag-box .ax-editor-container .ax-tag-box-actions ax-prefix>ax-button>button{aspect-ratio:1 / 1!important;height:var(--ax-sys-size-base, 2.5rem)!important;width:var(--ax-sys-size-base, 2.5rem)!important;max-width:var(--ax-sys-size-base, 2.5rem)!important;max-height:var(--ax-sys-size-base, 2.5rem)!important}ax-tag-box ax-clear-button{height:calc(var(--spacing, .25rem) * 4);flex-shrink:0}@layer components{app-demo-box .log-container{display:flex;flex-direction:row-reverse;justify-content:space-between}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { addOnComma: [{ type: i0.Input, args: [{ isSignal: true, alias: "addOnComma", required: false }] }], addOnEnter: [{ type: i0.Input, args: [{ isSignal: true, alias: "addOnEnter", required: false }] }], valueField: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueField", required: false }] }], textField: [{ type: i0.Input, args: [{ isSignal: true, alias: "textField", required: false }] }], readonlyField: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonlyField", required: false }] }], allowDuplicateValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDuplicateValues", required: false }] }], tagTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagTemplate", required: false }] }], onTagClick: [{ type: i0.Output, args: ["onTagClick"] }], onTagDblClick: [{ type: i0.Output, args: ["onTagDblClick"] }], onTagContextMenu: [{ type: i0.Output, args: ["onTagContextMenu"] }], autocompleteComponent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AXAutocompleteComponent), { isSignal: true }] }], __hostName: [{
                 type: HostBinding,
                 args: ['attr.name']

package/fesm2022/acorex-components-tag-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tag-box.mjs","sources":["../../../../packages/components/tag-box/src/lib/tag-box.component.ts","../../../../packages/components/tag-box/src/lib/tag-box.component.html","../../../../packages/components/tag-box/src/lib/tag-box.module.ts","../../../../packages/components/tag-box/src/acorex-components-tag-box.ts"],"sourcesContent":["import {\n  AXAutocompleteParentComponent,\n  AXClearableComponent,\n  AXClickEvent,\n  AXComponent,\n  AXFocusableComponent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/cdk/common';\nimport { AXAutocompleteComponent } from '@acorex/components/autocomplete';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXTagComponent } from '@acorex/components/tag';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  OnInit,\n  TemplateRef,\n  ViewEncapsulation,\n  contentChild,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { castArray, cloneDeep, get, isNil, isNull, set } from 'lodash-es';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-tag-box',\n  templateUrl: 'tag-box.component.html',\n  styleUrls: ['tag-box.component.css'],\n  inputs: [\n    'disabled',\n    'tabIndex',\n    'readonly',\n    'value',\n    'state',\n    'name',\n    'id',\n    'placeholder',\n    'allowNull',\n    'type',\n    'look',\n  ],\n  outputs: [\n    'onBlur',\n    'onFocus',\n    'valueChange',\n    'stateChange',\n    'onValueChanged',\n    'readonlyChange',\n    'disabledChange',\n    'onKeyDown',\n    'onKeyUp',\n    'onKeyPress',\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXComponent, useExisting: AXTagBoxComponent },\n    { provide: AXValuableComponent, useExisting: AXTagBoxComponent },\n    { provide: AXFocusableComponent, useExisting: AXTagBoxComponent },\n    { provide: AXClearableComponent, useExisting: AXTagBoxComponent },\n    { provide: MXInputBaseValueComponent, useExisting: AXTagBoxComponent },\n    { provide: AXAutocompleteParentComponent, useExisting: AXTagBoxComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXTagBoxComponent),\n      multi: true,\n    },\n    AXUnsubscriber,\n  ],\n  imports: [FormsModule, AXDecoratorGenericComponent, AXDecoratorIconComponent, AXTagComponent, NgTemplateOutlet],\n})\nexport class AXTagBoxComponent\n  extends classes(MXInputBaseValueComponent<unknown[]>, MXLookComponent, AXAutocompleteParentComponent<unknown[]>)\n  implements OnInit\n{\n  unsubscriber = inject(AXUnsubscriber);\n\n  protected updateOn = signal<'change' | 'blur' | 'submit'>('change');\n\n  addOnComma = input(true);\n  addOnEnter = input(true);\n  valueField = input('id');\n  textField = input('text');\n  readonlyField = input('readonly');\n  allowDuplicateValues = input(false);\n  tagTemplate = input<TemplateRef<unknown>>();\n\n  onTagClick = output<AXClickEvent>();\n  onTagDblClick = output<AXClickEvent>();\n  onTagContextMenu = output<AXClickEvent>();\n\n  inputValue = signal<string>('');\n\n  private autocompleteComponent = contentChild(AXAutocompleteComponent);\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    this.onKeyDown.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n      const input = this.inputValue().trim();\n\n      if (e.nativeEvent.key === 'Enter' && this.addOnEnter()) {\n        if (!input.length) return;\n        this.addItems(this.convertString(input));\n      }\n\n      if (e.nativeEvent.key === ',' && this.addOnComma()) {\n        if (!input.length) return;\n        e.nativeEvent.preventDefault();\n\n        if (!input || input === ',') {\n          this.inputValue.set('');\n          this.emitOnTextChanged('', true);\n          return;\n        }\n\n        this.addItems(this.convertString(input));\n      }\n\n      if (e.nativeEvent.key === 'Backspace') {\n        if (this.inputValue().length) return;\n        this.removeItem(this.value?.length - 1);\n      }\n    });\n\n    this.onItemSelected.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n      const incomingItems = this.convertString(e.value);\n      const currentValue = this.value ?? [];\n      const vf = this.valueField();\n      const filtered = incomingItems.filter((item) => !currentValue.some((prev) => get(prev, vf) === get(item, vf)));\n      this.addItems(filtered);\n    });\n  }\n\n  /**\n   * Adds items to the tag box.\n   *\n   * @param items - Array of objects to add as tags\n   */\n  addItems(items: object[]) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    //\n    if (isNil(items) || items.length === 0) {\n      return;\n    }\n    //\n    const value = cloneDeep(this.value ?? []);\n    // filter out duplicates instead of early return\n    let itemsToAdd = items;\n    if (!this.allowDuplicateValues()) {\n      const vf = this.valueField();\n      itemsToAdd = items.filter((item) => !value.some((prev) => get(prev, vf) === get(item, vf)));\n      if (itemsToAdd.length === 0) {\n        this.inputValue.set('');\n        this.emitOnTextChanged('', true);\n        return;\n      }\n    }\n\n    this.inputValue.set('');\n    this.emitOnTextChanged('', true);\n\n    this.commitValue(value.concat(itemsToAdd), true);\n\n    // sync autocomplete selection to avoid re-adding removed items\n    this.syncAutocompleteSelection();\n  }\n\n  /**\n   * Removes a tag at the specified index.\n   *\n   * @param index - Index of the tag to remove\n   */\n  removeItem(index: number) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    const value = cloneDeep(this.value ?? []);\n    value.splice(index, 1);\n    this.commitValue(value, true);\n\n    // sync autocomplete selection to avoid re-adding removed items\n    this.syncAutocompleteSelection();\n  }\n\n  /**\n   * Converts input values to tag objects.\n   *\n   * @param v - Value to convert (string, object, or array)\n   * @returns Array of tag objects\n   */\n  convertString(v: unknown): object[] {\n    const array = castArray(v);\n\n    return array\n      .map((c) => {\n        if (!c) return null;\n        if (typeof c === 'object') {\n          return c;\n        }\n        const obj: Record<string, unknown> = {};\n        set(obj, this.valueField(), c);\n        set(obj, this.textField(), c);\n        return obj;\n      })\n      .filter((c) => !isNull(c));\n  }\n\n  getFieldValue(item: unknown, path: string): unknown {\n    return get(item as Record<string, unknown>, path);\n  }\n\n  /**\n   * Keep autocomplete selected values in sync with current tags\n   */\n  private syncAutocompleteSelection(): void {\n    const ac = this.autocompleteComponent();\n    if (!ac) return;\n    const vf = ac.valueField || this.valueField();\n    const values = (this.value ?? []).map((t) => get(t as Record<string, unknown>, vf)).filter((v) => v != null);\n    ac.value = ac.multiple ? values : (values[0] ?? null);\n  }\n\n  protected override internalSetValue(value: unknown): unknown[] {\n    const result = this.convertString(value);\n    return result;\n  }\n\n  @HostBinding('attr.name')\n  private get __hostName(): string {\n    return this.name;\n  }\n}\n","<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [name]=\"name\"\n      [id]=\"id\"\n      class=\"ax-input\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  @if (!disabled && !readonly && value?.length) {\n    <ng-content select=\"ax-clear-button\"></ng-content>\n  }\n  <ng-content select=\"ax-suffix\"> </ng-content>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n","import { NgModule } from '@angular/core';\nimport { AXTagBoxComponent } from './tag-box.component';\n\n@NgModule({\n  imports: [AXTagBoxComponent],\n  exports: [AXTagBoxComponent],\n  providers: [],\n})\nexport class AXTagBoxModule {}\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-tag-box.mjs","sources":["../../../../packages/components/tag-box/src/lib/tag-box.component.ts","../../../../packages/components/tag-box/src/lib/tag-box.component.html","../../../../packages/components/tag-box/src/lib/tag-box.module.ts","../../../../packages/components/tag-box/src/acorex-components-tag-box.ts"],"sourcesContent":["import {\n  AXAutocompleteParentComponent,\n  AXClearableComponent,\n  AXClickEvent,\n  AXComponent,\n  AXFocusableComponent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/cdk/common';\nimport { AXAutocompleteComponent } from '@acorex/components/autocomplete';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXTagComponent } from '@acorex/components/tag';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  OnInit,\n  TemplateRef,\n  ViewEncapsulation,\n  contentChild,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { castArray, cloneDeep, get, isNil, isNull, set } from 'lodash-es';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-tag-box',\n  templateUrl: 'tag-box.component.html',\n  styleUrls: ['tag-box.component.css'],\n  inputs: [\n    'disabled',\n    'tabIndex',\n    'readonly',\n    'value',\n    'state',\n    'name',\n    'id',\n    'placeholder',\n    'allowNull',\n    'type',\n    'look',\n  ],\n  outputs: [\n    'onBlur',\n    'onFocus',\n    'valueChange',\n    'stateChange',\n    'onValueChanged',\n    'readonlyChange',\n    'disabledChange',\n    'onKeyDown',\n    'onKeyUp',\n    'onKeyPress',\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: AXComponent, useExisting: AXTagBoxComponent },\n    { provide: AXValuableComponent, useExisting: AXTagBoxComponent },\n    { provide: AXFocusableComponent, useExisting: AXTagBoxComponent },\n    { provide: AXClearableComponent, useExisting: AXTagBoxComponent },\n    { provide: MXInputBaseValueComponent, useExisting: AXTagBoxComponent },\n    { provide: AXAutocompleteParentComponent, useExisting: AXTagBoxComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXTagBoxComponent),\n      multi: true,\n    },\n    AXUnsubscriber,\n  ],\n  imports: [FormsModule, AXDecoratorGenericComponent, AXDecoratorIconComponent, AXTagComponent, NgTemplateOutlet],\n})\nexport class AXTagBoxComponent\n  extends classes(MXInputBaseValueComponent<unknown[]>, MXLookComponent, AXAutocompleteParentComponent<unknown[]>)\n  implements OnInit\n{\n  unsubscriber = inject(AXUnsubscriber);\n\n  protected updateOn = signal<'change' | 'blur' | 'submit'>('change');\n\n  addOnComma = input(true);\n  addOnEnter = input(true);\n  valueField = input('id');\n  textField = input('text');\n  readonlyField = input('readonly');\n  allowDuplicateValues = input(false);\n  tagTemplate = input<TemplateRef<unknown>>();\n\n  onTagClick = output<AXClickEvent>();\n  onTagDblClick = output<AXClickEvent>();\n  onTagContextMenu = output<AXClickEvent>();\n\n  inputValue = signal<string>('');\n\n  private autocompleteComponent = contentChild(AXAutocompleteComponent);\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    this.onKeyDown.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n      const input = this.inputValue().trim();\n\n      if (e.nativeEvent.key === 'Enter' && this.addOnEnter()) {\n        if (!input.length) return;\n        this.addItems(this.convertString(input));\n      }\n\n      if (e.nativeEvent.key === ',' && this.addOnComma()) {\n        if (!input.length) return;\n        e.nativeEvent.preventDefault();\n\n        if (!input || input === ',') {\n          this.inputValue.set('');\n          this.emitOnTextChanged('', true);\n          return;\n        }\n\n        this.addItems(this.convertString(input));\n      }\n\n      if (e.nativeEvent.key === 'Backspace') {\n        if (this.inputValue().length) return;\n        this.removeItem(this.value?.length - 1);\n      }\n    });\n\n    this.onItemSelected.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n      const incomingItems = this.convertString(e.value);\n      const currentValue = this.value ?? [];\n      const vf = this.valueField();\n      const filtered = incomingItems.filter((item) => !currentValue.some((prev) => get(prev, vf) === get(item, vf)));\n      this.addItems(filtered);\n    });\n  }\n\n  /**\n   * Adds items to the tag box.\n   *\n   * @param items - Array of objects to add as tags\n   */\n  addItems(items: object[]) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    //\n    if (isNil(items) || items.length === 0) {\n      return;\n    }\n    //\n    const value = cloneDeep(this.value ?? []);\n    // filter out duplicates instead of early return\n    let itemsToAdd = items;\n    if (!this.allowDuplicateValues()) {\n      const vf = this.valueField();\n      itemsToAdd = items.filter((item) => !value.some((prev) => get(prev, vf) === get(item, vf)));\n      if (itemsToAdd.length === 0) {\n        this.inputValue.set('');\n        this.emitOnTextChanged('', true);\n        return;\n      }\n    }\n\n    this.inputValue.set('');\n    this.emitOnTextChanged('', true);\n\n    this.commitValue(value.concat(itemsToAdd), true);\n\n    // sync autocomplete selection to avoid re-adding removed items\n    this.syncAutocompleteSelection();\n  }\n\n  /**\n   * Removes a tag at the specified index.\n   *\n   * @param index - Index of the tag to remove\n   */\n  removeItem(index: number) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    const value = cloneDeep(this.value ?? []);\n    value.splice(index, 1);\n    this.commitValue(value, true);\n\n    // sync autocomplete selection to avoid re-adding removed items\n    this.syncAutocompleteSelection();\n  }\n\n  /**\n   * Converts input values to tag objects.\n   *\n   * @param v - Value to convert (string, object, or array)\n   * @returns Array of tag objects\n   */\n  convertString(v: unknown): object[] {\n    const array = castArray(v);\n\n    return array\n      .map((c) => {\n        if (!c) return null;\n        if (typeof c === 'object') {\n          return c;\n        }\n        const obj: Record<string, unknown> = {};\n        set(obj, this.valueField(), c);\n        set(obj, this.textField(), c);\n        return obj;\n      })\n      .filter((c) => !isNull(c));\n  }\n\n  getFieldValue(item: unknown, path: string): unknown {\n    return get(item as Record<string, unknown>, path);\n  }\n\n  /**\n   * Keep autocomplete selected values in sync with current tags\n   */\n  private syncAutocompleteSelection(): void {\n    const ac = this.autocompleteComponent();\n    if (!ac) return;\n    const vf = ac.valueField || this.valueField();\n    const values = (this.value ?? []).map((t) => get(t as Record<string, unknown>, vf)).filter((v) => v != null);\n    ac.value = ac.multiple ? values : (values[0] ?? null);\n  }\n\n  protected override internalSetValue(value: unknown): unknown[] {\n    const result = this.convertString(value);\n    return result;\n  }\n\n  @HostBinding('attr.name')\n  private get __hostName(): string {\n    return this.name;\n  }\n}\n","<div\n  (click)=\"input.focus()\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n  class=\"ax-editor-container ax-default min-w-0 justify-start! gap-1 {{ look }}\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <div class=\"ax-tags-container flex w-0 min-w-0 flex-1 flex-wrap content-center items-center gap-1\">\n    @for (tag of value; track $index; let i = $index) {\n      @if (tagTemplate()) {\n        <ng-container\n          [ngTemplateOutlet]=\"tagTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: tag, index: i }\"\n        ></ng-container>\n      } @else {\n        <ax-tag\n          [text]=\"(getFieldValue(tag, textField()) ?? '') + ''\"\n          look=\"twotone\"\n          (onClick)=\"onTagClick.emit($event)\"\n          (onDblClick)=\"onTagDblClick.emit($event)\"\n          (onContextMenu)=\"onTagContextMenu.emit($event)\"\n        >\n          @if (!getFieldValue(tag, readonlyField()) && !disabled && !readonly) {\n            <ax-suffix>\n              <button (click)=\"removeItem(i)\"><ax-icon class=\"ax-icon ax-icon-close\"></ax-icon></button>\n            </ax-suffix>\n          }\n        </ax-tag>\n      }\n    }\n    <input\n      #input\n      [name]=\"name\"\n      [id]=\"id\"\n      class=\"ax-input m-0! h-7.5 min-w-16 w-auto! flex-1 basis-16 ps-2\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      [(ngModel)]=\"inputValue\"\n      (blur)=\"emitOnBlurEvent($event)\"\n      [attr.placeholder]=\"placeholder\"\n      (keyup)=\"emitOnKeyupEvent($event)\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      [class.ax-state-disabled]=\"disabled\"\n      [class.ax-state-readonly]=\"readonly\"\n      (keydown)=\"emitOnKeydownEvent($event)\"\n      (keypress)=\"emitOnKeypressEvent($event)\"\n      [ngModelOptions]=\"{ updateOn: updateOn() }\"\n      (ngModelChange)=\"emitOnTextChanged($event, true)\"\n    />\n  </div>\n  <div class=\"ax-tag-box-actions flex shrink-0 grow-0 basis-auto items-center self-center gap-1\">\n    @if (!disabled && !readonly && value?.length) {\n      <ng-content select=\"ax-clear-button\"></ng-content>\n    }\n    <ng-content select=\"ax-suffix\"> </ng-content>\n  </div>\n</div>\n<ng-content select=\"ax-autocomplete\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n","import { NgModule } from '@angular/core';\nimport { AXTagBoxComponent } from './tag-box.component';\n\n@NgModule({\n  imports: [AXTagBoxComponent],\n  exports: [AXTagBoxComponent],\n  providers: [],\n})\nexport class AXTagBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "21.1.0-next.0",
+  "version": "21.1.0-next.2",
   "peerDependencies": {
-    "@acorex/core": "21.1.0-next.0",
-    "@acorex/cdk": "21.1.0-next.0",
+    "@acorex/core": "21.1.0-next.2",
+    "@acorex/cdk": "21.1.0-next.2",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "imask": ">=7.6.1",
@@ -390,6 +390,10 @@
       "types": "./types/acorex-components-side-menu.d.ts",
       "default": "./fesm2022/acorex-components-side-menu.mjs"
     },
+    "./sidebar": {
+      "types": "./types/acorex-components-sidebar.d.ts",
+      "default": "./fesm2022/acorex-components-sidebar.mjs"
+    },
     "./skeleton": {
       "types": "./types/acorex-components-skeleton.d.ts",
       "default": "./fesm2022/acorex-components-skeleton.mjs"

package/sidebar/README.md

@@ -0,0 +1,5 @@
+# @acorex/components/sidebar
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/sidebar`.
+
+Provides the enterprise sidebar shell (`ax-sidebar`), user account row (`ax-sidebar-user`), and collapse control (`ax-sidebar-collapse`). Use together with `@acorex/components/side-menu` for navigation.