@acorex/components 21.0.1-next.55 → 21.0.1-next.56

package/fesm2022/acorex-components-tabs.mjs

@@ -364,13 +364,13 @@ class AXTabsComponent extends MXBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.3", type: AXTabsComponent, isStandalone: true, selector: "ax-tabs", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: false, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: false, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onActiveTabChanged: "onActiveTabChanged" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXTabsComponent }], queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], viewQueries: [{ propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<div class="ax-tabs-scroll-area">
     <ng-content select="ax-tab-item"></ng-content><span class="ax-tab-indicator" #indicator></span>
-  </div>`, isInline: true, styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{ax-tabs{gap:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);width:100%;font-weight:var(--font-weight-medium,500);--ax-comp-tabs-indicator-size:2px;display:flex;position:relative}ax-tabs .ax-tabs-scroll-area{gap:calc(var(--spacing,.25rem) * 2);flex:none;min-width:100%;display:inline-flex;position:relative}ax-tabs .ax-tab-indicator{display:none}ax-tabs ax-tab-item{cursor:pointer;border-radius:var(--radius-lg,.5rem);background-color:rgba(var(--ax-comp-tabs-bg-color,inherit));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));-webkit-user-select:none;user-select:none;justify-content:space-between;display:flex;position:relative}@media(hover:hover){ax-tabs ax-tab-item:hover{background-color:rgba(var(--ax-comp-tabs-hover-bg-color,inherit));color:rgba(var(--ax-comp-tabs-hover-text-color,inherit))}}ax-tabs ax-tab-item.ax-state-active{background-color:rgba(var(--ax-comp-tabs-active-bg-color,inherit));color:rgba(var(--ax-comp-tabs-active-text-color,inherit))}ax-tabs ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs ax-tab-item .ax-tab-item-text{padding-inline:calc(var(--spacing,.25rem) * 2);white-space:nowrap;flex-wrap:nowrap;display:inline-flex}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow:auto hidden}:is(ax-tabs.ax-top,ax-tabs.ax-bottom) .ax-tabs-scroll-area{flex-direction:row}:is(ax-tabs.ax-top,ax-tabs.ax-bottom) ax-tab-item{justify-content:center;align-items:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow:hidden auto}:is(ax-tabs.ax-start,ax-tabs.ax-end) .ax-tabs-scroll-area{flex-direction:column}:is(ax-tabs.ax-start,ax-tabs.ax-end) ax-tab-item{width:100%}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-classic{--ax-comp-tabs-bg-color:var(--ax-sys-color-lightest-surface);--ax-comp-tabs-text-color:var(--ax-sys-color-on-lightest-surface);--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-surface);--ax-comp-tabs-hover-text-color:var(--ax-sys-color-on-surface);--ax-comp-tabs-active-bg-color:var(--ax-sys-color-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-surface)}ax-tabs.ax-classic ax-tab-item{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)))}ax-tabs.ax-classic.ax-top,ax-tabs.ax-classic.ax-bottom{padding-inline:calc(var(--spacing,.25rem) * 4)}ax-tabs.ax-classic.ax-start,ax-tabs.ax-classic.ax-end{padding-block:calc(var(--spacing,.25rem) * 2)}ax-tabs.ax-classic.ax-top{border-top-style:var(--tw-border-style);border-top-width:1px}ax-tabs.ax-classic.ax-top ax-tab-item{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}ax-tabs.ax-classic.ax-bottom{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}ax-tabs.ax-classic.ax-bottom ax-tab-item{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}ax-tabs.ax-classic.ax-start{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}ax-tabs.ax-classic.ax-start ax-tab-item{border-inline-start-color:#0000;border-start-start-radius:0;border-end-start-radius:0}ax-tabs.ax-classic.ax-end{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}ax-tabs.ax-classic.ax-end ax-tab-item{border-inline-end-color:#0000;border-start-end-radius:0;border-end-end-radius:0}ax-tabs.ax-default{--ax-comp-tabs-active-bg-color:var(--ax-sys-color-lightest-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-lightest-surface)}ax-tabs.ax-default:where(.dark,.dark *){--ax-comp-tabs-active-bg-color:var(--ax-sys-color-darkest-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-darkest-surface)}ax-tabs.ax-default{border-radius:var(--radius-xl,.75rem);background-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));padding:calc(var(--spacing,.25rem) * 1)}ax-tabs.ax-default ax-tab-item.ax-state-active{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-tabs.ax-pills-color{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-primary-surface), .1;--ax-comp-tabs-active-bg-color:var(--ax-sys-color-primary-surface), .2}ax-tabs.ax-pills{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-lighter-surface);--ax-comp-tabs-hover-text-color:var(--ax-sys-color-on-lighter-surface);--ax-comp-tabs-active-bg-color:var(--ax-sys-color-lighter-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-lighter-surface)}ax-tabs.ax-with-line-color{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-primary-surface), .05;--ax-comp-tabs-active-bg-color:var(--ax-sys-color-primary-surface), .1}ax-tabs.ax-with-line,ax-tabs.ax-with-line-color{--ax-comp-tabs-indicator-color:var(--ax-sys-color-primary-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-primary-surface)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-tab-item.ax-state-active ax-icon{opacity:1!important}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) .ax-tab-indicator{z-index:1;background-color:rgba(var(--ax-comp-tabs-indicator-color));display:block;position:absolute}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom) .ax-tab-indicator{height:3px;width:calc(var(--spacing,.25rem) * 0);transition-property:width,left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end) .ax-tab-indicator{height:calc(var(--spacing,.25rem) * 0);transition-property:height,top;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end) ax-tab-item{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top .ax-tab-indicator{top:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top .ax-tabs-scroll-area{box-shadow:inset 0 var(--ax-comp-tabs-indicator-size) 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top ax-tab-item{border-top-style:var(--tw-border-style);border-top-width:var(--ax-comp-tabs-indicator-size);border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom .ax-tab-indicator{bottom:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom .ax-tabs-scroll-area{box-shadow:inset 0 calc(var(--ax-comp-tabs-indicator-size) * -1) 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom ax-tab-item{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--ax-comp-tabs-indicator-size);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start .ax-tab-indicator{inset-inline-start:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start .ax-tabs-scroll-area{box-shadow:inset var(--ax-comp-tabs-indicator-size) 0 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start ax-tab-item{border-inline-start-style:var(--tw-border-style);border-inline-start-width:var(--ax-comp-tabs-indicator-size);border-inline-start-color:#0000;border-start-start-radius:0;border-end-start-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end .ax-tab-indicator{inset-inline-end:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end .ax-tabs-scroll-area{box-shadow:inset calc(var(--ax-comp-tabs-indicator-size) * -1) 0 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end ax-tab-item{border-inline-end-style:var(--tw-border-style);border-inline-end-width:var(--ax-comp-tabs-indicator-size);border-inline-end-color:#0000;border-start-end-radius:0;border-end-end-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-icon{opacity:.6}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-suffix{padding-inline-end:calc(var(--spacing,.25rem) * 2)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-prefix{padding-inline-start:calc(var(--spacing,.25rem) * 2)}}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  </div>`, isInline: true, styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{ax-tabs{gap:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);width:100%;font-weight:var(--font-weight-medium,500);--ax-comp-tabs-indicator-size:2px;display:flex;position:relative}ax-tabs .ax-tabs-scroll-area{gap:calc(var(--spacing,.25rem) * 2);flex:none;min-width:100%;display:inline-flex;position:relative}ax-tabs .ax-tab-indicator{display:none}ax-tabs ax-tab-item{cursor:pointer;border-radius:var(--radius-lg,.5rem);background-color:rgba(var(--ax-comp-tabs-bg-color,inherit));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));-webkit-user-select:none;user-select:none;justify-content:space-between;display:flex;position:relative}@media(hover:hover){ax-tabs ax-tab-item:hover{background-color:rgba(var(--ax-comp-tabs-hover-bg-color,inherit));color:rgba(var(--ax-comp-tabs-hover-text-color,inherit))}}ax-tabs ax-tab-item.ax-state-active{background-color:rgba(var(--ax-comp-tabs-active-bg-color,inherit));color:rgba(var(--ax-comp-tabs-active-text-color,inherit))}ax-tabs ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs ax-tab-item .ax-tab-item-text{padding-inline:calc(var(--spacing,.25rem) * 2);white-space:nowrap;flex-wrap:nowrap;display:inline-flex}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow:auto hidden}:is(ax-tabs.ax-top,ax-tabs.ax-bottom) .ax-tabs-scroll-area{flex-direction:row}:is(ax-tabs.ax-top,ax-tabs.ax-bottom) ax-tab-item{justify-content:center;align-items:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow:hidden auto}:is(ax-tabs.ax-start,ax-tabs.ax-end) .ax-tabs-scroll-area{flex-direction:column}:is(ax-tabs.ax-start,ax-tabs.ax-end) ax-tab-item{width:100%}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-classic{--ax-comp-tabs-bg-color:var(--ax-sys-color-lightest-surface);--ax-comp-tabs-text-color:var(--ax-sys-color-on-lightest-surface);--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-surface);--ax-comp-tabs-hover-text-color:var(--ax-sys-color-on-surface);--ax-comp-tabs-active-bg-color:var(--ax-sys-color-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-surface)}ax-tabs.ax-classic ax-tab-item{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)))}ax-tabs.ax-classic.ax-top,ax-tabs.ax-classic.ax-bottom{padding-inline:calc(var(--spacing,.25rem) * 4)}ax-tabs.ax-classic.ax-start,ax-tabs.ax-classic.ax-end{padding-block:calc(var(--spacing,.25rem) * 2)}ax-tabs.ax-classic.ax-top{border-top-style:var(--tw-border-style);border-top-width:1px}ax-tabs.ax-classic.ax-top ax-tab-item{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}ax-tabs.ax-classic.ax-bottom{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}ax-tabs.ax-classic.ax-bottom ax-tab-item{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}ax-tabs.ax-classic.ax-start{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}ax-tabs.ax-classic.ax-start ax-tab-item{border-inline-start-color:#0000;border-start-start-radius:0;border-end-start-radius:0}ax-tabs.ax-classic.ax-end{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}ax-tabs.ax-classic.ax-end ax-tab-item{border-inline-end-color:#0000;border-start-end-radius:0;border-end-end-radius:0}ax-tabs.ax-default{--ax-comp-tabs-active-bg-color:var(--ax-sys-color-lightest-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-lightest-surface)}ax-tabs.ax-default:where(.dark,.dark *){--ax-comp-tabs-active-bg-color:var(--ax-sys-color-darkest-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-darkest-surface)}ax-tabs.ax-default{border-radius:var(--radius-xl,.75rem);background-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));padding:calc(var(--spacing,.25rem) * 1)}ax-tabs.ax-default ax-tab-item.ax-state-active{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-tabs.ax-pills-color{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-primary-surface), .1;--ax-comp-tabs-active-bg-color:var(--ax-sys-color-primary-surface), .2}ax-tabs.ax-pills{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-lighter-surface);--ax-comp-tabs-hover-text-color:var(--ax-sys-color-on-lighter-surface);--ax-comp-tabs-active-bg-color:var(--ax-sys-color-lighter-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-lighter-surface)}ax-tabs.ax-with-line-color{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-primary-surface), .05;--ax-comp-tabs-active-bg-color:var(--ax-sys-color-primary-surface), .1}ax-tabs.ax-with-line,ax-tabs.ax-with-line-color{--ax-comp-tabs-indicator-color:var(--ax-sys-color-primary-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-primary-surface)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-tab-item.ax-state-active ax-icon{opacity:1!important}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) .ax-tab-indicator{z-index:1;background-color:rgba(var(--ax-comp-tabs-indicator-color));display:block;position:absolute}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom) .ax-tab-indicator{height:3px;width:calc(var(--spacing,.25rem) * 0);transition-property:width,left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end) .ax-tab-indicator{height:calc(var(--spacing,.25rem) * 0);transition-property:height,top;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end) ax-tab-item{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top .ax-tab-indicator{top:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top .ax-tabs-scroll-area{box-shadow:inset 0 var(--ax-comp-tabs-indicator-size) 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top ax-tab-item{border-top-style:var(--tw-border-style);border-top-width:var(--ax-comp-tabs-indicator-size);border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom .ax-tab-indicator{bottom:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom .ax-tabs-scroll-area{box-shadow:inset 0 calc(var(--ax-comp-tabs-indicator-size) * -1) 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom ax-tab-item{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--ax-comp-tabs-indicator-size);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start .ax-tab-indicator{inset-inline-start:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start .ax-tabs-scroll-area{box-shadow:inset var(--ax-comp-tabs-indicator-size) 0 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start ax-tab-item{border-inline-start-style:var(--tw-border-style);border-inline-start-width:var(--ax-comp-tabs-indicator-size);border-inline-start-color:#0000;border-start-start-radius:0;border-end-start-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end .ax-tab-indicator{inset-inline-end:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end .ax-tabs-scroll-area{box-shadow:inset calc(var(--ax-comp-tabs-indicator-size) * -1) 0 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end ax-tab-item{border-inline-end-style:var(--tw-border-style);border-inline-end-width:var(--ax-comp-tabs-indicator-size);border-inline-end-color:#0000;border-start-end-radius:0;border-end-end-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-icon{opacity:.6}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-suffix{padding-inline-end:calc(var(--spacing,.25rem) * 2)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-prefix{padding-inline-start:calc(var(--spacing,.25rem) * 2)}}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tabs', template: `<div class="ax-tabs-scroll-area">
     <ng-content select="ax-tab-item"></ng-content><span class="ax-tab-indicator" #indicator></span>
-  </div>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXTabsComponent }], styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{ax-tabs{gap:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);width:100%;font-weight:var(--font-weight-medium,500);--ax-comp-tabs-indicator-size:2px;display:flex;position:relative}ax-tabs .ax-tabs-scroll-area{gap:calc(var(--spacing,.25rem) * 2);flex:none;min-width:100%;display:inline-flex;position:relative}ax-tabs .ax-tab-indicator{display:none}ax-tabs ax-tab-item{cursor:pointer;border-radius:var(--radius-lg,.5rem);background-color:rgba(var(--ax-comp-tabs-bg-color,inherit));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));-webkit-user-select:none;user-select:none;justify-content:space-between;display:flex;position:relative}@media(hover:hover){ax-tabs ax-tab-item:hover{background-color:rgba(var(--ax-comp-tabs-hover-bg-color,inherit));color:rgba(var(--ax-comp-tabs-hover-text-color,inherit))}}ax-tabs ax-tab-item.ax-state-active{background-color:rgba(var(--ax-comp-tabs-active-bg-color,inherit));color:rgba(var(--ax-comp-tabs-active-text-color,inherit))}ax-tabs ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs ax-tab-item .ax-tab-item-text{padding-inline:calc(var(--spacing,.25rem) * 2);white-space:nowrap;flex-wrap:nowrap;display:inline-flex}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow:auto hidden}:is(ax-tabs.ax-top,ax-tabs.ax-bottom) .ax-tabs-scroll-area{flex-direction:row}:is(ax-tabs.ax-top,ax-tabs.ax-bottom) ax-tab-item{justify-content:center;align-items:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow:hidden auto}:is(ax-tabs.ax-start,ax-tabs.ax-end) .ax-tabs-scroll-area{flex-direction:column}:is(ax-tabs.ax-start,ax-tabs.ax-end) ax-tab-item{width:100%}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-classic{--ax-comp-tabs-bg-color:var(--ax-sys-color-lightest-surface);--ax-comp-tabs-text-color:var(--ax-sys-color-on-lightest-surface);--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-surface);--ax-comp-tabs-hover-text-color:var(--ax-sys-color-on-surface);--ax-comp-tabs-active-bg-color:var(--ax-sys-color-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-surface)}ax-tabs.ax-classic ax-tab-item{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)))}ax-tabs.ax-classic.ax-top,ax-tabs.ax-classic.ax-bottom{padding-inline:calc(var(--spacing,.25rem) * 4)}ax-tabs.ax-classic.ax-start,ax-tabs.ax-classic.ax-end{padding-block:calc(var(--spacing,.25rem) * 2)}ax-tabs.ax-classic.ax-top{border-top-style:var(--tw-border-style);border-top-width:1px}ax-tabs.ax-classic.ax-top ax-tab-item{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}ax-tabs.ax-classic.ax-bottom{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}ax-tabs.ax-classic.ax-bottom ax-tab-item{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}ax-tabs.ax-classic.ax-start{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}ax-tabs.ax-classic.ax-start ax-tab-item{border-inline-start-color:#0000;border-start-start-radius:0;border-end-start-radius:0}ax-tabs.ax-classic.ax-end{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}ax-tabs.ax-classic.ax-end ax-tab-item{border-inline-end-color:#0000;border-start-end-radius:0;border-end-end-radius:0}ax-tabs.ax-default{--ax-comp-tabs-active-bg-color:var(--ax-sys-color-lightest-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-lightest-surface)}ax-tabs.ax-default:where(.dark,.dark *){--ax-comp-tabs-active-bg-color:var(--ax-sys-color-darkest-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-darkest-surface)}ax-tabs.ax-default{border-radius:var(--radius-xl,.75rem);background-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));padding:calc(var(--spacing,.25rem) * 1)}ax-tabs.ax-default ax-tab-item.ax-state-active{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-tabs.ax-pills-color{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-primary-surface), .1;--ax-comp-tabs-active-bg-color:var(--ax-sys-color-primary-surface), .2}ax-tabs.ax-pills{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-lighter-surface);--ax-comp-tabs-hover-text-color:var(--ax-sys-color-on-lighter-surface);--ax-comp-tabs-active-bg-color:var(--ax-sys-color-lighter-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-lighter-surface)}ax-tabs.ax-with-line-color{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-primary-surface), .05;--ax-comp-tabs-active-bg-color:var(--ax-sys-color-primary-surface), .1}ax-tabs.ax-with-line,ax-tabs.ax-with-line-color{--ax-comp-tabs-indicator-color:var(--ax-sys-color-primary-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-primary-surface)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-tab-item.ax-state-active ax-icon{opacity:1!important}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) .ax-tab-indicator{z-index:1;background-color:rgba(var(--ax-comp-tabs-indicator-color));display:block;position:absolute}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom) .ax-tab-indicator{height:3px;width:calc(var(--spacing,.25rem) * 0);transition-property:width,left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end) .ax-tab-indicator{height:calc(var(--spacing,.25rem) * 0);transition-property:height,top;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end) ax-tab-item{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top .ax-tab-indicator{top:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top .ax-tabs-scroll-area{box-shadow:inset 0 var(--ax-comp-tabs-indicator-size) 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top ax-tab-item{border-top-style:var(--tw-border-style);border-top-width:var(--ax-comp-tabs-indicator-size);border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom .ax-tab-indicator{bottom:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom .ax-tabs-scroll-area{box-shadow:inset 0 calc(var(--ax-comp-tabs-indicator-size) * -1) 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom ax-tab-item{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--ax-comp-tabs-indicator-size);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start .ax-tab-indicator{inset-inline-start:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start .ax-tabs-scroll-area{box-shadow:inset var(--ax-comp-tabs-indicator-size) 0 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start ax-tab-item{border-inline-start-style:var(--tw-border-style);border-inline-start-width:var(--ax-comp-tabs-indicator-size);border-inline-start-color:#0000;border-start-start-radius:0;border-end-start-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end .ax-tab-indicator{inset-inline-end:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end .ax-tabs-scroll-area{box-shadow:inset calc(var(--ax-comp-tabs-indicator-size) * -1) 0 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end ax-tab-item{border-inline-end-style:var(--tw-border-style);border-inline-end-width:var(--ax-comp-tabs-indicator-size);border-inline-end-color:#0000;border-start-end-radius:0;border-end-end-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-icon{opacity:.6}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-suffix{padding-inline-end:calc(var(--spacing,.25rem) * 2)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-prefix{padding-inline-start:calc(var(--spacing,.25rem) * 2)}}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+  </div>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXTabsComponent }], styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{ax-tabs{gap:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);width:100%;font-weight:var(--font-weight-medium,500);--ax-comp-tabs-indicator-size:2px;display:flex;position:relative}ax-tabs .ax-tabs-scroll-area{gap:calc(var(--spacing,.25rem) * 2);flex:none;min-width:100%;display:inline-flex;position:relative}ax-tabs .ax-tab-indicator{display:none}ax-tabs ax-tab-item{cursor:pointer;border-radius:var(--radius-lg,.5rem);background-color:rgba(var(--ax-comp-tabs-bg-color,inherit));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));-webkit-user-select:none;user-select:none;justify-content:space-between;display:flex;position:relative}@media(hover:hover){ax-tabs ax-tab-item:hover{background-color:rgba(var(--ax-comp-tabs-hover-bg-color,inherit));color:rgba(var(--ax-comp-tabs-hover-text-color,inherit))}}ax-tabs ax-tab-item.ax-state-active{background-color:rgba(var(--ax-comp-tabs-active-bg-color,inherit));color:rgba(var(--ax-comp-tabs-active-text-color,inherit))}ax-tabs ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs ax-tab-item .ax-tab-item-text{padding-inline:calc(var(--spacing,.25rem) * 2);white-space:nowrap;flex-wrap:nowrap;display:inline-flex}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow:auto hidden}:is(ax-tabs.ax-top,ax-tabs.ax-bottom) .ax-tabs-scroll-area{flex-direction:row}:is(ax-tabs.ax-top,ax-tabs.ax-bottom) ax-tab-item{justify-content:center;align-items:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow:hidden auto}:is(ax-tabs.ax-start,ax-tabs.ax-end) .ax-tabs-scroll-area{flex-direction:column}:is(ax-tabs.ax-start,ax-tabs.ax-end) ax-tab-item{width:100%}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-classic{--ax-comp-tabs-bg-color:var(--ax-sys-color-lightest-surface);--ax-comp-tabs-text-color:var(--ax-sys-color-on-lightest-surface);--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-surface);--ax-comp-tabs-hover-text-color:var(--ax-sys-color-on-surface);--ax-comp-tabs-active-bg-color:var(--ax-sys-color-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-surface)}ax-tabs.ax-classic ax-tab-item{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)))}ax-tabs.ax-classic.ax-top,ax-tabs.ax-classic.ax-bottom{padding-inline:calc(var(--spacing,.25rem) * 4)}ax-tabs.ax-classic.ax-start,ax-tabs.ax-classic.ax-end{padding-block:calc(var(--spacing,.25rem) * 2)}ax-tabs.ax-classic.ax-top{border-top-style:var(--tw-border-style);border-top-width:1px}ax-tabs.ax-classic.ax-top ax-tab-item{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}ax-tabs.ax-classic.ax-bottom{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}ax-tabs.ax-classic.ax-bottom ax-tab-item{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}ax-tabs.ax-classic.ax-start{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}ax-tabs.ax-classic.ax-start ax-tab-item{border-inline-start-color:#0000;border-start-start-radius:0;border-end-start-radius:0}ax-tabs.ax-classic.ax-end{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}ax-tabs.ax-classic.ax-end ax-tab-item{border-inline-end-color:#0000;border-start-end-radius:0;border-end-end-radius:0}ax-tabs.ax-default{--ax-comp-tabs-active-bg-color:var(--ax-sys-color-lightest-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-lightest-surface)}ax-tabs.ax-default:where(.dark,.dark *){--ax-comp-tabs-active-bg-color:var(--ax-sys-color-darkest-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-darkest-surface)}ax-tabs.ax-default{border-radius:var(--radius-xl,.75rem);background-color:var(--color-lighter,rgba(var(--ax-sys-color-lighter-surface)));padding:calc(var(--spacing,.25rem) * 1)}ax-tabs.ax-default ax-tab-item.ax-state-active{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}ax-tabs.ax-pills-color{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-primary-surface), .1;--ax-comp-tabs-active-bg-color:var(--ax-sys-color-primary-surface), .2}ax-tabs.ax-pills{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-lighter-surface);--ax-comp-tabs-hover-text-color:var(--ax-sys-color-on-lighter-surface);--ax-comp-tabs-active-bg-color:var(--ax-sys-color-lighter-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-on-lighter-surface)}ax-tabs.ax-with-line-color{--ax-comp-tabs-hover-bg-color:var(--ax-sys-color-primary-surface), .05;--ax-comp-tabs-active-bg-color:var(--ax-sys-color-primary-surface), .1}ax-tabs.ax-with-line,ax-tabs.ax-with-line-color{--ax-comp-tabs-indicator-color:var(--ax-sys-color-primary-surface);--ax-comp-tabs-active-text-color:var(--ax-sys-color-primary-surface)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-tab-item.ax-state-active ax-icon{opacity:1!important}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) .ax-tab-indicator{z-index:1;background-color:rgba(var(--ax-comp-tabs-indicator-color));display:block;position:absolute}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom) .ax-tab-indicator{height:3px;width:calc(var(--spacing,.25rem) * 0);transition-property:width,left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end) .ax-tab-indicator{height:calc(var(--spacing,.25rem) * 0);transition-property:height,top;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}:is(:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start,:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end) ax-tab-item{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2.5)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top .ax-tab-indicator{top:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top .ax-tabs-scroll-area{box-shadow:inset 0 var(--ax-comp-tabs-indicator-size) 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-top ax-tab-item{border-top-style:var(--tw-border-style);border-top-width:var(--ax-comp-tabs-indicator-size);border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom .ax-tab-indicator{bottom:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom .ax-tabs-scroll-area{box-shadow:inset 0 calc(var(--ax-comp-tabs-indicator-size) * -1) 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-bottom ax-tab-item{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--ax-comp-tabs-indicator-size);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start .ax-tab-indicator{inset-inline-start:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start .ax-tabs-scroll-area{box-shadow:inset var(--ax-comp-tabs-indicator-size) 0 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-start ax-tab-item{border-inline-start-style:var(--tw-border-style);border-inline-start-width:var(--ax-comp-tabs-indicator-size);border-inline-start-color:#0000;border-start-start-radius:0;border-end-start-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end .ax-tab-indicator{inset-inline-end:calc(var(--spacing,.25rem) * 0)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end .ax-tabs-scroll-area{box-shadow:inset calc(var(--ax-comp-tabs-indicator-size) * -1) 0 0 0 rgba(var(--ax-sys-color-border-lightest-surface))}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color).ax-end ax-tab-item{border-inline-end-style:var(--tw-border-style);border-inline-end-width:var(--ax-comp-tabs-indicator-size);border-inline-end-color:#0000;border-start-end-radius:0;border-end-end-radius:0}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-icon{opacity:.6}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-suffix{padding-inline-end:calc(var(--spacing,.25rem) * 2)}:is(ax-tabs.ax-with-line,ax-tabs.ax-with-line-color) ax-prefix{padding-inline-start:calc(var(--spacing,.25rem) * 2)}}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _contentTabs: [{
                 type: ContentChildren,
                 args: [AXTabItemComponent]

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      [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{gap:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;width:100%;display:flex}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{height:calc(var(--spacing,.25rem) * 7.5);min-width:calc(var(--spacing,.25rem) * 30);margin:auto;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{flex-direction:row-reverse;justify-content:space-between;display:flex}}\n/*! tailwindcss v4.2.3 | 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 {{ 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      [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{gap:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;width:100%;display:flex}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{height:calc(var(--spacing,.25rem) * 7.5);min-width:calc(var(--spacing,.25rem) * 30);margin:auto;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{flex-direction:row-reverse;justify-content:space-between;display:flex}}\n/*! tailwindcss v4.2.4 | 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.1.3", ngImport: i0, type: AXTagBoxComponent, decorators: [{
             type: Component,
@@ -207,7 +207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", 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      [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{gap:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;width:100%;display:flex}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{height:calc(var(--spacing,.25rem) * 7.5);min-width:calc(var(--spacing,.25rem) * 30);margin:auto;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{flex-direction:row-reverse;justify-content:space-between;display:flex}}\n/*! tailwindcss v4.2.3 | 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 {{ 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      [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{gap:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;width:100%;display:flex}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{height:calc(var(--spacing,.25rem) * 7.5);min-width:calc(var(--spacing,.25rem) * 30);margin:auto;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{flex-direction:row-reverse;justify-content:space-between;display:flex}}\n/*! tailwindcss v4.2.4 | 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.mjs

@@ -40,11 +40,11 @@ class AXTagComponent extends MXColorLookComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: AXTagComponent, isStandalone: true, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, outputs: { onClick: "onClick", onDblClick: "onDblClick", onContextMenu: "onContextMenu" }, host: { listeners: { "click": "hostClickListener($event)", "dblclick": "hostDblClickListener($event)", "contextmenu": "hostContextMenuListener($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.ax-xs ax-tag,ax-tag.ax-xs{gap:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 0);font-size:.625rem}.ax-sm ax-tag,ax-tag.ax-sm{gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-tag,.ax-md ax-tag,ax-tag.ax-md{gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.ax-lg ax-tag,ax-tag.ax-lg{gap:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.ax-xl ax-tag,ax-tag.ax-xl{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}ax-tag{border-style:var(--tw-border-style);overflow-wrap:anywhere;border-width:1px;align-items:center;display:inline-flex}ax-tag ax-prefix,ax-tag ax-suffix{align-items:center;display:flex}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: AXTagComponent, isStandalone: true, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, outputs: { onClick: "onClick", onDblClick: "onDblClick", onContextMenu: "onContextMenu" }, host: { listeners: { "click": "hostClickListener($event)", "dblclick": "hostDblClickListener($event)", "contextmenu": "hostContextMenuListener($event)" }, properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.ax-xs ax-tag,ax-tag.ax-xs{gap:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 0);font-size:.625rem}.ax-sm ax-tag,ax-tag.ax-sm{gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-tag,.ax-md ax-tag,ax-tag.ax-md{gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.ax-lg ax-tag,ax-tag.ax-lg{gap:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.ax-xl ax-tag,ax-tag.ax-xl{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}ax-tag{border-style:var(--tw-border-style);overflow-wrap:anywhere;border-width:1px;align-items:center;display:inline-flex}ax-tag ax-prefix,ax-tag ax-suffix{align-items:center;display:flex}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.ax-xs ax-tag,ax-tag.ax-xs{gap:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 0);font-size:.625rem}.ax-sm ax-tag,ax-tag.ax-sm{gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-tag,.ax-md ax-tag,ax-tag.ax-md{gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.ax-lg ax-tag,ax-tag.ax-lg{gap:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.ax-xl ax-tag,ax-tag.ax-xl{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}ax-tag{border-style:var(--tw-border-style);overflow-wrap:anywhere;border-width:1px;align-items:center;display:inline-flex}ax-tag ax-prefix,ax-tag ax-suffix{align-items:center;display:flex}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXTagComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{.ax-xs ax-tag,ax-tag.ax-xs{gap:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 0);font-size:.625rem}.ax-sm ax-tag,ax-tag.ax-sm{gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-tag,.ax-md ax-tag,ax-tag.ax-md{gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.ax-lg ax-tag,ax-tag.ax-lg{gap:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.ax-xl ax-tag,ax-tag.ax-xl{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}ax-tag{border-style:var(--tw-border-style);overflow-wrap:anywhere;border-width:1px;align-items:center;display:inline-flex}ax-tag ax-prefix,ax-tag ax-suffix{align-items:center;display:flex}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], onClick: [{ type: i0.Output, args: ["onClick"] }], onDblClick: [{ type: i0.Output, args: ["onDblClick"] }], onContextMenu: [{ type: i0.Output, args: ["onContextMenu"] }], __hostClass: [{

package/fesm2022/acorex-components-text-area.mjs

@@ -39,7 +39,7 @@ class AXTextAreaComponent extends classes((MXInputBaseValueComponent), MXLookCom
                 useExisting: forwardRef(() => AXTextAreaComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-editor-container ax-default {{ classNames }} {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <textarea\n    #input\n    [id]=\"id\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [class.ax-state-no-resizing]=\"!allowResize\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n  ></textarea>\n  @if (showCounter) {\n    <div class=\"ax-counter\">\n      {{ input.value.length }}\n      @if (maxLength) {\n        <span>/ {{ maxLength }}</span>\n      }\n    </div>\n  }\n</div>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-text-area{width:100%}ax-text-area .ax-editor-container{height:auto!important;padding-inline:calc(var(--spacing,.25rem) * 0)!important;padding-bottom:calc(var(--spacing,.25rem) * 0)!important}ax-text-area textarea{background-color:inherit;width:100%;height:fit-content;padding-inline:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 4)}ax-text-area textarea:focus{--tw-outline-style:none;outline-style:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 3)}ax-text-area .ax-counter{inset-inline-end:calc(var(--spacing,.25rem) * 2);bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));opacity:.5;position:absolute}}\n/*! tailwindcss v4.2.3 | 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-editor-container ax-default {{ classNames }} {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <textarea\n    #input\n    [id]=\"id\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [class.ax-state-no-resizing]=\"!allowResize\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n  ></textarea>\n  @if (showCounter) {\n    <div class=\"ax-counter\">\n      {{ input.value.length }}\n      @if (maxLength) {\n        <span>/ {{ maxLength }}</span>\n      }\n    </div>\n  }\n</div>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-text-area{width:100%}ax-text-area .ax-editor-container{height:auto!important;padding-inline:calc(var(--spacing,.25rem) * 0)!important;padding-bottom:calc(var(--spacing,.25rem) * 0)!important}ax-text-area textarea{background-color:inherit;width:100%;height:fit-content;padding-inline:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 4)}ax-text-area textarea:focus{--tw-outline-style:none;outline-style:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 3)}ax-text-area .ax-counter{inset-inline-end:calc(var(--spacing,.25rem) * 2);bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));opacity:.5;position:absolute}}\n/*! tailwindcss v4.2.4 | 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTextAreaComponent, decorators: [{
             type: Component,
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                             useExisting: forwardRef(() => AXTextAreaComponent),
                             multi: true,
                         },
-                    ], imports: [FormsModule], template: "<div\n  class=\"ax-editor-container ax-default {{ classNames }} {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <textarea\n    #input\n    [id]=\"id\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [class.ax-state-no-resizing]=\"!allowResize\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n  ></textarea>\n  @if (showCounter) {\n    <div class=\"ax-counter\">\n      {{ input.value.length }}\n      @if (maxLength) {\n        <span>/ {{ maxLength }}</span>\n      }\n    </div>\n  }\n</div>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-text-area{width:100%}ax-text-area .ax-editor-container{height:auto!important;padding-inline:calc(var(--spacing,.25rem) * 0)!important;padding-bottom:calc(var(--spacing,.25rem) * 0)!important}ax-text-area textarea{background-color:inherit;width:100%;height:fit-content;padding-inline:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 4)}ax-text-area textarea:focus{--tw-outline-style:none;outline-style:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 3)}ax-text-area .ax-counter{inset-inline-end:calc(var(--spacing,.25rem) * 2);bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));opacity:.5;position:absolute}}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], imports: [FormsModule], template: "<div\n  class=\"ax-editor-container ax-default {{ classNames }} {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <textarea\n    #input\n    [id]=\"id\"\n    type=\"text\"\n    [rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [class.ax-state-no-resizing]=\"!allowResize\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n  ></textarea>\n  @if (showCounter) {\n    <div class=\"ax-counter\">\n      {{ input.value.length }}\n      @if (maxLength) {\n        <span>/ {{ maxLength }}</span>\n      }\n    </div>\n  }\n</div>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-text-area{width:100%}ax-text-area .ax-editor-container{height:auto!important;padding-inline:calc(var(--spacing,.25rem) * 0)!important;padding-bottom:calc(var(--spacing,.25rem) * 0)!important}ax-text-area textarea{background-color:inherit;width:100%;height:fit-content;padding-inline:calc(var(--spacing,.25rem) * 3);padding-top:calc(var(--spacing,.25rem) * 4)}ax-text-area textarea:focus{--tw-outline-style:none;outline-style:none}ax-text-area>ax-prefix,ax-text-area>ax-suffix{margin-bottom:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 3)}ax-text-area .ax-counter{inset-inline-end:calc(var(--spacing,.25rem) * 2);bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));opacity:.5;position:absolute}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input']

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

@@ -81,7 +81,7 @@ class AXTextBoxComponent extends classes((MXInputBaseValueComponent), MXLookComp
                 useExisting: forwardRef(() => AXTextBoxComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-editor-container ax-default {{ classNames() }} {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <input\n    #input\n    class=\"ax-input\"\n    [id]=\"id\"\n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn: _updateOn }\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    axInputMask\n    [maskMode]=\"maskPattern() ? 'mask' : null\"\n    [maskPattern]=\"maskPattern()\"\n    [customTokens]=\"customTokens()\"\n    (onMaskChanged)=\"onMaskChanged.emit($event)\"\n  />\n  @if (input.value && !disabled && !readonly) {\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-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-text-box{width:100%}ax-text-box input::-webkit-outer-spin-button{margin:calc(var(--spacing,.25rem) * 0);-webkit-appearance:none}ax-text-box input::-webkit-inner-spin-button{margin:calc(var(--spacing,.25rem) * 0);-webkit-appearance:none}ax-text-box input[type=number]{-moz-appearance:textfield}}\n/*! tailwindcss v4.2.3 | 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: "directive", type: AXInputMaskDirective, selector: "[axInputMask]", inputs: ["maskMode", "separator", "eager", "minValue", "maxValue", "decimal", "maskPattern", "customTokens"], outputs: ["onMaskChanged"], exportAs: ["axInputMask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-editor-container ax-default {{ classNames() }} {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <input\n    #input\n    class=\"ax-input\"\n    [id]=\"id\"\n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn: _updateOn }\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    axInputMask\n    [maskMode]=\"maskPattern() ? 'mask' : null\"\n    [maskPattern]=\"maskPattern()\"\n    [customTokens]=\"customTokens()\"\n    (onMaskChanged)=\"onMaskChanged.emit($event)\"\n  />\n  @if (input.value && !disabled && !readonly) {\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-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-text-box{width:100%}ax-text-box input::-webkit-outer-spin-button{margin:calc(var(--spacing,.25rem) * 0);-webkit-appearance:none}ax-text-box input::-webkit-inner-spin-button{margin:calc(var(--spacing,.25rem) * 0);-webkit-appearance:none}ax-text-box input[type=number]{-moz-appearance:textfield}}\n/*! tailwindcss v4.2.4 | 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: "directive", type: AXInputMaskDirective, selector: "[axInputMask]", inputs: ["maskMode", "separator", "eager", "minValue", "maxValue", "decimal", "maskPattern", "customTokens"], outputs: ["onMaskChanged"], exportAs: ["axInputMask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTextBoxComponent, decorators: [{
             type: Component,
@@ -120,7 +120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                             useExisting: forwardRef(() => AXTextBoxComponent),
                             multi: true,
                         },
-                    ], imports: [FormsModule, AXInputMaskDirective], template: "<div\n  class=\"ax-editor-container ax-default {{ classNames() }} {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <input\n    #input\n    class=\"ax-input\"\n    [id]=\"id\"\n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn: _updateOn }\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    axInputMask\n    [maskMode]=\"maskPattern() ? 'mask' : null\"\n    [maskPattern]=\"maskPattern()\"\n    [customTokens]=\"customTokens()\"\n    (onMaskChanged)=\"onMaskChanged.emit($event)\"\n  />\n  @if (input.value && !disabled && !readonly) {\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-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-text-box{width:100%}ax-text-box input::-webkit-outer-spin-button{margin:calc(var(--spacing,.25rem) * 0);-webkit-appearance:none}ax-text-box input::-webkit-inner-spin-button{margin:calc(var(--spacing,.25rem) * 0);-webkit-appearance:none}ax-text-box input[type=number]{-moz-appearance:textfield}}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], imports: [FormsModule, AXInputMaskDirective], template: "<div\n  class=\"ax-editor-container ax-default {{ classNames() }} {{ look }}\"\n  [class.ax-state-disabled]=\"disabled\"\n  [class.ax-state-readonly]=\"readonly\"\n>\n  <ng-content select=\"ax-prefix\"> </ng-content>\n  <input\n    #input\n    class=\"ax-input\"\n    [id]=\"id\"\n    [attr.autocomplete]=\"autoComplete\"\n    [attr.type]=\"type\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.maxlength]=\"maxLength\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabIndex\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"_handleModelChange($event)\"\n    [ngModelOptions]=\"{ updateOn: _updateOn }\"\n    (keydown)=\"emitOnKeydownEvent($event)\"\n    (keyup)=\"emitOnKeyupEvent($event)\"\n    (keypress)=\"emitOnKeypressEvent($event)\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"\n    axInputMask\n    [maskMode]=\"maskPattern() ? 'mask' : null\"\n    [maskPattern]=\"maskPattern()\"\n    [customTokens]=\"customTokens()\"\n    (onMaskChanged)=\"onMaskChanged.emit($event)\"\n  />\n  @if (input.value && !disabled && !readonly) {\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-validation-rule\"> </ng-content>\n<div class=\"ax-error-container\"></div>\n", styles: ["@layer components{ax-text-box{width:100%}ax-text-box input::-webkit-outer-spin-button{margin:calc(var(--spacing,.25rem) * 0);-webkit-appearance:none}ax-text-box input::-webkit-inner-spin-button{margin:calc(var(--spacing,.25rem) * 0);-webkit-appearance:none}ax-text-box input[type=number]{-moz-appearance:textfield}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input', { static: true }]

package/fesm2022/acorex-components-time-duration.mjs

@@ -111,6 +111,11 @@ class AXTimeDurationComponent extends classes((MXInputBaseValueComponent), MXLoo
         if (this.onInternalValueChangedFire)
             return;
         this.onInputFire = true;
+        if (!event.value) {
+            this.commitValue(null, true);
+            this.onInputFire = false;
+            return;
+        }
         const milliseconds = this.maskToMilliseconds(event.value);
         this.commitValue(milliseconds, true);
         this.onInputFire = false;

package/fesm2022/acorex-components-time-duration.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-time-duration.mjs","sources":["../../../../packages/components/time-duration/src/lib/time-duration.component.ts","../../../../packages/components/time-duration/src/lib/time-duration.component.html","../../../../packages/components/time-duration/src/lib/time-duration.module.ts","../../../../packages/components/time-duration/src/acorex-components-time-duration.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXFocusableComponent,\n  AXFocusEvent,\n  AXValuableComponent,\n  AXValueChangedEvent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/cdk/common';\nimport { AXInputMaskEvent } from '@acorex/cdk/input-mask';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTimeDurationFormatter } from '@acorex/core/date-time';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  forwardRef,\n  HostBinding,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport { AXTimeDurationUnit } from './time-duration.type';\n\n@Component({\n  selector: 'ax-time-duration',\n  templateUrl: './time-duration.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [AXTextBoxModule, FormsModule, AXSelectBoxModule, AXFormModule],\n  inputs: ['disabled', 'tabIndex', 'readonly', 'look'],\n  outputs: ['onValueChanged'],\n  providers: [\n    { provide: AXComponent, useExisting: AXTimeDurationComponent },\n    { provide: AXFocusableComponent, useExisting: AXTimeDurationComponent },\n    { provide: AXValuableComponent, useExisting: AXTimeDurationComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXTimeDurationComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXTimeDurationComponent extends classes(MXInputBaseValueComponent<number>, MXLookComponent) {\n  protected inputValue: string;\n  readonly valueStart = input<AXTimeDurationUnit>('YEAR');\n  readonly valueEnd = input<AXTimeDurationUnit>('MILLISECOND');\n  readonly label = input<boolean>(true);\n  readonly maskDigits = input('00:00:00:00:00:00:00:000');\n  readonly minValue = input<number>(null);\n  readonly maxValue = input<number>(null);\n\n  protected mask = signal(null);\n  protected maskPlaceHolder = signal(null);\n\n  private translationService: AXTranslationService = inject(AXTranslationService);\n  private timeDurationFormatter: AXTimeDurationFormatter = inject(AXTimeDurationFormatter);\n\n  private onInputFire = false;\n  private onInternalValueChangedFire = false;\n\n  private YEAR = signal(null);\n  private MONTH = signal(null);\n  private WEEK = signal(null);\n  private DAY = signal(null);\n  private HOUR = signal(null);\n  private MINUTE = signal(null);\n  private SECOND = signal(null);\n  private MILLISECOND = signal(null);\n  private isTranslationInit = signal(false);\n\n  #init = afterNextRender(async () => {\n    await this.initTranslation();\n  });\n\n  #effect = effect(() => {\n    // Depend on label as well\n    void this.label();\n    if (this.valueStart() && this.valueEnd() && this.isTranslationInit()) {\n      this.updateMask();\n    }\n  });\n\n  async initTranslation() {\n    this.YEAR.set((await this.translationService.translateAsync('@acorex:dateTime.units.year')).toLocaleUpperCase());\n    this.MONTH.set((await this.translationService.translateAsync('@acorex:dateTime.units.month')).toLocaleUpperCase());\n    this.WEEK.set((await this.translationService.translateAsync('@acorex:dateTime.units.week')).toLocaleUpperCase());\n    this.DAY.set((await this.translationService.translateAsync('@acorex:dateTime.units.day')).toLocaleUpperCase());\n    this.HOUR.set((await this.translationService.translateAsync('@acorex:dateTime.units.hour')).toLocaleUpperCase());\n    this.MINUTE.set(\n      (await this.translationService.translateAsync('@acorex:dateTime.units.minute')).toLocaleUpperCase(),\n    );\n    this.SECOND.set(\n      (await this.translationService.translateAsync('@acorex:dateTime.units.second')).toLocaleUpperCase(),\n    );\n    this.MILLISECOND.set(\n      (await this.translationService.translateAsync('@acorex:dateTime.units.millisecond')).toLocaleUpperCase(),\n    );\n    this.isTranslationInit.set(true);\n  }\n\n  protected maskChange(e: AXInputMaskEvent) {\n    if (!e.completed) return;\n\n    if (this.minValue() && this.minValue() > this.value) {\n      this.commitValue(this.minValue());\n    }\n\n    if (this.maxValue() && this.maxValue() < this.value) {\n      this.commitValue(this.maxValue());\n    }\n  }\n\n  protected async onInput(event: AXValueChangedEvent<any>) {\n    if (this.disabled) return;\n    if (this.readonly) return;\n    if (!event.isUserInteraction) return;\n    if (this.onInternalValueChangedFire) return;\n    this.onInputFire = true;\n\n    const milliseconds = this.maskToMilliseconds(event.value);\n\n    this.commitValue(milliseconds, true);\n    this.onInputFire = false;\n  }\n\n  protected override async internalValueChanged(value: number): Promise<void> {\n    if (this.onInputFire) return;\n    this.onInternalValueChangedFire = true;\n\n    const normalizedMask = await this.timeDurationFormatter.millisecondsToMask(\n      value,\n      this.valueStart(),\n      this.valueEnd(),\n      this.label(),\n      this.maskDigits(),\n      true,\n    );\n\n    this.inputValue = normalizedMask;\n\n    setTimeout(() => {\n      this.onInternalValueChangedFire = false;\n    });\n  }\n\n  private replacePersianLabels(input: string) {\n    const replacements = {\n      [this.YEAR()]: 'YEAR',\n      [this.MONTH()]: 'MONTH',\n      [this.WEEK()]: 'WEEK',\n      [this.DAY()]: 'DAY',\n      [this.HOUR()]: 'HOUR',\n      [this.MINUTE()]: 'MINUTE',\n      [this.SECOND()]: 'SECOND',\n      [this.MILLISECOND()]: 'MILLISECOND',\n    };\n\n    return Object.entries(replacements).reduce((str, [fa, en]) => {\n      return str.replace(`(${fa})`, `(${en})`);\n    }, input);\n  }\n\n  private maskToMilliseconds(maskValue: string): number {\n    const timeUnits = {\n      YEAR: 365 * 24 * 60 * 60 * 1000,\n      MONTH: 30 * 24 * 60 * 60 * 1000,\n      WEEK: 7 * 24 * 60 * 60 * 1000,\n      DAY: 24 * 60 * 60 * 1000,\n      HOUR: 60 * 60 * 1000,\n      MINUTE: 60 * 1000,\n      SECOND: 1000,\n      MILLISECOND: 1,\n    };\n\n    let totalMs = 0;\n\n    if (this.label()) {\n      // Parse labeled format: \"00 (YEAR) : 00 (MONTH) : 00 (DAY)\"\n      const transformedMaskValue = this.replacePersianLabels(maskValue);\n      const regex = /(\\d+)\\s*\\((YEAR|MONTH|WEEK|DAY|HOUR|MINUTE|SECOND|MILLISECOND)\\)/g;\n      let match;\n\n      while ((match = regex.exec(transformedMaskValue)) !== null) {\n        const value = parseInt(match[1], 10);\n        const unit = match[2];\n        if (timeUnits[unit] !== undefined) {\n          totalMs += value * timeUnits[unit];\n        }\n      }\n    } else {\n      // Parse unlabeled format: \"00:00:00\" (colon-separated numbers)\n      const allUnits = ['YEAR', 'MONTH', 'WEEK', 'DAY', 'HOUR', 'MINUTE', 'SECOND', 'MILLISECOND'];\n      const startIndex = allUnits.indexOf(this.valueStart());\n      const endIndex = allUnits.indexOf(this.valueEnd());\n\n      if (startIndex !== -1 && endIndex !== -1 && endIndex >= startIndex) {\n        const selectedUnits = allUnits.slice(startIndex, endIndex + 1);\n        const numbers = maskValue.split(':').map((num) => parseInt(num.trim(), 10));\n\n        for (let i = 0; i < Math.min(numbers.length, selectedUnits.length); i++) {\n          const value = numbers[i];\n          const unit = selectedUnits[i];\n          if (!isNaN(value) && timeUnits[unit] !== undefined) {\n            totalMs += value * timeUnits[unit];\n          }\n        }\n      }\n    }\n\n    return totalMs;\n  }\n\n  private updateMask() {\n    const allUnits = ['YEAR', 'MONTH', 'WEEK', 'DAY', 'HOUR', 'MINUTE', 'SECOND', 'MILLISECOND'];\n    const startIndex = allUnits.indexOf(this.valueStart());\n    const endIndex = allUnits.indexOf(this.valueEnd());\n\n    if (startIndex === -1 || endIndex === -1 || endIndex < startIndex) {\n      this.mask.set(null);\n      return null;\n    }\n\n    const selectedUnits = allUnits.slice(startIndex, endIndex + 1);\n\n    let maskParts: string[];\n\n    const yearDigits = this.maskDigits().split(':')[0];\n    const monthDigits = this.maskDigits().split(':')[1];\n    const weekDigits = this.maskDigits().split(':')[2];\n    const dayDigits = this.maskDigits().split(':')[3];\n    const hourDigits = this.maskDigits().split(':')[4];\n    const minuteDigits = this.maskDigits().split(':')[5];\n    const secondDigits = this.maskDigits().split(':')[6];\n    const millisecondDigits = this.maskDigits().split(':')[7];\n\n    if (this.label()) {\n      // With labels\n      const unitPatterns: Record<string, string> = {\n        YEAR: `${yearDigits} (${this.YEAR()})`,\n        MONTH: `${monthDigits} (${this.MONTH()})`,\n        WEEK: `${weekDigits} (${this.WEEK()})`,\n        DAY: `${dayDigits} (${this.DAY()})`,\n        HOUR: `${hourDigits} (${this.HOUR()})`,\n        MINUTE: `${minuteDigits} (${this.MINUTE()})`,\n        SECOND: `${secondDigits} (${this.SECOND()})`,\n        MILLISECOND: `${millisecondDigits} (${this.MILLISECOND()})`,\n      };\n\n      maskParts = selectedUnits.map((unit) => {\n        return unitPatterns[unit];\n      });\n    } else {\n      // Without labels - just numbers\n      const unitPatterns: Record<string, string> = {\n        YEAR: yearDigits,\n        MONTH: monthDigits,\n        WEEK: weekDigits,\n        DAY: dayDigits,\n        HOUR: hourDigits,\n        MINUTE: minuteDigits,\n        SECOND: secondDigits,\n        MILLISECOND: millisecondDigits,\n      };\n\n      maskParts = selectedUnits.map((unit) => {\n        return unitPatterns[unit];\n      });\n    }\n\n    let result: string;\n\n    if (this.label()) {\n      if (this.translationService.getActiveLang() === 'fa-IR') {\n        result = maskParts.reverse().join(' : ');\n      } else {\n        result = maskParts.join(' : ');\n      }\n    } else {\n      result = maskParts.join(':');\n    }\n\n    const convert = result.replace(/0/g, '#');\n    this.mask.set(convert);\n    this.maskPlaceHolder.set(result);\n  }\n\n  protected focusHandler(e: AXFocusEvent) {\n    this.onFocus.emit(e);\n  }\n\n  protected blurHandler(e: AXFocusEvent) {\n    this.onBlur.emit(e);\n  }\n\n  protected validateFn = async (val: number) => {\n    if (this.minValue() && this.minValue() > val) {\n      const normalizedMaskMin = await this.timeDurationFormatter.millisecondsToMask(\n        this.minValue(),\n        this.valueStart(),\n        this.valueEnd(),\n        true,\n        this.maskDigits(),\n        true,\n      );\n\n      const message = await this.translationService.translateAsync('@acorex:validation.messages.min', {\n        params: { value: normalizedMaskMin },\n      });\n\n      return {\n        rule: 'callback',\n        result: false,\n        message,\n        value: val,\n      };\n    }\n\n    if (this.maxValue() && this.maxValue() < val) {\n      const normalizedMaskMax = await this.timeDurationFormatter.millisecondsToMask(\n        this.maxValue(),\n        this.valueStart(),\n        this.valueEnd(),\n        true,\n        this.maskDigits(),\n        true,\n      );\n\n      const message = await this.translationService.translateAsync('@acorex:validation.messages.max', {\n        params: { value: normalizedMaskMax },\n      });\n\n      return {\n        rule: 'callback',\n        result: false,\n        message,\n        value: val,\n      };\n    }\n\n    return {\n      rule: 'callback',\n      result: true,\n      value: val,\n    };\n  };\n\n  @HostBinding('attr.name')\n  private get __hostName(): string {\n    return this.name;\n  }\n}\n","<ax-text-box\n  [look]=\"look\"\n  [placeholder]=\"maskPlaceHolder()\"\n  [maskPattern]=\"mask()\"\n  [(ngModel)]=\"inputValue\"\n  (onValueChanged)=\"onInput($event)\"\n  class=\"ax-time-duration-text\"\n  [disabled]=\"disabled\"\n  [tabIndex]=\"tabIndex\"\n  [readonly]=\"readonly\"\n  (onFocus)=\"focusHandler($event)\"\n  (onBlur)=\"blurHandler($event)\"\n  (onMaskChanged)=\"maskChange($event)\"\n>\n</ax-text-box>\n<ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateFn }\"></ax-validation-rule>\n","import { NgModule } from '@angular/core';\nimport { AXTimeDurationComponent } from './time-duration.component';\n\nconst COMPONENT = [AXTimeDurationComponent];\n\nconst MODULES = [];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXTimeDurationModule {}\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-time-duration.mjs","sources":["../../../../packages/components/time-duration/src/lib/time-duration.component.ts","../../../../packages/components/time-duration/src/lib/time-duration.component.html","../../../../packages/components/time-duration/src/lib/time-duration.module.ts","../../../../packages/components/time-duration/src/acorex-components-time-duration.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXFocusableComponent,\n  AXFocusEvent,\n  AXValuableComponent,\n  AXValueChangedEvent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/cdk/common';\nimport { AXInputMaskEvent } from '@acorex/cdk/input-mask';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXSelectBoxModule } from '@acorex/components/select-box';\nimport { AXTextBoxModule } from '@acorex/components/text-box';\nimport { AXTimeDurationFormatter } from '@acorex/core/date-time';\nimport { AXTranslationService } from '@acorex/core/translation';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  forwardRef,\n  HostBinding,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport { AXTimeDurationUnit } from './time-duration.type';\n\n@Component({\n  selector: 'ax-time-duration',\n  templateUrl: './time-duration.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [AXTextBoxModule, FormsModule, AXSelectBoxModule, AXFormModule],\n  inputs: ['disabled', 'tabIndex', 'readonly', 'look'],\n  outputs: ['onValueChanged'],\n  providers: [\n    { provide: AXComponent, useExisting: AXTimeDurationComponent },\n    { provide: AXFocusableComponent, useExisting: AXTimeDurationComponent },\n    { provide: AXValuableComponent, useExisting: AXTimeDurationComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXTimeDurationComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXTimeDurationComponent extends classes(MXInputBaseValueComponent<number>, MXLookComponent) {\n  protected inputValue: string;\n  readonly valueStart = input<AXTimeDurationUnit>('YEAR');\n  readonly valueEnd = input<AXTimeDurationUnit>('MILLISECOND');\n  readonly label = input<boolean>(true);\n  readonly maskDigits = input('00:00:00:00:00:00:00:000');\n  readonly minValue = input<number>(null);\n  readonly maxValue = input<number>(null);\n\n  protected mask = signal(null);\n  protected maskPlaceHolder = signal(null);\n\n  private translationService: AXTranslationService = inject(AXTranslationService);\n  private timeDurationFormatter: AXTimeDurationFormatter = inject(AXTimeDurationFormatter);\n\n  private onInputFire = false;\n  private onInternalValueChangedFire = false;\n\n  private YEAR = signal(null);\n  private MONTH = signal(null);\n  private WEEK = signal(null);\n  private DAY = signal(null);\n  private HOUR = signal(null);\n  private MINUTE = signal(null);\n  private SECOND = signal(null);\n  private MILLISECOND = signal(null);\n  private isTranslationInit = signal(false);\n\n  #init = afterNextRender(async () => {\n    await this.initTranslation();\n  });\n\n  #effect = effect(() => {\n    // Depend on label as well\n    void this.label();\n    if (this.valueStart() && this.valueEnd() && this.isTranslationInit()) {\n      this.updateMask();\n    }\n  });\n\n  async initTranslation() {\n    this.YEAR.set((await this.translationService.translateAsync('@acorex:dateTime.units.year')).toLocaleUpperCase());\n    this.MONTH.set((await this.translationService.translateAsync('@acorex:dateTime.units.month')).toLocaleUpperCase());\n    this.WEEK.set((await this.translationService.translateAsync('@acorex:dateTime.units.week')).toLocaleUpperCase());\n    this.DAY.set((await this.translationService.translateAsync('@acorex:dateTime.units.day')).toLocaleUpperCase());\n    this.HOUR.set((await this.translationService.translateAsync('@acorex:dateTime.units.hour')).toLocaleUpperCase());\n    this.MINUTE.set(\n      (await this.translationService.translateAsync('@acorex:dateTime.units.minute')).toLocaleUpperCase(),\n    );\n    this.SECOND.set(\n      (await this.translationService.translateAsync('@acorex:dateTime.units.second')).toLocaleUpperCase(),\n    );\n    this.MILLISECOND.set(\n      (await this.translationService.translateAsync('@acorex:dateTime.units.millisecond')).toLocaleUpperCase(),\n    );\n    this.isTranslationInit.set(true);\n  }\n\n  protected maskChange(e: AXInputMaskEvent) {\n    if (!e.completed) return;\n\n    if (this.minValue() && this.minValue() > this.value) {\n      this.commitValue(this.minValue());\n    }\n\n    if (this.maxValue() && this.maxValue() < this.value) {\n      this.commitValue(this.maxValue());\n    }\n  }\n\n  protected async onInput(event: AXValueChangedEvent<any>) {\n    if (this.disabled) return;\n    if (this.readonly) return;\n    if (!event.isUserInteraction) return;\n    if (this.onInternalValueChangedFire) return;\n    this.onInputFire = true;\n\n    if (!event.value) {\n      this.commitValue(null, true);\n      this.onInputFire = false;\n      return;\n    }\n\n    const milliseconds = this.maskToMilliseconds(event.value);\n\n    this.commitValue(milliseconds, true);\n    this.onInputFire = false;\n  }\n\n  protected override async internalValueChanged(value: number): Promise<void> {\n    if (this.onInputFire) return;\n    this.onInternalValueChangedFire = true;\n\n    const normalizedMask = await this.timeDurationFormatter.millisecondsToMask(\n      value,\n      this.valueStart(),\n      this.valueEnd(),\n      this.label(),\n      this.maskDigits(),\n      true,\n    );\n\n    this.inputValue = normalizedMask;\n\n    setTimeout(() => {\n      this.onInternalValueChangedFire = false;\n    });\n  }\n\n  private replacePersianLabels(input: string) {\n    const replacements = {\n      [this.YEAR()]: 'YEAR',\n      [this.MONTH()]: 'MONTH',\n      [this.WEEK()]: 'WEEK',\n      [this.DAY()]: 'DAY',\n      [this.HOUR()]: 'HOUR',\n      [this.MINUTE()]: 'MINUTE',\n      [this.SECOND()]: 'SECOND',\n      [this.MILLISECOND()]: 'MILLISECOND',\n    };\n\n    return Object.entries(replacements).reduce((str, [fa, en]) => {\n      return str.replace(`(${fa})`, `(${en})`);\n    }, input);\n  }\n\n  private maskToMilliseconds(maskValue: string): number {\n    const timeUnits = {\n      YEAR: 365 * 24 * 60 * 60 * 1000,\n      MONTH: 30 * 24 * 60 * 60 * 1000,\n      WEEK: 7 * 24 * 60 * 60 * 1000,\n      DAY: 24 * 60 * 60 * 1000,\n      HOUR: 60 * 60 * 1000,\n      MINUTE: 60 * 1000,\n      SECOND: 1000,\n      MILLISECOND: 1,\n    };\n\n    let totalMs = 0;\n\n    if (this.label()) {\n      // Parse labeled format: \"00 (YEAR) : 00 (MONTH) : 00 (DAY)\"\n      const transformedMaskValue = this.replacePersianLabels(maskValue);\n      const regex = /(\\d+)\\s*\\((YEAR|MONTH|WEEK|DAY|HOUR|MINUTE|SECOND|MILLISECOND)\\)/g;\n      let match;\n\n      while ((match = regex.exec(transformedMaskValue)) !== null) {\n        const value = parseInt(match[1], 10);\n        const unit = match[2];\n        if (timeUnits[unit] !== undefined) {\n          totalMs += value * timeUnits[unit];\n        }\n      }\n    } else {\n      // Parse unlabeled format: \"00:00:00\" (colon-separated numbers)\n      const allUnits = ['YEAR', 'MONTH', 'WEEK', 'DAY', 'HOUR', 'MINUTE', 'SECOND', 'MILLISECOND'];\n      const startIndex = allUnits.indexOf(this.valueStart());\n      const endIndex = allUnits.indexOf(this.valueEnd());\n\n      if (startIndex !== -1 && endIndex !== -1 && endIndex >= startIndex) {\n        const selectedUnits = allUnits.slice(startIndex, endIndex + 1);\n        const numbers = maskValue.split(':').map((num) => parseInt(num.trim(), 10));\n\n        for (let i = 0; i < Math.min(numbers.length, selectedUnits.length); i++) {\n          const value = numbers[i];\n          const unit = selectedUnits[i];\n          if (!isNaN(value) && timeUnits[unit] !== undefined) {\n            totalMs += value * timeUnits[unit];\n          }\n        }\n      }\n    }\n\n    return totalMs;\n  }\n\n  private updateMask() {\n    const allUnits = ['YEAR', 'MONTH', 'WEEK', 'DAY', 'HOUR', 'MINUTE', 'SECOND', 'MILLISECOND'];\n    const startIndex = allUnits.indexOf(this.valueStart());\n    const endIndex = allUnits.indexOf(this.valueEnd());\n\n    if (startIndex === -1 || endIndex === -1 || endIndex < startIndex) {\n      this.mask.set(null);\n      return null;\n    }\n\n    const selectedUnits = allUnits.slice(startIndex, endIndex + 1);\n\n    let maskParts: string[];\n\n    const yearDigits = this.maskDigits().split(':')[0];\n    const monthDigits = this.maskDigits().split(':')[1];\n    const weekDigits = this.maskDigits().split(':')[2];\n    const dayDigits = this.maskDigits().split(':')[3];\n    const hourDigits = this.maskDigits().split(':')[4];\n    const minuteDigits = this.maskDigits().split(':')[5];\n    const secondDigits = this.maskDigits().split(':')[6];\n    const millisecondDigits = this.maskDigits().split(':')[7];\n\n    if (this.label()) {\n      // With labels\n      const unitPatterns: Record<string, string> = {\n        YEAR: `${yearDigits} (${this.YEAR()})`,\n        MONTH: `${monthDigits} (${this.MONTH()})`,\n        WEEK: `${weekDigits} (${this.WEEK()})`,\n        DAY: `${dayDigits} (${this.DAY()})`,\n        HOUR: `${hourDigits} (${this.HOUR()})`,\n        MINUTE: `${minuteDigits} (${this.MINUTE()})`,\n        SECOND: `${secondDigits} (${this.SECOND()})`,\n        MILLISECOND: `${millisecondDigits} (${this.MILLISECOND()})`,\n      };\n\n      maskParts = selectedUnits.map((unit) => {\n        return unitPatterns[unit];\n      });\n    } else {\n      // Without labels - just numbers\n      const unitPatterns: Record<string, string> = {\n        YEAR: yearDigits,\n        MONTH: monthDigits,\n        WEEK: weekDigits,\n        DAY: dayDigits,\n        HOUR: hourDigits,\n        MINUTE: minuteDigits,\n        SECOND: secondDigits,\n        MILLISECOND: millisecondDigits,\n      };\n\n      maskParts = selectedUnits.map((unit) => {\n        return unitPatterns[unit];\n      });\n    }\n\n    let result: string;\n\n    if (this.label()) {\n      if (this.translationService.getActiveLang() === 'fa-IR') {\n        result = maskParts.reverse().join(' : ');\n      } else {\n        result = maskParts.join(' : ');\n      }\n    } else {\n      result = maskParts.join(':');\n    }\n\n    const convert = result.replace(/0/g, '#');\n    this.mask.set(convert);\n    this.maskPlaceHolder.set(result);\n  }\n\n  protected focusHandler(e: AXFocusEvent) {\n    this.onFocus.emit(e);\n  }\n\n  protected blurHandler(e: AXFocusEvent) {\n    this.onBlur.emit(e);\n  }\n\n  protected validateFn = async (val: number) => {\n    if (this.minValue() && this.minValue() > val) {\n      const normalizedMaskMin = await this.timeDurationFormatter.millisecondsToMask(\n        this.minValue(),\n        this.valueStart(),\n        this.valueEnd(),\n        true,\n        this.maskDigits(),\n        true,\n      );\n\n      const message = await this.translationService.translateAsync('@acorex:validation.messages.min', {\n        params: { value: normalizedMaskMin },\n      });\n\n      return {\n        rule: 'callback',\n        result: false,\n        message,\n        value: val,\n      };\n    }\n\n    if (this.maxValue() && this.maxValue() < val) {\n      const normalizedMaskMax = await this.timeDurationFormatter.millisecondsToMask(\n        this.maxValue(),\n        this.valueStart(),\n        this.valueEnd(),\n        true,\n        this.maskDigits(),\n        true,\n      );\n\n      const message = await this.translationService.translateAsync('@acorex:validation.messages.max', {\n        params: { value: normalizedMaskMax },\n      });\n\n      return {\n        rule: 'callback',\n        result: false,\n        message,\n        value: val,\n      };\n    }\n\n    return {\n      rule: 'callback',\n      result: true,\n      value: val,\n    };\n  };\n\n  @HostBinding('attr.name')\n  private get __hostName(): string {\n    return this.name;\n  }\n}\n","<ax-text-box\n  [look]=\"look\"\n  [placeholder]=\"maskPlaceHolder()\"\n  [maskPattern]=\"mask()\"\n  [(ngModel)]=\"inputValue\"\n  (onValueChanged)=\"onInput($event)\"\n  class=\"ax-time-duration-text\"\n  [disabled]=\"disabled\"\n  [tabIndex]=\"tabIndex\"\n  [readonly]=\"readonly\"\n  (onFocus)=\"focusHandler($event)\"\n  (onBlur)=\"blurHandler($event)\"\n  (onMaskChanged)=\"maskChange($event)\"\n>\n</ax-text-box>\n<ax-validation-rule rule=\"callback\" [options]=\"{ validate: validateFn }\"></ax-validation-rule>\n","import { NgModule } from '@angular/core';\nimport { AXTimeDurationComponent } from './time-duration.component';\n\nconst COMPONENT = [AXTimeDurationComponent];\n\nconst MODULES = [];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXTimeDurationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-time-line.mjs

@@ -22,11 +22,11 @@ class AXTimeLineComponent {
     }
     #modeChange;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTimeLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: AXTimeLineComponent, isStandalone: true, selector: "ax-time-line", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }], ngImport: i0, template: "<div class=\"ax-time-line-item-container\" [style]=\"containerStyle()\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\"}}}@layer components{ax-time-line{width:100%;display:block}ax-time-line .ax-time-line-item-container{flex-direction:column;display:flex;position:relative}ax-time-line .ax-time-line-item-container:before,ax-time-line .ax-time-line-item-container:after{background-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));--tw-content:\"\";content:var(--tw-content);display:block;position:absolute}ax-time-line .ax-time-line-item-container:before{inset-inline-start:calc(var(--spacing,.25rem) * 3.5);top:calc(var(--spacing,.25rem) * 0);width:1px;height:100%}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: AXTimeLineComponent, isStandalone: true, selector: "ax-time-line", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }], ngImport: i0, template: "<div class=\"ax-time-line-item-container\" [style]=\"containerStyle()\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\"}}}@layer components{ax-time-line{width:100%;display:block}ax-time-line .ax-time-line-item-container{flex-direction:column;display:flex;position:relative}ax-time-line .ax-time-line-item-container:before,ax-time-line .ax-time-line-item-container:after{background-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));--tw-content:\"\";content:var(--tw-content);display:block;position:absolute}ax-time-line .ax-time-line-item-container:before{inset-inline-start:calc(var(--spacing,.25rem) * 3.5);top:calc(var(--spacing,.25rem) * 0);width:1px;height:100%}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTimeLineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-time-line', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }], template: "<div class=\"ax-time-line-item-container\" [style]=\"containerStyle()\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\"}}}@layer components{ax-time-line{width:100%;display:block}ax-time-line .ax-time-line-item-container{flex-direction:column;display:flex;position:relative}ax-time-line .ax-time-line-item-container:before,ax-time-line .ax-time-line-item-container:after{background-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));--tw-content:\"\";content:var(--tw-content);display:block;position:absolute}ax-time-line .ax-time-line-item-container:before{inset-inline-start:calc(var(--spacing,.25rem) * 3.5);top:calc(var(--spacing,.25rem) * 0);width:1px;height:100%}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-time-line', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }], template: "<div class=\"ax-time-line-item-container\" [style]=\"containerStyle()\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:\"\"}}}@layer components{ax-time-line{width:100%;display:block}ax-time-line .ax-time-line-item-container{flex-direction:column;display:flex;position:relative}ax-time-line .ax-time-line-item-container:before,ax-time-line .ax-time-line-item-container:after{background-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));--tw-content:\"\";content:var(--tw-content);display:block;position:absolute}ax-time-line .ax-time-line-item-container:before{inset-inline-start:calc(var(--spacing,.25rem) * 3.5);top:calc(var(--spacing,.25rem) * 0);width:1px;height:100%}}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
 
 class AXTimeLineItemComponent {
@@ -50,11 +50,11 @@ class AXTimeLineItemComponent {
         return [`ax-mode-${this.mode()}`, `${this.isActive() ? 'ax-state-active' : ''}`];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTimeLineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXTimeLineItemComponent, isStandalone: true, selector: "ax-time-line-item", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }], ngImport: i0, template: "<div class=\"ax-time-line-header\" (click)=\"handleClick()\">\n  @switch (mode()) {\n    @case ('bullet') {\n      <span class=\"ax-time-line-bullet\"></span>\n    }\n    @case ('icon') {\n      <span class=\"ax-time-line-icon\">\n        <ng-content select=\"ax-icon\"></ng-content>\n      </span>\n    }\n  }\n  <span class=\"ax-time-line-text\">{{ text() }}</span>\n  <span\n    class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n    [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n  ></span>\n</div>\n\n@if (!isCollapsed()) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-time-line-content\">\n    <ng-content></ng-content>\n  </div>\n}\n", styles: ["@layer components{ax-time-line-item{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex;position:relative}ax-time-line-item.ax-mode-icon{padding-inline-start:calc(var(--spacing,.25rem) * 12)}ax-time-line-item.ax-mode-bullet{padding-inline-start:calc(var(--spacing,.25rem) * 7)}ax-time-line-item.ax-state-active .ax-time-line-bullet{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))!important}ax-time-line-item.ax-state-active .ax-time-line-icon{background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)))!important;color:var(--color-on-primary-lightest,rgba(var(--ax-sys-color-on-primary-lightest-surface)))!important}ax-time-line-item .ax-time-line-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}ax-time-line-item .ax-time-line-header .ax-time-line-bullet,ax-time-line-item .ax-time-line-header .ax-time-line-icon{border-radius:3.40282e38px;position:absolute}ax-time-line-item .ax-time-line-header .ax-time-line-bullet{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));inset-inline-start:calc(var(--spacing,.25rem) * 2)}ax-time-line-item .ax-time-line-header .ax-time-line-bullet:where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}ax-time-line-item .ax-time-line-header .ax-time-line-icon{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface)));color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)));justify-content:center;align-items:center;display:flex;inset-inline-start:calc(var(--spacing,.25rem) * -1)}ax-time-line-item .ax-time-line-header .ax-time-line-text{flex:1}ax-time-line-item .ax-time-line-header .ax-collapse-arrow{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:block}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.-rotation-90{rotate:-90deg}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.rotation-90{rotate:90deg}ax-time-line-item .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-time-line-item .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1500px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:1500px}to{opacity:0;max-height:0}}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXTimeLineItemComponent, isStandalone: true, selector: "ax-time-line-item", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }], ngImport: i0, template: "<div class=\"ax-time-line-header\" (click)=\"handleClick()\">\n  @switch (mode()) {\n    @case ('bullet') {\n      <span class=\"ax-time-line-bullet\"></span>\n    }\n    @case ('icon') {\n      <span class=\"ax-time-line-icon\">\n        <ng-content select=\"ax-icon\"></ng-content>\n      </span>\n    }\n  }\n  <span class=\"ax-time-line-text\">{{ text() }}</span>\n  <span\n    class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n    [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n  ></span>\n</div>\n\n@if (!isCollapsed()) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-time-line-content\">\n    <ng-content></ng-content>\n  </div>\n}\n", styles: ["@layer components{ax-time-line-item{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex;position:relative}ax-time-line-item.ax-mode-icon{padding-inline-start:calc(var(--spacing,.25rem) * 12)}ax-time-line-item.ax-mode-bullet{padding-inline-start:calc(var(--spacing,.25rem) * 7)}ax-time-line-item.ax-state-active .ax-time-line-bullet{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))!important}ax-time-line-item.ax-state-active .ax-time-line-icon{background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)))!important;color:var(--color-on-primary-lightest,rgba(var(--ax-sys-color-on-primary-lightest-surface)))!important}ax-time-line-item .ax-time-line-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}ax-time-line-item .ax-time-line-header .ax-time-line-bullet,ax-time-line-item .ax-time-line-header .ax-time-line-icon{border-radius:3.40282e38px;position:absolute}ax-time-line-item .ax-time-line-header .ax-time-line-bullet{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));inset-inline-start:calc(var(--spacing,.25rem) * 2)}ax-time-line-item .ax-time-line-header .ax-time-line-bullet:where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}ax-time-line-item .ax-time-line-header .ax-time-line-icon{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);background-color:var(--color-surface);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface)));justify-content:center;align-items:center;display:flex;inset-inline-start:calc(var(--spacing,.25rem) * -1)}ax-time-line-item .ax-time-line-header .ax-time-line-text{flex:1}ax-time-line-item .ax-time-line-header .ax-collapse-arrow{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:block}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.-rotation-90{rotate:-90deg}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.rotation-90{rotate:90deg}ax-time-line-item .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-time-line-item .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1500px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:1500px}to{opacity:0;max-height:0}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTimeLineItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-time-line-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }], template: "<div class=\"ax-time-line-header\" (click)=\"handleClick()\">\n  @switch (mode()) {\n    @case ('bullet') {\n      <span class=\"ax-time-line-bullet\"></span>\n    }\n    @case ('icon') {\n      <span class=\"ax-time-line-icon\">\n        <ng-content select=\"ax-icon\"></ng-content>\n      </span>\n    }\n  }\n  <span class=\"ax-time-line-text\">{{ text() }}</span>\n  <span\n    class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n    [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n  ></span>\n</div>\n\n@if (!isCollapsed()) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-time-line-content\">\n    <ng-content></ng-content>\n  </div>\n}\n", styles: ["@layer components{ax-time-line-item{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex;position:relative}ax-time-line-item.ax-mode-icon{padding-inline-start:calc(var(--spacing,.25rem) * 12)}ax-time-line-item.ax-mode-bullet{padding-inline-start:calc(var(--spacing,.25rem) * 7)}ax-time-line-item.ax-state-active .ax-time-line-bullet{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))!important}ax-time-line-item.ax-state-active .ax-time-line-icon{background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)))!important;color:var(--color-on-primary-lightest,rgba(var(--ax-sys-color-on-primary-lightest-surface)))!important}ax-time-line-item .ax-time-line-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}ax-time-line-item .ax-time-line-header .ax-time-line-bullet,ax-time-line-item .ax-time-line-header .ax-time-line-icon{border-radius:3.40282e38px;position:absolute}ax-time-line-item .ax-time-line-header .ax-time-line-bullet{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));inset-inline-start:calc(var(--spacing,.25rem) * 2)}ax-time-line-item .ax-time-line-header .ax-time-line-bullet:where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}ax-time-line-item .ax-time-line-header .ax-time-line-icon{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface)));color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)));justify-content:center;align-items:center;display:flex;inset-inline-start:calc(var(--spacing,.25rem) * -1)}ax-time-line-item .ax-time-line-header .ax-time-line-text{flex:1}ax-time-line-item .ax-time-line-header .ax-collapse-arrow{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:block}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.-rotation-90{rotate:-90deg}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.rotation-90{rotate:90deg}ax-time-line-item .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-time-line-item .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1500px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:1500px}to{opacity:0;max-height:0}}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-time-line-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }], template: "<div class=\"ax-time-line-header\" (click)=\"handleClick()\">\n  @switch (mode()) {\n    @case ('bullet') {\n      <span class=\"ax-time-line-bullet\"></span>\n    }\n    @case ('icon') {\n      <span class=\"ax-time-line-icon\">\n        <ng-content select=\"ax-icon\"></ng-content>\n      </span>\n    }\n  }\n  <span class=\"ax-time-line-text\">{{ text() }}</span>\n  <span\n    class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n    [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n  ></span>\n</div>\n\n@if (!isCollapsed()) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-time-line-content\">\n    <ng-content></ng-content>\n  </div>\n}\n", styles: ["@layer components{ax-time-line-item{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex;position:relative}ax-time-line-item.ax-mode-icon{padding-inline-start:calc(var(--spacing,.25rem) * 12)}ax-time-line-item.ax-mode-bullet{padding-inline-start:calc(var(--spacing,.25rem) * 7)}ax-time-line-item.ax-state-active .ax-time-line-bullet{background-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))!important}ax-time-line-item.ax-state-active .ax-time-line-icon{background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)))!important;color:var(--color-on-primary-lightest,rgba(var(--ax-sys-color-on-primary-lightest-surface)))!important}ax-time-line-item .ax-time-line-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}ax-time-line-item .ax-time-line-header .ax-time-line-bullet,ax-time-line-item .ax-time-line-header .ax-time-line-icon{border-radius:3.40282e38px;position:absolute}ax-time-line-item .ax-time-line-header .ax-time-line-bullet{width:calc(var(--spacing,.25rem) * 3);height:calc(var(--spacing,.25rem) * 3);background-color:var(--color-darkest,rgba(var(--ax-sys-color-darkest-surface)));inset-inline-start:calc(var(--spacing,.25rem) * 2)}ax-time-line-item .ax-time-line-header .ax-time-line-bullet:where(.dark,.dark *){background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}ax-time-line-item .ax-time-line-header .ax-time-line-icon{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);background-color:var(--color-surface);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface)));justify-content:center;align-items:center;display:flex;inset-inline-start:calc(var(--spacing,.25rem) * -1)}ax-time-line-item .ax-time-line-header .ax-time-line-text{flex:1}ax-time-line-item .ax-time-line-header .ax-collapse-arrow{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:block}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.-rotation-90{rotate:-90deg}ax-time-line-item .ax-time-line-header .ax-collapse-arrow.rotation-90{rotate:90deg}ax-time-line-item .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-time-line-item .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1500px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:1500px}to{opacity:0;max-height:0}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }, { type: i0.Output, args: ["isCollapsedChange"] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']