@acorex/components 18.16.0-next.3 → 18.16.0-next.5

package/fesm2022/acorex-components-tabs.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, Output, HostListener, input, viewChild, signal, effect, ContentChildren, HostBinding, NgModule } from '@angular/core';
+import { Directive, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, Output, HostListener, input, viewChild, inject, NgZone, signal, effect, ContentChildren, HostBinding, NgModule } from '@angular/core';
 import { MXInteractiveComponent, AXEvent, MXBaseComponent } from '@acorex/components/common';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -208,13 +208,12 @@ class AXTabsComponent extends MXBaseComponent {
          */
         this.minWidth = false;
         this.indicator = viewChild('indicator');
+        this.zone = inject(NgZone);
         /** @ignore */
         this._isUserInteraction = false;
         this.activeTab = signal(null);
-        this.#lookChange = effect(() => {
-            this.look();
-            this.location();
-            if (this.activeTab()) {
+        this.#tabChange = effect(() => {
+            if (this.activeTab() && this.look() === 'with-line') {
                 this.setIndicatorPosition(this.activeTab());
             }
         });
@@ -234,7 +233,7 @@ class AXTabsComponent extends MXBaseComponent {
     get selectedItem() {
         return this._selectedItem;
     }
-    #lookChange;
+    #tabChange;
     /** @ignore */
     get __hostClass() {
         const cssClasses = [];
@@ -253,6 +252,11 @@ class AXTabsComponent extends MXBaseComponent {
     /** @ignore */
     ngAfterViewInit() {
         this._bindOnClickEvent();
+        this.zone.runOutsideAngular(() => {
+            this.indicator().nativeElement.addEventListener('transitionend', () => {
+                this.setIndicatorPosition(this.activeTab());
+            });
+        });
     }
     /** @ignore */
     _bindOnClickEvent() {
@@ -296,12 +300,13 @@ class AXTabsComponent extends MXBaseComponent {
     }
     setIndicatorPosition(tabItem) {
         const indicatorStyle = this.indicator().nativeElement.style;
+        const itemStats = tabItem.getStats();
         if (this.look() === 'with-line') {
             indicatorStyle.display = 'block';
             if (this.location() === 'top' || this.location() === 'bottom') {
-                indicatorStyle.width = `${tabItem.getStats().width}px`;
+                indicatorStyle.width = `${itemStats.width}px`;
                 indicatorStyle.height = `3px`;
-                indicatorStyle.insetInlineStart = `${tabItem.getStats().left}px`;
+                indicatorStyle.insetInlineStart = `${itemStats.left}px`;
                 indicatorStyle.insetInlineEnd = `unset`;
                 if (this.location() === 'top') {
                     indicatorStyle.top = `0px`;
@@ -314,8 +319,8 @@ class AXTabsComponent extends MXBaseComponent {
             }
             if (this.location() === 'start' || this.location() === 'end') {
                 indicatorStyle.width = ` 0.125rem`;
-                indicatorStyle.height = `${tabItem.getStats().height}px`;
-                indicatorStyle.top = `${tabItem.getStats().top}px`;
+                indicatorStyle.height = `${itemStats.height}px`;
+                indicatorStyle.top = `${itemStats.top}px`;
                 indicatorStyle.bottom = `unset`;
                 if (this.location() === 'start') {
                     indicatorStyle.insetInlineStart = `0px`;
@@ -332,11 +337,11 @@ class AXTabsComponent extends MXBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXTabsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.0", type: AXTabsComponent, 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" } }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], viewQueries: [{ propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-tab-item"></ng-content><span class="ax-tab-indicator" #indicator></span>`, isInline: true, styles: [".ax-dark ax-tabs.ax-look-pills-color ax-tab-item:hover,.ax-dark ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-tabs.ax-look-with-line .ax-tab-indicator{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs .ax-tab-indicator{background-color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:flex;width:100%}ax-tabs ax-tab-item{transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}ax-tabs ax-tab-item .ax-tab-item-text{white-space:nowrap}ax-tabs.ax-tabs-fit ax-tab-item{flex:1 1 0%}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{display:inline-flex;flex-wrap:nowrap;padding-left:.5rem;padding-right:.5rem}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-y:auto;overflow-x:hidden}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-bottom:.75rem}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));padding:.25rem}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));--ax-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ax-shadow-colored: 0 1px 3px 0 var(--ax-shadow-color), 0 1px 2px -1px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-tabs.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line .ax-tab-indicator{position:absolute;background-color:rgba(var(--ax-color-primary-500));transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:1}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{background-color:rgba(var(--ax-color-border-default));height:1px;width:100%}ax-tabs.ax-look-with-line.ax-top .ax-tab-indicator,ax-tabs.ax-look-with-line.ax-bottom .ax-tab-indicator{height:3px;width:50%}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{height:0px;width:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{background-color:rgba(var(--ax-color-border-default));height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start .ax-tab-indicator,ax-tabs.ax-look-with-line.ax-end .ax-tab-indicator{height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-top .ax-tab-indicator{top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top-width:1px;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom .ax-tab-indicator{bottom:0}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start .ax-tab-indicator{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0px}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end .ax-tab-indicator{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0px}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end-width:2px;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;z-index:10;content:\"\"}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding-left:1rem;padding-right:1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{border-bottom-right-radius:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{top:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-bottom{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding-top:.5rem;padding-bottom:.5rem}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{top:0;height:100%;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.5rem .75rem;color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;background-color:rgba(var(--ax-color-surface));content:\"\"}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.0", type: AXTabsComponent, 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" } }, queries: [{ propertyName: "_contentTabs", predicate: AXTabItemComponent }], viewQueries: [{ propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-tab-item"></ng-content><span class="ax-tab-indicator" #indicator></span>`, isInline: true, styles: [".ax-dark ax-tabs.ax-look-pills-color ax-tab-item:hover,.ax-dark ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-tabs.ax-look-with-line .ax-tab-indicator{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs .ax-tab-indicator{background-color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:flex;width:100%}ax-tabs ax-tab-item{transition:color .3s cubic-bezier(.4,0,.2,1) 0ms;-webkit-transition:color .3s cubic-bezier(.4,0,.2,1) 0ms}ax-tabs ax-tab-item .ax-tab-item-text{white-space:nowrap}ax-tabs.ax-tabs-fit ax-tab-item{flex:1 1 0%}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{display:inline-flex;flex-wrap:nowrap;padding-left:.5rem;padding-right:.5rem}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-y:auto;overflow-x:hidden}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-bottom:.75rem}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));padding:.25rem}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));--ax-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ax-shadow-colored: 0 1px 3px 0 var(--ax-shadow-color), 0 1px 2px -1px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-tabs.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line .ax-tab-indicator{position:absolute;background-color:rgba(var(--ax-color-primary-500));z-index:1}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{background-color:rgba(var(--ax-color-border-default));height:1px;width:100%}ax-tabs.ax-look-with-line.ax-top .ax-tab-indicator,ax-tabs.ax-look-with-line.ax-bottom .ax-tab-indicator{height:3px;width:0;transition:.3s cubic-bezier(.4,0,.2,1) 0ms;transition-property:width,left}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{height:0px;width:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{background-color:rgba(var(--ax-color-border-default));height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start .ax-tab-indicator,ax-tabs.ax-look-with-line.ax-end .ax-tab-indicator{height:0;width:.125rem;transition:.3s cubic-bezier(.4,0,.2,1) 0ms;transition-property:height,top}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-top .ax-tab-indicator{top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top-width:1px;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom .ax-tab-indicator{bottom:0}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start .ax-tab-indicator{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0px}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end .ax-tab-indicator{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0px}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end-width:2px;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;z-index:10;content:\"\"}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding-left:1rem;padding-right:1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{border-bottom-right-radius:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{top:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-bottom{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding-top:.5rem;padding-bottom:.5rem}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{top:0;height:100%;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.5rem .75rem;color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;background-color:rgba(var(--ax-color-surface));content:\"\"}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tabs', template: `<ng-content select="ax-tab-item"></ng-content><span class="ax-tab-indicator" #indicator></span>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ax-dark ax-tabs.ax-look-pills-color ax-tab-item:hover,.ax-dark ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-tabs.ax-look-with-line .ax-tab-indicator{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs .ax-tab-indicator{background-color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:flex;width:100%}ax-tabs ax-tab-item{transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}ax-tabs ax-tab-item .ax-tab-item-text{white-space:nowrap}ax-tabs.ax-tabs-fit ax-tab-item{flex:1 1 0%}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{display:inline-flex;flex-wrap:nowrap;padding-left:.5rem;padding-right:.5rem}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-y:auto;overflow-x:hidden}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-bottom:.75rem}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));padding:.25rem}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));--ax-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ax-shadow-colored: 0 1px 3px 0 var(--ax-shadow-color), 0 1px 2px -1px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-tabs.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line .ax-tab-indicator{position:absolute;background-color:rgba(var(--ax-color-primary-500));transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:1}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{background-color:rgba(var(--ax-color-border-default));height:1px;width:100%}ax-tabs.ax-look-with-line.ax-top .ax-tab-indicator,ax-tabs.ax-look-with-line.ax-bottom .ax-tab-indicator{height:3px;width:50%}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{height:0px;width:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{background-color:rgba(var(--ax-color-border-default));height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start .ax-tab-indicator,ax-tabs.ax-look-with-line.ax-end .ax-tab-indicator{height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-top .ax-tab-indicator{top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top-width:1px;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom .ax-tab-indicator{bottom:0}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start .ax-tab-indicator{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0px}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end .ax-tab-indicator{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0px}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end-width:2px;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;z-index:10;content:\"\"}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding-left:1rem;padding-right:1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{border-bottom-right-radius:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{top:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-bottom{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding-top:.5rem;padding-bottom:.5rem}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{top:0;height:100%;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.5rem .75rem;color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;background-color:rgba(var(--ax-color-surface));content:\"\"}\n"] }]
+            args: [{ selector: 'ax-tabs', template: `<ng-content select="ax-tab-item"></ng-content><span class="ax-tab-indicator" #indicator></span>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ax-dark ax-tabs.ax-look-pills-color ax-tab-item:hover,.ax-dark ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-tabs.ax-look-with-line .ax-tab-indicator{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-tabs .ax-tab-indicator{background-color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:flex;width:100%}ax-tabs ax-tab-item{transition:color .3s cubic-bezier(.4,0,.2,1) 0ms;-webkit-transition:color .3s cubic-bezier(.4,0,.2,1) 0ms}ax-tabs ax-tab-item .ax-tab-item-text{white-space:nowrap}ax-tabs.ax-tabs-fit ax-tab-item{flex:1 1 0%}ax-tabs:not(.ax-look-custom) ax-tab-item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem}ax-tabs:not(.ax-look-custom) ax-tab-item .ax-tab-item-text{display:inline-flex;flex-wrap:nowrap;padding-left:.5rem;padding-right:.5rem}ax-tabs:not(.ax-look-custom) ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-top,ax-tabs.ax-bottom{flex-direction:row;overflow-x:auto;overflow-y:hidden}ax-tabs.ax-top ax-tab-item,ax-tabs.ax-bottom ax-tab-item{align-items:center;justify-content:center}ax-tabs.ax-start,ax-tabs.ax-end{flex-direction:column;overflow-y:auto;overflow-x:hidden}ax-tabs.ax-start ax-tab-item,ax-tabs.ax-end ax-tab-item{width:100%}ax-tabs.ax-start ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child),ax-tabs.ax-end ax-tab-item:not(ax-tabs.ax-start ax-tab-item:last-child,ax-tabs.ax-end ax-tab-item:last-child){margin-bottom:.75rem}ax-tabs.ax-start{align-items:flex-start}ax-tabs.ax-end{align-items:flex-end}ax-tabs.ax-look-pills.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-top ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:not(ax-tabs.ax-look-pills.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills.ax-bottom ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-top ax-tab-item:first-child,ax-tabs.ax-look-pills-color.ax-bottom ax-tab-item:first-child){margin-inline-start:.75rem}ax-tabs.ax-look-default{border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));padding:.25rem}ax-tabs.ax-look-default.ax-top ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-default.ax-bottom ax-tab-item:not(ax-tabs.ax-look-default.ax-top ax-tab-item:first-child,ax-tabs.ax-look-default.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-default ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-default ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));--ax-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ax-shadow-colored: 0 1px 3px 0 var(--ax-shadow-color), 0 1px 2px -1px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-tabs.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills ax-tab-item:hover,ax-tabs.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);padding:.5rem .75rem}ax-tabs.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-look-with-line .ax-tab-indicator{position:absolute;background-color:rgba(var(--ax-color-primary-500));z-index:1}ax-tabs.ax-look-with-line.ax-top:after,ax-tabs.ax-look-with-line.ax-bottom:after{background-color:rgba(var(--ax-color-border-default));height:1px;width:100%}ax-tabs.ax-look-with-line.ax-top .ax-tab-indicator,ax-tabs.ax-look-with-line.ax-bottom .ax-tab-indicator{height:3px;width:0;transition:.3s cubic-bezier(.4,0,.2,1) 0ms;transition-property:width,left}ax-tabs.ax-look-with-line.ax-top ax-tab-item,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{padding:.75rem .25rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child{margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item:last-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:last-child{margin-inline-end:1rem}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active:after,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active:after{height:0px;width:100%;background-color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-top ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:not(ax-tabs.ax-look-with-line.ax-top ax-tab-item:first-child,ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:first-child){margin-inline-start:1rem}ax-tabs.ax-look-with-line.ax-start:after,ax-tabs.ax-look-with-line.ax-end:after{background-color:rgba(var(--ax-color-border-default));height:100%;width:.125rem}ax-tabs.ax-look-with-line.ax-start .ax-tab-indicator,ax-tabs.ax-look-with-line.ax-end .ax-tab-indicator{height:0;width:.125rem;transition:.3s cubic-bezier(.4,0,.2,1) 0ms;transition-property:height,top}ax-tabs.ax-look-with-line.ax-start ax-tab-item,ax-tabs.ax-look-with-line.ax-end ax-tab-item{padding:.25rem .75rem}ax-tabs.ax-look-with-line.ax-top .ax-tab-indicator{top:0}ax-tabs.ax-look-with-line.ax-top:after{top:0}ax-tabs.ax-look-with-line.ax-top ax-tab-item{border-top-width:1px;border-color:transparent}ax-tabs.ax-look-with-line.ax-top ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-top ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-bottom .ax-tab-indicator{bottom:0}ax-tabs.ax-look-with-line.ax-bottom:after{bottom:0}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item:hover{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-bottom ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-start .ax-tab-indicator{inset-inline-start:0}ax-tabs.ax-look-with-line.ax-start:after{inset-inline-start:0px}ax-tabs.ax-look-with-line.ax-start ax-tab-item{border-color:transparent}ax-tabs.ax-look-with-line.ax-start ax-tab-item:hover{border-inline-start-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-start ax-tab-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line.ax-end .ax-tab-indicator{inset-inline-end:0}ax-tabs.ax-look-with-line.ax-end:after{inset-inline-end:0px}ax-tabs.ax-look-with-line.ax-end ax-tab-item{border-inline-end-width:2px;border-color:transparent}ax-tabs.ax-look-with-line.ax-end ax-tab-item:hover{border-inline-end-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-with-line.ax-end ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-look-with-line ax-tab-item:after{position:absolute;z-index:10;content:\"\"}ax-tabs.ax-look-with-line:after{position:absolute;content:\"\"}ax-tabs.ax-look-classic.ax-top,ax-tabs.ax-look-classic.ax-bottom{padding-left:1rem;padding-right:1rem}ax-tabs.ax-look-classic.ax-top ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child),ax-tabs.ax-look-classic.ax-bottom ax-tab-item:not(ax-tabs.ax-look-classic.ax-top ax-tab-item:first-child,ax-tabs.ax-look-classic.ax-bottom ax-tab-item:first-child){margin-inline-start:.5rem}ax-tabs.ax-look-classic.ax-top{border-top-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-top ax-tab-item{border-bottom-right-radius:var(--ax-rounded-border-default);border-bottom-left-radius:var(--ax-rounded-border-default);border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active{border-top-color:transparent}ax-tabs.ax-look-classic.ax-top ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-top ax-tab-item.ax-state-active:after{top:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-bottom{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-bottom ax-tab-item{border-top-left-radius:var(--ax-rounded-border-default);border-top-right-radius:var(--ax-rounded-border-default);border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active{border-bottom-color:transparent}ax-tabs.ax-look-classic.ax-bottom ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-bottom ax-tab-item.ax-state-active:after{bottom:-1px;inset-inline-start:0px;height:1px;width:100%}ax-tabs.ax-look-classic.ax-start,ax-tabs.ax-look-classic.ax-end{padding-top:.5rem;padding-bottom:.5rem}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after,ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{top:0;height:100%;width:1px}ax-tabs.ax-look-classic.ax-start{border-inline-end-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-start ax-tab-item{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default);border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active{border-inline-end-color:transparent}ax-tabs.ax-look-classic.ax-start ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-start ax-tab-item.ax-state-active:after{inset-inline-end:-1px}ax-tabs.ax-look-classic.ax-end{border-inline-start-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-look-classic.ax-end ax-tab-item{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active{border-inline-start-color:transparent}ax-tabs.ax-look-classic.ax-end ax-tab-item:hover:after,ax-tabs.ax-look-classic.ax-end ax-tab-item.ax-state-active:after{inset-inline-start:-1px}ax-tabs.ax-look-classic ax-tab-item{border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-on-surface));padding:.5rem .75rem;color:rgba(var(--ax-color-on-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover,ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore))}ax-tabs.ax-look-classic ax-tab-item:hover:after,ax-tabs.ax-look-classic ax-tab-item.ax-state-active:after{position:absolute;background-color:rgba(var(--ax-color-surface));content:\"\"}\n"] }]
         }], propDecorators: { _contentTabs: [{
                 type: ContentChildren,
                 args: [AXTabItemComponent]

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../libs/components/tabs/src/lib/tab-content.directive.ts","../../../../libs/components/tabs/src/lib/tab-item.component.ts","../../../../libs/components/tabs/src/lib/tabs.class.ts","../../../../libs/components/tabs/src/lib/tabs.component.ts","../../../../libs/components/tabs/src/lib/tabs.module.ts","../../../../libs/components/tabs/src/acorex-components-tabs.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n  selector: '[axTabContent]',\n  exportAs: 'axTabContent',\n  inputs: ['portal: axTabContent'],\n})\nexport class AXTabContentDirective {\n  constructor(private _viewContainerRef: ViewContainerRef) {}\n\n  private _portal: TemplateRef<any> | undefined;\n  public get portal(): TemplateRef<any> | undefined {\n    return this._portal;\n  }\n  public set portal(v: TemplateRef<any> | undefined) {\n    if (v) {\n      this._portal = v;\n      this._viewContainerRef.clear();\n      this._viewContainerRef.createEmbeddedView(v, null, 0);\n    }\n  }\n}\n","import { AXClickEvent, MXComponentOptionChanged, MXInteractiveComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @category\n *  Represents an individual tab item in a tab component.\n */\n@Component({\n  selector: 'ax-tab-item',\n  template: `\n    @if (headerTemplate) {\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: {\n            text: this.text,\n            key: this.key,\n            active: this.active,\n            disabled: this.disabled,\n          },\n        }\"\n      ></ng-container>\n    } @else {\n      <ng-content select=\"ax-prefix\"></ng-content>\n      <div class=\"ax-tab-item-text\">{{ text }}</div>\n      <ng-content select=\"ax-suffix\"></ng-content>\n    }\n    <ng-template #content>\n      <ng-content select=\"ax-content\"> </ng-content>\n    </ng-template>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['disabled'],\n  outputs: ['disabledChange', 'onClick', 'onBlur', 'onFocus'],\n})\nexport class AXTabItemComponent extends MXInteractiveComponent {\n  /**\n   * Defines the text content to be displayed within the component.\n   */\n  @Input()\n  text: string;\n\n  /**\n   * Defines a unique identifier for the component instance.\n   */\n  @Input()\n  key: string;\n\n  @ViewChild('content')\n  template: TemplateRef<unknown>;\n\n  /**\n   * Defines a custom template for the component's header.\n   */\n  @Input()\n  headerTemplate: TemplateRef<unknown>;\n\n  /**\n   * Emits an event when the `active` state of the component changes.\n   * @event\n   */\n  @Output()\n  activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  /**\n   * Emits an event when the component is clicked.\n   * @event\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /** @ignore */\n  private _active = false;\n\n  /**\n   * Gets or sets the component's active state, controlling its behavior and appearance.\n   * @param value {boolean}\n   */\n  @Input()\n  public get active(): boolean {\n    return this._active;\n  }\n  public set active(value: boolean) {\n    this.setOption({\n      name: 'active',\n      value,\n      afterCallback: () => {\n        this.cdr.markForCheck();\n      },\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.getHostElement().scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  protected override internalOptionChanged(option: MXComponentOptionChanged<any>): void {\n    //TODO: change to hostbind\n    const classListRef = this.getHostElement().classList;\n    if (option.name == 'disabled') {\n      option.value ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');\n    }\n    if (option.name == 'active') {\n      option.value ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');\n    }\n  }\n\n  getStats() {\n    return {\n      width: this.getHostElement().clientWidth,\n      height: this.getHostElement().clientHeight,\n      left: this.getHostElement().offsetLeft,\n      top: this.getHostElement().offsetTop,\n    };\n  }\n}\n","import { AXEvent } from '@acorex/components/common';\nimport { AXTabItemComponent } from './tab-item.component';\n\nexport class AXTabStripChangedEvent extends AXEvent {\n  tab: AXTabItemComponent;\n  index: number;\n}\n\nexport type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'classic' | 'custom';\n\nexport type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  effect,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  input,\n  Input,\n  Output,\n  QueryList,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabLocation, AXTabLook, AXTabStripChangedEvent } from './tabs.class';\n\n/**\n * @category\n * A component that serves as a container for tab items.\n */\n@Component({\n  selector: 'ax-tabs',\n  template: `<ng-content select=\"ax-tab-item\"></ng-content><span class=\"ax-tab-indicator\" #indicator></span>`,\n  styleUrl: './tabs.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit {\n  /**\n   * @ignore\n   */\n  @ContentChildren(AXTabItemComponent)\n  private _contentTabs!: QueryList<AXTabItemComponent>;\n\n  /**\n   * Sets the appearance style of the tab component.\n   *  @defaultValue 'default'\n   */\n  look = input<AXTabLook>('default');\n\n  /**\n   * Specifies the position of the tab component.\n   * @defaultValue 'bottom'\n   */\n  location = input<AXTabLocation>('bottom');\n\n  /**\n   * @defaultValue 'false'\n   * Specifies whether the component should resize to fit its parent container.\n   */\n  @Input()\n  fitParent = false;\n\n  /**\n   * @defaultValue 'false'\n   * Applies a minimum width constraint to the component.\n   */\n  @Input()\n  minWidth = false;\n\n  /**\n   * The `AXTabContentDirective` associated with the tab.\n   */\n  @Input()\n  content!: AXTabContentDirective;\n\n  private indicator = viewChild<ElementRef<HTMLSpanElement>>('indicator');\n\n  /** @ignore */\n  private _isUserInteraction = false;\n\n  get items(): AXTabItemComponent[] {\n    return this._contentTabs.toArray();\n  }\n\n  /** @ignore */\n  private _selectedItem!: AXTabItemComponent;\n\n  /** @ignore */\n  get selectedIndex(): number {\n    return this.items.indexOf(this._selectedItem);\n  }\n\n  /** @ignore */\n  get selectedItem(): AXTabItemComponent {\n    return this._selectedItem;\n  }\n\n  private activeTab = signal<AXTabItemComponent>(null);\n\n  #lookChange = effect(() => {\n    this.look();\n    this.location();\n    if (this.activeTab()) {\n      this.setIndicatorPosition(this.activeTab());\n    }\n  });\n\n  /**\n   * @event\n   */\n  @Output()\n  onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const cssClasses: string[] = [];\n    cssClasses.push(`ax-look-${this.look()}`);\n    cssClasses.push(`ax-${this.location()}`);\n    if (this.fitParent) cssClasses.push(`ax-tabs-fit`);\n    return cssClasses;\n  }\n\n  /** @ignore */\n  ngAfterContentInit() {\n    this._contentTabs.changes.subscribe(() => {\n      this._bindOnClickEvent();\n    });\n  }\n\n  /** @ignore */\n  ngAfterViewInit() {\n    this._bindOnClickEvent();\n  }\n\n  /** @ignore */\n  private _bindOnClickEvent() {\n    const selected = this.items.find((c) => c.active) || this.items[0];\n    this.select(selected);\n    this.items.forEach((c) => {\n      if (!c.onClick.length) {\n        c.onClick.subscribe((t) => {\n          this._isUserInteraction = t.nativeEvent?.isTrusted;\n          this.select(c);\n        });\n      }\n    });\n  }\n\n  /**\n   * Activates the specified tab and updates the content.\n   *\n   * @param {number | AXTabItemComponent}\n   */\n  select(tab: number | AXTabItemComponent) {\n    const tabItem: AXTabItemComponent = typeof tab == 'number' ? this.items[tab] : tab;\n    this.activeTab.set(tabItem);\n    //\n    if (!tab || this.selectedItem == tabItem) return;\n    this._selectedItem = tabItem;\n    //\n    this.items.forEach((c) => (c.active = false));\n    tabItem.active = true;\n    if (this.content) {\n      this.content.portal = tabItem.template;\n    }\n    this.cdr.markForCheck();\n    this.onActiveTabChanged.emit({\n      component: this,\n      isUserInteraction: this._isUserInteraction,\n      tab: tabItem,\n      index: this.selectedIndex,\n    });\n    this._isUserInteraction = false;\n  }\n\n  private setIndicatorPosition(tabItem: AXTabItemComponent) {\n    const indicatorStyle = this.indicator().nativeElement.style;\n    if (this.look() === 'with-line') {\n      indicatorStyle.display = 'block';\n      if (this.location() === 'top' || this.location() === 'bottom') {\n        indicatorStyle.width = `${tabItem.getStats().width}px`;\n        indicatorStyle.height = `3px`;\n        indicatorStyle.insetInlineStart = `${tabItem.getStats().left}px`;\n        indicatorStyle.insetInlineEnd = `unset`;\n        if (this.location() === 'top') {\n          indicatorStyle.top = `0px`;\n          indicatorStyle.bottom = `unset`;\n        }\n        if (this.location() === 'bottom') {\n          indicatorStyle.top = `unset`;\n          indicatorStyle.bottom = `0px`;\n        }\n      }\n      if (this.location() === 'start' || this.location() === 'end') {\n        indicatorStyle.width = ` 0.125rem`;\n        indicatorStyle.height = `${tabItem.getStats().height}px`;\n        indicatorStyle.top = `${tabItem.getStats().top}px`;\n        indicatorStyle.bottom = `unset`;\n        if (this.location() === 'start') {\n          indicatorStyle.insetInlineStart = `0px`;\n          indicatorStyle.insetInlineEnd = `unset`;\n        }\n        if (this.location() === 'end') {\n          indicatorStyle.insetInlineStart = `unset`;\n          indicatorStyle.insetInlineEnd = `0px`;\n        }\n      }\n    } else {\n      indicatorStyle.display = 'none';\n    }\n  }\n}\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabsComponent } from './tabs.component';\n\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXTabsModule {}\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-tabs.mjs","sources":["../../../../libs/components/tabs/src/lib/tab-content.directive.ts","../../../../libs/components/tabs/src/lib/tab-item.component.ts","../../../../libs/components/tabs/src/lib/tabs.class.ts","../../../../libs/components/tabs/src/lib/tabs.component.ts","../../../../libs/components/tabs/src/lib/tabs.module.ts","../../../../libs/components/tabs/src/acorex-components-tabs.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n  selector: '[axTabContent]',\n  exportAs: 'axTabContent',\n  inputs: ['portal: axTabContent'],\n})\nexport class AXTabContentDirective {\n  constructor(private _viewContainerRef: ViewContainerRef) {}\n\n  private _portal: TemplateRef<any> | undefined;\n  public get portal(): TemplateRef<any> | undefined {\n    return this._portal;\n  }\n  public set portal(v: TemplateRef<any> | undefined) {\n    if (v) {\n      this._portal = v;\n      this._viewContainerRef.clear();\n      this._viewContainerRef.createEmbeddedView(v, null, 0);\n    }\n  }\n}\n","import { AXClickEvent, MXComponentOptionChanged, MXInteractiveComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostListener,\n  Input,\n  Output,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @category\n *  Represents an individual tab item in a tab component.\n */\n@Component({\n  selector: 'ax-tab-item',\n  template: `\n    @if (headerTemplate) {\n      <ng-container\n        [ngTemplateOutlet]=\"headerTemplate\"\n        [ngTemplateOutletContext]=\"{\n          $implicit: {\n            text: this.text,\n            key: this.key,\n            active: this.active,\n            disabled: this.disabled,\n          },\n        }\"\n      ></ng-container>\n    } @else {\n      <ng-content select=\"ax-prefix\"></ng-content>\n      <div class=\"ax-tab-item-text\">{{ text }}</div>\n      <ng-content select=\"ax-suffix\"></ng-content>\n    }\n    <ng-template #content>\n      <ng-content select=\"ax-content\"> </ng-content>\n    </ng-template>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['disabled'],\n  outputs: ['disabledChange', 'onClick', 'onBlur', 'onFocus'],\n})\nexport class AXTabItemComponent extends MXInteractiveComponent {\n  /**\n   * Defines the text content to be displayed within the component.\n   */\n  @Input()\n  text: string;\n\n  /**\n   * Defines a unique identifier for the component instance.\n   */\n  @Input()\n  key: string;\n\n  @ViewChild('content')\n  template: TemplateRef<unknown>;\n\n  /**\n   * Defines a custom template for the component's header.\n   */\n  @Input()\n  headerTemplate: TemplateRef<unknown>;\n\n  /**\n   * Emits an event when the `active` state of the component changes.\n   * @event\n   */\n  @Output()\n  activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  /**\n   * Emits an event when the component is clicked.\n   * @event\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /** @ignore */\n  private _active = false;\n\n  /**\n   * Gets or sets the component's active state, controlling its behavior and appearance.\n   * @param value {boolean}\n   */\n  @Input()\n  public get active(): boolean {\n    return this._active;\n  }\n  public set active(value: boolean) {\n    this.setOption({\n      name: 'active',\n      value,\n      afterCallback: () => {\n        this.cdr.markForCheck();\n      },\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.getHostElement().scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  protected override internalOptionChanged(option: MXComponentOptionChanged<any>): void {\n    //TODO: change to hostbind\n    const classListRef = this.getHostElement().classList;\n    if (option.name == 'disabled') {\n      option.value ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');\n    }\n    if (option.name == 'active') {\n      option.value ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');\n    }\n  }\n\n  getStats() {\n    return {\n      width: this.getHostElement().clientWidth,\n      height: this.getHostElement().clientHeight,\n      left: this.getHostElement().offsetLeft,\n      top: this.getHostElement().offsetTop,\n    };\n  }\n}\n","import { AXEvent } from '@acorex/components/common';\nimport { AXTabItemComponent } from './tab-item.component';\n\nexport class AXTabStripChangedEvent extends AXEvent {\n  tab: AXTabItemComponent;\n  index: number;\n}\n\nexport type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'classic' | 'custom';\n\nexport type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  effect,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  inject,\n  input,\n  Input,\n  NgZone,\n  Output,\n  QueryList,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabLocation, AXTabLook, AXTabStripChangedEvent } from './tabs.class';\n\n/**\n * @category\n * A component that serves as a container for tab items.\n */\n@Component({\n  selector: 'ax-tabs',\n  template: `<ng-content select=\"ax-tab-item\"></ng-content><span class=\"ax-tab-indicator\" #indicator></span>`,\n  styleUrl: './tabs.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit {\n  /**\n   * @ignore\n   */\n  @ContentChildren(AXTabItemComponent)\n  private _contentTabs!: QueryList<AXTabItemComponent>;\n\n  /**\n   * Sets the appearance style of the tab component.\n   *  @defaultValue 'default'\n   */\n  look = input<AXTabLook>('default');\n\n  /**\n   * Specifies the position of the tab component.\n   * @defaultValue 'bottom'\n   */\n  location = input<AXTabLocation>('bottom');\n\n  /**\n   * @defaultValue 'false'\n   * Specifies whether the component should resize to fit its parent container.\n   */\n  @Input()\n  fitParent = false;\n\n  /**\n   * @defaultValue 'false'\n   * Applies a minimum width constraint to the component.\n   */\n  @Input()\n  minWidth = false;\n\n  /**\n   * The `AXTabContentDirective` associated with the tab.\n   */\n  @Input()\n  content!: AXTabContentDirective;\n\n  private indicator = viewChild<ElementRef<HTMLSpanElement>>('indicator');\n\n  private zone = inject(NgZone);\n\n  /** @ignore */\n  private _isUserInteraction = false;\n\n  get items(): AXTabItemComponent[] {\n    return this._contentTabs.toArray();\n  }\n\n  /** @ignore */\n  private _selectedItem!: AXTabItemComponent;\n\n  /** @ignore */\n  get selectedIndex(): number {\n    return this.items.indexOf(this._selectedItem);\n  }\n\n  /** @ignore */\n  get selectedItem(): AXTabItemComponent {\n    return this._selectedItem;\n  }\n\n  private activeTab = signal<AXTabItemComponent>(null);\n\n  #tabChange = effect(() => {\n    if (this.activeTab() && this.look() === 'with-line') {\n      this.setIndicatorPosition(this.activeTab());\n    }\n  });\n\n  /**\n   * @event\n   */\n  @Output()\n  onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const cssClasses: string[] = [];\n    cssClasses.push(`ax-look-${this.look()}`);\n    cssClasses.push(`ax-${this.location()}`);\n    if (this.fitParent) cssClasses.push(`ax-tabs-fit`);\n    return cssClasses;\n  }\n\n  /** @ignore */\n  ngAfterContentInit() {\n    this._contentTabs.changes.subscribe(() => {\n      this._bindOnClickEvent();\n    });\n  }\n\n  /** @ignore */\n  ngAfterViewInit() {\n    this._bindOnClickEvent();\n    this.zone.runOutsideAngular(() => {\n      this.indicator().nativeElement.addEventListener('transitionend', () => {\n        this.setIndicatorPosition(this.activeTab());\n      });\n    });\n  }\n\n  /** @ignore */\n  private _bindOnClickEvent() {\n    const selected = this.items.find((c) => c.active) || this.items[0];\n    this.select(selected);\n    this.items.forEach((c) => {\n      if (!c.onClick.length) {\n        c.onClick.subscribe((t) => {\n          this._isUserInteraction = t.nativeEvent?.isTrusted;\n          this.select(c);\n        });\n      }\n    });\n  }\n\n  /**\n   * Activates the specified tab and updates the content.\n   *\n   * @param {number | AXTabItemComponent}\n   */\n  select(tab: number | AXTabItemComponent) {\n    const tabItem: AXTabItemComponent = typeof tab == 'number' ? this.items[tab] : tab;\n    this.activeTab.set(tabItem);\n    //\n    if (!tab || this.selectedItem == tabItem) return;\n    this._selectedItem = tabItem;\n    //\n    this.items.forEach((c) => (c.active = false));\n    tabItem.active = true;\n    if (this.content) {\n      this.content.portal = tabItem.template;\n    }\n    this.cdr.markForCheck();\n    this.onActiveTabChanged.emit({\n      component: this,\n      isUserInteraction: this._isUserInteraction,\n      tab: tabItem,\n      index: this.selectedIndex,\n    });\n    this._isUserInteraction = false;\n  }\n\n  private setIndicatorPosition(tabItem: AXTabItemComponent) {\n    const indicatorStyle = this.indicator().nativeElement.style;\n    const itemStats = tabItem.getStats();\n    if (this.look() === 'with-line') {\n      indicatorStyle.display = 'block';\n      if (this.location() === 'top' || this.location() === 'bottom') {\n        indicatorStyle.width = `${itemStats.width}px`;\n        indicatorStyle.height = `3px`;\n        indicatorStyle.insetInlineStart = `${itemStats.left}px`;\n        indicatorStyle.insetInlineEnd = `unset`;\n        if (this.location() === 'top') {\n          indicatorStyle.top = `0px`;\n          indicatorStyle.bottom = `unset`;\n        }\n        if (this.location() === 'bottom') {\n          indicatorStyle.top = `unset`;\n          indicatorStyle.bottom = `0px`;\n        }\n      }\n      if (this.location() === 'start' || this.location() === 'end') {\n        indicatorStyle.width = ` 0.125rem`;\n        indicatorStyle.height = `${itemStats.height}px`;\n        indicatorStyle.top = `${itemStats.top}px`;\n        indicatorStyle.bottom = `unset`;\n        if (this.location() === 'start') {\n          indicatorStyle.insetInlineStart = `0px`;\n          indicatorStyle.insetInlineEnd = `unset`;\n        }\n        if (this.location() === 'end') {\n          indicatorStyle.insetInlineStart = `unset`;\n          indicatorStyle.insetInlineEnd = `0px`;\n        }\n      }\n    } else {\n      indicatorStyle.display = 'none';\n    }\n  }\n}\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTabContentDirective } from './tab-content.directive';\nimport { AXTabItemComponent } from './tab-item.component';\nimport { AXTabsComponent } from './tabs.component';\n\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXTabsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-tree-view.mjs

@@ -389,16 +389,17 @@ class AXTreeViewComponent extends NXComponent {
         }));
     }
     setActiveNodeByValueField(valueField, value) {
+        this.itemsSignal().forEach((node) => (node.active = false));
         this.itemsSignal().forEach((node) => {
             if (node[this.valueField()] === valueField) {
                 node.active = value;
+                this.cdr.detectChanges();
             }
             else {
                 if (node?.childrens?.length) {
                     this.setActiveNodeByValueField(node[this.valueField()], value);
                 }
             }
-            this.cdr.detectChanges();
         });
     }
     setExpandNodeByValueField(valueField, value) {
@@ -408,13 +409,13 @@ class AXTreeViewComponent extends NXComponent {
                 if (this.itemsPromise && value && node[this.hasChildField()] && !node?.childrens?.length) {
                     this.fetchData(node[this.valueField()]);
                 }
+                this.cdr.detectChanges();
             }
             else {
                 if (node?.childrens?.length) {
                     this.setExpandNodeByValueField(node[this.valueField()], value);
                 }
             }
-            this.cdr.detectChanges();
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }

package/fesm2022/acorex-components-tree-view.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tree-view.mjs","sources":["../../../../libs/components/tree-view/src/lib/tree-view-item.component.ts","../../../../libs/components/tree-view/src/lib/tree-view-item.component.html","../../../../libs/components/tree-view/src/lib/tree-view.component.ts","../../../../libs/components/tree-view/src/lib/tree-view.component.html","../../../../libs/components/tree-view/src/lib/tree-view.component.module.ts","../../../../libs/components/tree-view/src/acorex-components-tree-view.ts"],"sourcesContent":["import { NXComponent } from '@acorex/components/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTreeItemClickBaseEvent, AXTreeViewSchema } from './tree-view.class';\n\n@Component({\n  selector: 'ax-tree-view-item',\n  templateUrl: 'tree-view-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger('collapseExpand', [\n      state(\n        'collapsed',\n        style({\n          height: '0',\n          overflow: 'hidden',\n          opacity: 0,\n        }),\n      ),\n      state(\n        'expanded',\n        style({\n          height: '*',\n          overflow: 'hidden',\n          opacity: 1,\n        }),\n      ),\n      transition('collapsed <=> expanded', [animate('300ms ease-in-out')]),\n    ]),\n  ],\n})\nexport class AXTreeViewItemComponent extends NXComponent {\n  constructor() {\n    super();\n  }\n\n  item = input<AXTreeViewSchema>();\n\n  onNodeExpand = output<AXTreeItemClickBaseEvent>();\n\n  onNodeClick = output<AXTreeItemClickBaseEvent>();\n\n  isExpanded = model<boolean>(false);\n\n  hasChildField = input<string>();\n\n  isActive = model<boolean>(false);\n\n  onNodeDbClick = output<AXTreeItemClickBaseEvent>();\n\n  isLoading = input<boolean>(false);\n\n  disableField = input<string>();\n\n  protected platformService = inject(AXPlatform);\n\n  protected arrowIcon = computed(() => {\n    if (this.isExpanded()) {\n      return 'ax-tree-view-arrow ax-icon ax-icon-solid ax-icon-chevron-down';\n    } else {\n      return this.platformService.isRtl()\n        ? 'ax-tree-view-arrow ax-icon ax-icon-solid ax-icon-chevron-left'\n        : 'ax-tree-view-arrow ax-icon ax-icon-solid ax-icon-chevron-right';\n    }\n  });\n\n  protected handleArrowNodeClick() {\n    if (this.item()[this.disableField()] || this.isLoading()) {\n      return;\n    }\n\n    this.isExpanded.set(!this.isExpanded());\n\n    this.onNodeExpand.emit({ component: this, data: this.item(), nativeElement: this.nativeElement });\n  }\n\n  protected handleTextClick(item: AXTreeViewSchema) {\n    this.onNodeClick.emit({ component: this, data: item, nativeElement: this.nativeElement });\n  }\n\n  protected handleTextDbClick(item: AXTreeViewSchema) {\n    if (item[this.disableField()]) {\n      return;\n    }\n    if (item?.childrens?.length || item[this.hasChildField()]) {\n      this.isExpanded.set(!this.isExpanded());\n      this.onNodeDbClick.emit({ component: this, data: item, nativeElement: this.nativeElement });\n    }\n  }\n}\n","<div class=\"ax-tree-view-container\">\n  @if ((item().childrens && !isLoading()) || (item()[hasChildField()] && !isLoading())) {\n    <i\n      [class.ax-state-disabled]=\"item()[disableField()]\"\n      (click)=\"handleArrowNodeClick()\"\n      class=\"{{ arrowIcon() }}\"\n    ></i>\n  } @else if (isLoading()) {\n    <ax-loading></ax-loading>\n  } @else {\n    <i class=\"ax-icon\"></i>\n  }\n\n  <div class=\"ax-tree-view-items\">\n    <ng-content select=\"ax-check-box\"></ng-content>\n    <div\n      [class.ax-state-disabled]=\"item()[disableField()]\"\n      [axTooltip]=\"item().tooltip\"\n      axTooltipPlacement=\"end-bottom\"\n      (click)=\"handleTextClick(item())\"\n      (dblclick)=\"handleTextDbClick(item())\"\n      class=\"ax-tree-view-items-prefix noselect-tree-view\"\n      [class.ax-state-tree-view-active]=\"item().active\"\n    >\n      <ng-content select=\"ax-prefix\"></ng-content>\n      <ng-content select=\"ax-text\"></ng-content>\n      <ng-content select=\"ax-suffix\"></ng-content>\n    </div>\n  </div>\n</div>\n\n<div\n  class=\"{{ platformService.isRtl() ? 'ax-state-tree-view-rtl' : 'ax-state-tree-view-ltr' }}\"\n  [@collapseExpand]=\"isExpanded() ? 'expanded' : 'collapsed'\"\n>\n  <ng-content></ng-content>\n</div>\n","import { AXValueChangedEvent, NXComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTreeItemClickBaseEvent, AXTreeViewSchema, SelectionBehaviorType } from './tree-view.class';\n\n@Component({\n  selector: 'ax-tree-view',\n  templateUrl: 'tree-view.component.html',\n  styleUrls: ['tree-view.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXTreeViewComponent extends NXComponent {\n  constructor() {\n    super();\n  }\n\n  private itemsSignal = signal<AXTreeViewSchema[]>([]);\n\n  private itemsPromise: any;\n\n  private cdr = inject(ChangeDetectorRef);\n\n  #effect = effect(\n    () => {\n      const itemsInput = this.items();\n\n      if (typeof itemsInput === 'function') {\n        const result = itemsInput();\n        if (result instanceof Promise) {\n          this.itemsPromise = (options) => itemsInput(options);\n          this.fetchData();\n        } else {\n          this.itemsSignal.set(result);\n          this.itemsPromise = null;\n        }\n      } else {\n        this.itemsSignal.set(itemsInput);\n        this.itemsPromise = null;\n      }\n    },\n    { allowSignalWrites: true },\n  );\n\n  items = input<\n    | AXTreeViewSchema[]\n    | ((options?: { parentId: string | number }) => AXTreeViewSchema[] | Promise<AXTreeViewSchema[]>)\n  >();\n\n  protected get resolvedItems() {\n    return this.itemsSignal();\n  }\n\n  selectable = input<boolean>(true);\n\n  selectionMode = input<'single' | 'multiple'>('single');\n\n  selectionBehavior = input<SelectionBehaviorType>(null);\n\n  showActiveNode = input<boolean>(true);\n\n  valueField = input<string>('id');\n\n  textField = input<string>('text');\n\n  visibleField = input<string>('visible');\n\n  disableField = input<string>('disabled');\n\n  hasChildField = input<string>('hasChild');\n\n  iconField = input<string>('icon');\n\n  onSelectionChange = output<AXTreeItemClickBaseEvent>();\n\n  onItemClick = output<AXTreeItemClickBaseEvent>();\n\n  onNodeClick = output<AXTreeItemClickBaseEvent>();\n\n  onNodeExpandClick = output<AXTreeItemClickBaseEvent>();\n\n  protected handleNodeSelectionClick(event: AXValueChangedEvent, item: AXTreeViewSchema) {\n    if (item[this.disableField()] || this.isNodeLoading(item.id)) {\n      return;\n    }\n\n    if (this.selectionMode() === 'single' && event.isUserInteraction) {\n      this.handleUnSelectNode(this.itemsSignal());\n    }\n    item.selected = event.value;\n\n    if (event.value != null) {\n      switch (this.selectionBehavior()) {\n        case 'autoExpand':\n          if (event.value) {\n            if (this.itemsPromise && item[this.hasChildField()] && !item?.childrens?.length) {\n              this.fetchData(item.id);\n              this.setNodeLoading(item.id, true);\n            }\n\n            this.toggleExpand(item);\n          }\n          break;\n        case 'cascade':\n          if (this.itemsPromise) {\n            console.error('This mode only available client Side');\n            return;\n          }\n          if (this.selectionMode() === 'single') {\n            console.error('This mode only available selectionMode multiple');\n            return;\n          }\n          this.expandAndToggleSelection(item, event.value);\n          break;\n        case 'indeterminate':\n          if (item?.childrens?.length) {\n            this.applySelectionToChildren(item, event.value, item[this.valueField()]);\n          }\n          this.updateParentSelection(item, event.value);\n          break;\n        default:\n          break;\n      }\n    }\n\n    if (event.isUserInteraction) {\n      const result: AXTreeViewSchema[] = this.findSelectedNodes(this.itemsSignal());\n\n      this.onSelectionChange.emit({\n        component: this,\n        data: result,\n        nativeElement: this.nativeElement,\n      });\n\n      this.onItemClick.emit({ component: this, data: item, nativeElement: this.nativeElement });\n    }\n  }\n\n  /**\n   *\n   * auto expand\n   *\n   */\n  private toggleExpand(item: AXTreeViewSchema) {\n    if (!item.isExpanded) {\n      item.isExpanded = true;\n    }\n  }\n\n  /**\n   *\n   * expand and change value parent change\n   *\n   */\n\n  private expandAndToggleSelection(item: AXTreeViewSchema, selected: boolean) {\n    this.toggleExpand(item);\n\n    if (item.childrens?.length) {\n      this.applySelectionToChildren(item, selected, item[this.valueField()]);\n    }\n  }\n\n  private applySelectionToChildren(item: AXTreeViewSchema, isSelected: boolean, parentId?: number | string) {\n    item.childrens.forEach((child) => {\n      child.parentId = parentId;\n      child.selected = isSelected;\n      if (child.childrens?.length) {\n        this.applySelectionToChildren(child, isSelected, child.id);\n      }\n    });\n  }\n\n  /**\n   *\n   * indeterminate logic\n   *\n   */\n\n  private updateParentSelection(item: AXTreeViewSchema, selected: boolean) {\n    item.selected = selected;\n\n    let parent = this.findParent(item, this.itemsSignal());\n\n    while ((parent && parent.selected != false) || (parent && item.selected)) {\n      const allSelected = parent?.childrens?.every((child) => child.selected);\n\n      const someSelected = parent?.childrens?.some((child) => child.selected || child.indeterminate);\n\n      if (!allSelected && !someSelected) {\n        parent.selected = false;\n        parent.indeterminate = null;\n      } else if (!allSelected) {\n        parent.indeterminate = true;\n        parent.selected = null;\n      } else if (allSelected) {\n        parent.selected = true;\n        parent.indeterminate = false;\n      } else {\n        parent.indeterminate = false;\n        parent.selected = true;\n      }\n\n      parent = this.findParent(parent, this.itemsSignal());\n    }\n  }\n\n  private findParent(item: AXTreeViewSchema, nodes: AXTreeViewSchema[]): AXTreeViewSchema | null {\n    for (let node of nodes) {\n      if (node.childrens?.includes(item)) {\n        return node;\n      } else if (node.childrens) {\n        const parent = this.findParent(item, node.childrens);\n        if (parent) return parent;\n      }\n    }\n    return null;\n  }\n\n  /**\n   *\n   * find node selected true for emit Selections\n   *\n   */\n\n  private findSelectedNodes(nodes: AXTreeViewSchema[]): AXTreeViewSchema[] {\n    let selectedNodes: AXTreeViewSchema[] = [];\n\n    nodes.forEach((node) => {\n      if (node.selected) {\n        selectedNodes.push(node);\n      }\n\n      if (node.childrens) {\n        selectedNodes = selectedNodes.concat(this.findSelectedNodes(node.childrens));\n      }\n    });\n\n    return selectedNodes;\n  }\n\n  /**\n   *\n   * find for emit Selections single mode\n   *\n   */\n\n  private handleUnSelectNode(items: AXTreeViewSchema[]) {\n    items.forEach((child) => {\n      child.selected = false;\n      if (child?.childrens?.length) {\n        this.handleUnSelectNode(child.childrens);\n      }\n    });\n  }\n\n  /**\n   *\n   * lazy load logic\n   *\n   */\n\n  private fetchData(parentId?: number | string) {\n    this.itemsPromise({ parentId })\n      .then((data: AXTreeViewSchema[]) => {\n        if (Array.isArray(data)) {\n          if (parentId) {\n            this.findNode(parentId, data, this.itemsSignal());\n          } else {\n            this.itemsSignal.set(data);\n          }\n        }\n      })\n      .finally(() => {\n        this.setNodeLoading(parentId, false);\n      });\n  }\n\n  private findNode(parentId: number | string, _children: AXTreeViewSchema[], source: AXTreeViewSchema[]) {\n    if (source.length) {\n      source.forEach((element) => {\n        if (element[this.valueField()] == parentId) {\n          if (this.selectionBehavior() === 'indeterminate' && element.selected) {\n            _children.forEach((child) => (child.selected = true));\n          }\n          element.childrens = _children;\n        } else {\n          if (element?.childrens) this.findNode(parentId, _children, element.childrens);\n        }\n      });\n    }\n  }\n\n  /**\n   *\n   * emit when arrow click\n   *\n   */\n\n  protected handleNodeExpandClick(node: AXTreeItemClickBaseEvent) {\n    const parentId = node.data.id;\n    if (this.itemsPromise && node.data.isExpanded && !node?.data.childrens?.length) {\n      this.fetchData(parentId);\n      this.setNodeLoading(node.data.id, true);\n    }\n    this.onNodeExpandClick.emit({ component: this, data: node.data, nativeElement: this.nativeElement });\n  }\n\n  protected handleNodeClick(node: AXTreeItemClickBaseEvent) {\n    if (node.data[this.disableField()]) {\n      return;\n    }\n    if (this.showActiveNode()) {\n      this.handleUnActiveNode(this.itemsSignal());\n      node.data.active = true;\n    }\n    ///to do\n    // switch (this.selectionBehavior()) {\n    //   case 'activeAndSelect':\n    //     if (this.selectionMode() === 'single') {\n    //       this.handleUnselectNode(this.itemsSignal());\n    //     }\n    //     node.selected = true;\n\n    //     break;\n\n    //   default:\n    //     break;\n    // }\n    this.onNodeClick.emit({ component: this, data: node.data, nativeElement: this.nativeElement });\n  }\n\n  private handleUnActiveNode(unActiveSource: AXTreeViewSchema[]) {\n    unActiveSource.forEach((child) => {\n      child.active = false;\n      if (child?.childrens?.length) {\n        this.handleUnActiveNode(child.childrens);\n      }\n    });\n  }\n\n  protected handleNodeDbClick(node: AXTreeItemClickBaseEvent) {\n    if (this.itemsPromise) {\n      const nodeParentId = node.data.id;\n      this.fetchData(nodeParentId);\n      this.setNodeLoading(node.data.id, true);\n    }\n  }\n\n  private loadingState = signal<Record<string | number, boolean>>({});\n\n  protected isNodeLoading(nodeId: string | number): boolean {\n    return this.loadingState()[nodeId] || false;\n  }\n\n  private setNodeLoading(nodeId: string | number, isLoading: boolean): void {\n    this.loadingState.update((state) => ({\n      ...state,\n      [nodeId]: isLoading,\n    }));\n  }\n\n  public setActiveNodeByValueField(valueField: number | string, value: boolean) {\n    this.itemsSignal().forEach((node) => {\n      if (node[this.valueField()] === valueField) {\n        node.active = value;\n      } else {\n        if (node?.childrens?.length) {\n          this.setActiveNodeByValueField(node[this.valueField()], value);\n        }\n      }\n      this.cdr.detectChanges();\n    });\n  }\n\n  public setExpandNodeByValueField(valueField: number | string, value: boolean) {\n    this.itemsSignal().forEach((node) => {\n      if (node[this.valueField()] === valueField) {\n        node.isExpanded = value;\n        if (this.itemsPromise && value && node[this.hasChildField()] && !node?.childrens?.length) {\n          this.fetchData(node[this.valueField()]);\n        }\n      } else {\n        if (node?.childrens?.length) {\n          this.setExpandNodeByValueField(node[this.valueField()], value);\n        }\n      }\n      this.cdr.detectChanges();\n    });\n  }\n}\n","@for (node of resolvedItems; track $index) {\n  <ng-container [ngTemplateOutlet]=\"Recursion\" [ngTemplateOutletContext]=\"{ $implicit: node }\"></ng-container>\n}\n\n<ng-template #Recursion let-item>\n  @if (item[visibleField()] !== false) {\n    <ax-tree-view-item\n      [item]=\"item\"\n      [(isExpanded)]=\"item.isExpanded\"\n      [(isActive)]=\"item.active\"\n      [isLoading]=\"isNodeLoading(item.id)\"\n      [disableField]=\"disableField()\"\n      [hasChildField]=\"hasChildField()\"\n      (onNodeExpand)=\"handleNodeExpandClick($event)\"\n      (onNodeClick)=\"handleNodeClick($event)\"\n      (onNodeDbClick)=\"handleNodeDbClick($event)\"\n    >\n      @if (this.selectable()) {\n        <ax-check-box\n          [disabled]=\"item[disableField()]\"\n          [indeterminate]=\"item.indeterminate\"\n          [(ngModel)]=\"item.selected\"\n          (onValueChanged)=\"handleNodeSelectionClick($event, item)\"\n        ></ax-check-box>\n      }\n      <ax-prefix>\n        @if (item[iconField()]) {\n          <ax-icon [icon]=\"item[iconField()]\"></ax-icon>\n        } @else {\n          <i></i>\n        }\n      </ax-prefix>\n      @if (item[textField()]) {\n        <ax-text>{{ item[textField()] }}</ax-text>\n      }\n\n      <ax-suffix></ax-suffix>\n      @for (child of item?.childrens; track $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"Recursion\"\n          [ngTemplateOutletContext]=\"{ $implicit: child }\"\n        ></ng-container>\n      }\n    </ax-tree-view-item>\n  }\n</ng-template>\n","import { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXTreeViewItemComponent } from './tree-view-item.component';\nimport { AXTreeViewComponent } from './tree-view.component';\n@NgModule({\n  imports: [\n    CommonModule,\n    AXCommonModule,\n    AXDecoratorModule,\n    AXCheckBoxModule,\n    AXFormModule,\n    FormsModule,\n    AXTooltipModule,\n    AXLoadingModule,\n  ],\n  exports: [AXTreeViewComponent, AXTreeViewItemComponent],\n  declarations: [AXTreeViewComponent, AXTreeViewItemComponent],\n  providers: [],\n})\nexport class AXTreeViewModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i5.AXTreeViewItemComponent"],"mappings":"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"}
+{"version":3,"file":"acorex-components-tree-view.mjs","sources":["../../../../libs/components/tree-view/src/lib/tree-view-item.component.ts","../../../../libs/components/tree-view/src/lib/tree-view-item.component.html","../../../../libs/components/tree-view/src/lib/tree-view.component.ts","../../../../libs/components/tree-view/src/lib/tree-view.component.html","../../../../libs/components/tree-view/src/lib/tree-view.component.module.ts","../../../../libs/components/tree-view/src/acorex-components-tree-view.ts"],"sourcesContent":["import { NXComponent } from '@acorex/components/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { animate, state, style, transition, trigger } from '@angular/animations';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTreeItemClickBaseEvent, AXTreeViewSchema } from './tree-view.class';\n\n@Component({\n  selector: 'ax-tree-view-item',\n  templateUrl: 'tree-view-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger('collapseExpand', [\n      state(\n        'collapsed',\n        style({\n          height: '0',\n          overflow: 'hidden',\n          opacity: 0,\n        }),\n      ),\n      state(\n        'expanded',\n        style({\n          height: '*',\n          overflow: 'hidden',\n          opacity: 1,\n        }),\n      ),\n      transition('collapsed <=> expanded', [animate('300ms ease-in-out')]),\n    ]),\n  ],\n})\nexport class AXTreeViewItemComponent extends NXComponent {\n  constructor() {\n    super();\n  }\n\n  item = input<AXTreeViewSchema>();\n\n  onNodeExpand = output<AXTreeItemClickBaseEvent>();\n\n  onNodeClick = output<AXTreeItemClickBaseEvent>();\n\n  isExpanded = model<boolean>(false);\n\n  hasChildField = input<string>();\n\n  isActive = model<boolean>(false);\n\n  onNodeDbClick = output<AXTreeItemClickBaseEvent>();\n\n  isLoading = input<boolean>(false);\n\n  disableField = input<string>();\n\n  protected platformService = inject(AXPlatform);\n\n  protected arrowIcon = computed(() => {\n    if (this.isExpanded()) {\n      return 'ax-tree-view-arrow ax-icon ax-icon-solid ax-icon-chevron-down';\n    } else {\n      return this.platformService.isRtl()\n        ? 'ax-tree-view-arrow ax-icon ax-icon-solid ax-icon-chevron-left'\n        : 'ax-tree-view-arrow ax-icon ax-icon-solid ax-icon-chevron-right';\n    }\n  });\n\n  protected handleArrowNodeClick() {\n    if (this.item()[this.disableField()] || this.isLoading()) {\n      return;\n    }\n\n    this.isExpanded.set(!this.isExpanded());\n\n    this.onNodeExpand.emit({ component: this, data: this.item(), nativeElement: this.nativeElement });\n  }\n\n  protected handleTextClick(item: AXTreeViewSchema) {\n    this.onNodeClick.emit({ component: this, data: item, nativeElement: this.nativeElement });\n  }\n\n  protected handleTextDbClick(item: AXTreeViewSchema) {\n    if (item[this.disableField()]) {\n      return;\n    }\n    if (item?.childrens?.length || item[this.hasChildField()]) {\n      this.isExpanded.set(!this.isExpanded());\n      this.onNodeDbClick.emit({ component: this, data: item, nativeElement: this.nativeElement });\n    }\n  }\n}\n","<div class=\"ax-tree-view-container\">\n  @if ((item().childrens && !isLoading()) || (item()[hasChildField()] && !isLoading())) {\n    <i\n      [class.ax-state-disabled]=\"item()[disableField()]\"\n      (click)=\"handleArrowNodeClick()\"\n      class=\"{{ arrowIcon() }}\"\n    ></i>\n  } @else if (isLoading()) {\n    <ax-loading></ax-loading>\n  } @else {\n    <i class=\"ax-icon\"></i>\n  }\n\n  <div class=\"ax-tree-view-items\">\n    <ng-content select=\"ax-check-box\"></ng-content>\n    <div\n      [class.ax-state-disabled]=\"item()[disableField()]\"\n      [axTooltip]=\"item().tooltip\"\n      axTooltipPlacement=\"end-bottom\"\n      (click)=\"handleTextClick(item())\"\n      (dblclick)=\"handleTextDbClick(item())\"\n      class=\"ax-tree-view-items-prefix noselect-tree-view\"\n      [class.ax-state-tree-view-active]=\"item().active\"\n    >\n      <ng-content select=\"ax-prefix\"></ng-content>\n      <ng-content select=\"ax-text\"></ng-content>\n      <ng-content select=\"ax-suffix\"></ng-content>\n    </div>\n  </div>\n</div>\n\n<div\n  class=\"{{ platformService.isRtl() ? 'ax-state-tree-view-rtl' : 'ax-state-tree-view-ltr' }}\"\n  [@collapseExpand]=\"isExpanded() ? 'expanded' : 'collapsed'\"\n>\n  <ng-content></ng-content>\n</div>\n","import { AXValueChangedEvent, NXComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTreeItemClickBaseEvent, AXTreeViewSchema, SelectionBehaviorType } from './tree-view.class';\n\n@Component({\n  selector: 'ax-tree-view',\n  templateUrl: 'tree-view.component.html',\n  styleUrls: ['tree-view.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXTreeViewComponent extends NXComponent {\n  constructor() {\n    super();\n  }\n\n  private itemsSignal = signal<AXTreeViewSchema[]>([]);\n\n  private itemsPromise: any;\n\n  private cdr = inject(ChangeDetectorRef);\n\n  #effect = effect(\n    () => {\n      const itemsInput = this.items();\n\n      if (typeof itemsInput === 'function') {\n        const result = itemsInput();\n        if (result instanceof Promise) {\n          this.itemsPromise = (options) => itemsInput(options);\n          this.fetchData();\n        } else {\n          this.itemsSignal.set(result);\n          this.itemsPromise = null;\n        }\n      } else {\n        this.itemsSignal.set(itemsInput);\n        this.itemsPromise = null;\n      }\n    },\n    { allowSignalWrites: true },\n  );\n\n  items = input<\n    | AXTreeViewSchema[]\n    | ((options?: { parentId: string | number }) => AXTreeViewSchema[] | Promise<AXTreeViewSchema[]>)\n  >();\n\n  protected get resolvedItems() {\n    return this.itemsSignal();\n  }\n\n  selectable = input<boolean>(true);\n\n  selectionMode = input<'single' | 'multiple'>('single');\n\n  selectionBehavior = input<SelectionBehaviorType>(null);\n\n  showActiveNode = input<boolean>(true);\n\n  valueField = input<string>('id');\n\n  textField = input<string>('text');\n\n  visibleField = input<string>('visible');\n\n  disableField = input<string>('disabled');\n\n  hasChildField = input<string>('hasChild');\n\n  iconField = input<string>('icon');\n\n  onSelectionChange = output<AXTreeItemClickBaseEvent>();\n\n  onItemClick = output<AXTreeItemClickBaseEvent>();\n\n  onNodeClick = output<AXTreeItemClickBaseEvent>();\n\n  onNodeExpandClick = output<AXTreeItemClickBaseEvent>();\n\n  protected handleNodeSelectionClick(event: AXValueChangedEvent, item: AXTreeViewSchema) {\n    if (item[this.disableField()] || this.isNodeLoading(item.id)) {\n      return;\n    }\n\n    if (this.selectionMode() === 'single' && event.isUserInteraction) {\n      this.handleUnSelectNode(this.itemsSignal());\n    }\n    item.selected = event.value;\n\n    if (event.value != null) {\n      switch (this.selectionBehavior()) {\n        case 'autoExpand':\n          if (event.value) {\n            if (this.itemsPromise && item[this.hasChildField()] && !item?.childrens?.length) {\n              this.fetchData(item.id);\n              this.setNodeLoading(item.id, true);\n            }\n\n            this.toggleExpand(item);\n          }\n          break;\n        case 'cascade':\n          if (this.itemsPromise) {\n            console.error('This mode only available client Side');\n            return;\n          }\n          if (this.selectionMode() === 'single') {\n            console.error('This mode only available selectionMode multiple');\n            return;\n          }\n          this.expandAndToggleSelection(item, event.value);\n          break;\n        case 'indeterminate':\n          if (item?.childrens?.length) {\n            this.applySelectionToChildren(item, event.value, item[this.valueField()]);\n          }\n          this.updateParentSelection(item, event.value);\n          break;\n        default:\n          break;\n      }\n    }\n\n    if (event.isUserInteraction) {\n      const result: AXTreeViewSchema[] = this.findSelectedNodes(this.itemsSignal());\n\n      this.onSelectionChange.emit({\n        component: this,\n        data: result,\n        nativeElement: this.nativeElement,\n      });\n\n      this.onItemClick.emit({ component: this, data: item, nativeElement: this.nativeElement });\n    }\n  }\n\n  /**\n   *\n   * auto expand\n   *\n   */\n  private toggleExpand(item: AXTreeViewSchema) {\n    if (!item.isExpanded) {\n      item.isExpanded = true;\n    }\n  }\n\n  /**\n   *\n   * expand and change value parent change\n   *\n   */\n\n  private expandAndToggleSelection(item: AXTreeViewSchema, selected: boolean) {\n    this.toggleExpand(item);\n\n    if (item.childrens?.length) {\n      this.applySelectionToChildren(item, selected, item[this.valueField()]);\n    }\n  }\n\n  private applySelectionToChildren(item: AXTreeViewSchema, isSelected: boolean, parentId?: number | string) {\n    item.childrens.forEach((child) => {\n      child.parentId = parentId;\n      child.selected = isSelected;\n      if (child.childrens?.length) {\n        this.applySelectionToChildren(child, isSelected, child.id);\n      }\n    });\n  }\n\n  /**\n   *\n   * indeterminate logic\n   *\n   */\n\n  private updateParentSelection(item: AXTreeViewSchema, selected: boolean) {\n    item.selected = selected;\n\n    let parent = this.findParent(item, this.itemsSignal());\n\n    while ((parent && parent.selected != false) || (parent && item.selected)) {\n      const allSelected = parent?.childrens?.every((child) => child.selected);\n\n      const someSelected = parent?.childrens?.some((child) => child.selected || child.indeterminate);\n\n      if (!allSelected && !someSelected) {\n        parent.selected = false;\n        parent.indeterminate = null;\n      } else if (!allSelected) {\n        parent.indeterminate = true;\n        parent.selected = null;\n      } else if (allSelected) {\n        parent.selected = true;\n        parent.indeterminate = false;\n      } else {\n        parent.indeterminate = false;\n        parent.selected = true;\n      }\n\n      parent = this.findParent(parent, this.itemsSignal());\n    }\n  }\n\n  private findParent(item: AXTreeViewSchema, nodes: AXTreeViewSchema[]): AXTreeViewSchema | null {\n    for (let node of nodes) {\n      if (node.childrens?.includes(item)) {\n        return node;\n      } else if (node.childrens) {\n        const parent = this.findParent(item, node.childrens);\n        if (parent) return parent;\n      }\n    }\n    return null;\n  }\n\n  /**\n   *\n   * find node selected true for emit Selections\n   *\n   */\n\n  private findSelectedNodes(nodes: AXTreeViewSchema[]): AXTreeViewSchema[] {\n    let selectedNodes: AXTreeViewSchema[] = [];\n\n    nodes.forEach((node) => {\n      if (node.selected) {\n        selectedNodes.push(node);\n      }\n\n      if (node.childrens) {\n        selectedNodes = selectedNodes.concat(this.findSelectedNodes(node.childrens));\n      }\n    });\n\n    return selectedNodes;\n  }\n\n  /**\n   *\n   * find for emit Selections single mode\n   *\n   */\n\n  private handleUnSelectNode(items: AXTreeViewSchema[]) {\n    items.forEach((child) => {\n      child.selected = false;\n      if (child?.childrens?.length) {\n        this.handleUnSelectNode(child.childrens);\n      }\n    });\n  }\n\n  /**\n   *\n   * lazy load logic\n   *\n   */\n\n  private fetchData(parentId?: number | string) {\n    this.itemsPromise({ parentId })\n      .then((data: AXTreeViewSchema[]) => {\n        if (Array.isArray(data)) {\n          if (parentId) {\n            this.findNode(parentId, data, this.itemsSignal());\n          } else {\n            this.itemsSignal.set(data);\n          }\n        }\n      })\n      .finally(() => {\n        this.setNodeLoading(parentId, false);\n      });\n  }\n\n  private findNode(parentId: number | string, _children: AXTreeViewSchema[], source: AXTreeViewSchema[]) {\n    if (source.length) {\n      source.forEach((element) => {\n        if (element[this.valueField()] == parentId) {\n          if (this.selectionBehavior() === 'indeterminate' && element.selected) {\n            _children.forEach((child) => (child.selected = true));\n          }\n          element.childrens = _children;\n        } else {\n          if (element?.childrens) this.findNode(parentId, _children, element.childrens);\n        }\n      });\n    }\n  }\n\n  /**\n   *\n   * emit when arrow click\n   *\n   */\n\n  protected handleNodeExpandClick(node: AXTreeItemClickBaseEvent) {\n    const parentId = node.data.id;\n    if (this.itemsPromise && node.data.isExpanded && !node?.data.childrens?.length) {\n      this.fetchData(parentId);\n      this.setNodeLoading(node.data.id, true);\n    }\n    this.onNodeExpandClick.emit({ component: this, data: node.data, nativeElement: this.nativeElement });\n  }\n\n  protected handleNodeClick(node: AXTreeItemClickBaseEvent) {\n    if (node.data[this.disableField()]) {\n      return;\n    }\n    if (this.showActiveNode()) {\n      this.handleUnActiveNode(this.itemsSignal());\n      node.data.active = true;\n    }\n    ///to do\n    // switch (this.selectionBehavior()) {\n    //   case 'activeAndSelect':\n    //     if (this.selectionMode() === 'single') {\n    //       this.handleUnselectNode(this.itemsSignal());\n    //     }\n    //     node.selected = true;\n\n    //     break;\n\n    //   default:\n    //     break;\n    // }\n    this.onNodeClick.emit({ component: this, data: node.data, nativeElement: this.nativeElement });\n  }\n\n  private handleUnActiveNode(unActiveSource: AXTreeViewSchema[]) {\n    unActiveSource.forEach((child) => {\n      child.active = false;\n      if (child?.childrens?.length) {\n        this.handleUnActiveNode(child.childrens);\n      }\n    });\n  }\n\n  protected handleNodeDbClick(node: AXTreeItemClickBaseEvent) {\n    if (this.itemsPromise) {\n      const nodeParentId = node.data.id;\n      this.fetchData(nodeParentId);\n      this.setNodeLoading(node.data.id, true);\n    }\n  }\n\n  private loadingState = signal<Record<string | number, boolean>>({});\n\n  protected isNodeLoading(nodeId: string | number): boolean {\n    return this.loadingState()[nodeId] || false;\n  }\n\n  private setNodeLoading(nodeId: string | number, isLoading: boolean): void {\n    this.loadingState.update((state) => ({\n      ...state,\n      [nodeId]: isLoading,\n    }));\n  }\n\n  public setActiveNodeByValueField(valueField: number | string, value: boolean) {\n    this.itemsSignal().forEach((node) => (node.active = false));\n    this.itemsSignal().forEach((node) => {\n      if (node[this.valueField()] === valueField) {\n        node.active = value;\n        this.cdr.detectChanges();\n      } else {\n        if (node?.childrens?.length) {\n          this.setActiveNodeByValueField(node[this.valueField()], value);\n        }\n      }\n    });\n  }\n\n  public setExpandNodeByValueField(valueField: number | string, value: boolean) {\n    this.itemsSignal().forEach((node) => {\n      if (node[this.valueField()] === valueField) {\n        node.isExpanded = value;\n        if (this.itemsPromise && value && node[this.hasChildField()] && !node?.childrens?.length) {\n          this.fetchData(node[this.valueField()]);\n        }\n        this.cdr.detectChanges();\n      } else {\n        if (node?.childrens?.length) {\n          this.setExpandNodeByValueField(node[this.valueField()], value);\n        }\n      }\n    });\n  }\n}\n","@for (node of resolvedItems; track $index) {\n  <ng-container [ngTemplateOutlet]=\"Recursion\" [ngTemplateOutletContext]=\"{ $implicit: node }\"></ng-container>\n}\n\n<ng-template #Recursion let-item>\n  @if (item[visibleField()] !== false) {\n    <ax-tree-view-item\n      [item]=\"item\"\n      [(isExpanded)]=\"item.isExpanded\"\n      [(isActive)]=\"item.active\"\n      [isLoading]=\"isNodeLoading(item.id)\"\n      [disableField]=\"disableField()\"\n      [hasChildField]=\"hasChildField()\"\n      (onNodeExpand)=\"handleNodeExpandClick($event)\"\n      (onNodeClick)=\"handleNodeClick($event)\"\n      (onNodeDbClick)=\"handleNodeDbClick($event)\"\n    >\n      @if (this.selectable()) {\n        <ax-check-box\n          [disabled]=\"item[disableField()]\"\n          [indeterminate]=\"item.indeterminate\"\n          [(ngModel)]=\"item.selected\"\n          (onValueChanged)=\"handleNodeSelectionClick($event, item)\"\n        ></ax-check-box>\n      }\n      <ax-prefix>\n        @if (item[iconField()]) {\n          <ax-icon [icon]=\"item[iconField()]\"></ax-icon>\n        } @else {\n          <i></i>\n        }\n      </ax-prefix>\n      @if (item[textField()]) {\n        <ax-text>{{ item[textField()] }}</ax-text>\n      }\n\n      <ax-suffix></ax-suffix>\n      @for (child of item?.childrens; track $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"Recursion\"\n          [ngTemplateOutletContext]=\"{ $implicit: child }\"\n        ></ng-container>\n      }\n    </ax-tree-view-item>\n  }\n</ng-template>\n","import { AXCheckBoxModule } from '@acorex/components/check-box';\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXTooltipModule } from '@acorex/components/tooltip';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXTreeViewItemComponent } from './tree-view-item.component';\nimport { AXTreeViewComponent } from './tree-view.component';\n@NgModule({\n  imports: [\n    CommonModule,\n    AXCommonModule,\n    AXDecoratorModule,\n    AXCheckBoxModule,\n    AXFormModule,\n    FormsModule,\n    AXTooltipModule,\n    AXLoadingModule,\n  ],\n  exports: [AXTreeViewComponent, AXTreeViewItemComponent],\n  declarations: [AXTreeViewComponent, AXTreeViewItemComponent],\n  providers: [],\n})\nexport class AXTreeViewModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i5.AXTreeViewItemComponent"],"mappings":"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"}

package/fesm2022/acorex-components-uploader.mjs

@@ -424,7 +424,7 @@ class AXUploaderDialogContainerComponent {
         this.isCollapsed = !this.isCollapsed;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXUploaderDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXUploaderDialogContainerComponent, selector: "ax-uploader-dialog-container", ngImport: i0, template: "<div class=\"ax-uploader-list-header\">\n    <div>{{'Uploading' | translate | async }}</div>\n    <div>\n        <i class=\"ax-icon\" [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n            (click)=\"toggle()\"></i>\n        <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n    </div>\n</div>\n<div [@collapse]=\"isCollapsed\">\n    <ax-uploader-list></ax-uploader-list>\n</div>", styles: ["ax-uploader-dialog-container{display:block;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:.75rem;-webkit-border-top-right-radius:.75rem;-moz-border-radius-topleft:.75rem;-moz-border-radius-topright:.75rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;box-shadow:-1px -1px 10px #00000029;border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:rgba(var(--ax-color-primary-500))}ax-uploader-dialog-container .ax-uploader-list-header{display:flex;justify-content:space-between;background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1rem;font-weight:500;color:rgba(var(--ax-color-on-surface-fore))}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon{margin-inline-start:.5rem;cursor:pointer}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon:hover{opacity:.75}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AXUploaderListComponent, selector: "ax-uploader-list" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXUploaderDialogContainerComponent, selector: "ax-uploader-dialog-container", ngImport: i0, template: "<div class=\"ax-uploader-list-header\">\n  <div>{{ 'Uploading' | translate | async }}</div>\n  <div>\n    <i\n      class=\"ax-icon\"\n      [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n      (click)=\"toggle()\"\n    ></i>\n    <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n  </div>\n</div>\n<div [@collapse]=\"isCollapsed\">\n  <ax-uploader-list></ax-uploader-list>\n</div>\n", styles: ["ax-uploader-dialog-container{display:block;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:.75rem;-webkit-border-top-right-radius:.75rem;-moz-border-radius-topleft:.75rem;-moz-border-radius-topright:.75rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;box-shadow:-1px -1px 10px #00000029;border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:rgba(var(--ax-color-primary-500))}ax-uploader-dialog-container .ax-uploader-list-header{display:flex;justify-content:space-between;background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1rem;font-weight:500;color:rgba(var(--ax-color-on-surface-fore))}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon{margin-inline-start:.5rem;cursor:pointer}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon:hover{opacity:.75}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AXUploaderListComponent, selector: "ax-uploader-list" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], animations: [
             trigger('collapse', [
                 state('false', style({ height: AUTO_STYLE, visibility: AUTO_STYLE })),
                 state('true', style({ height: '0', visibility: 'hidden' })),
@@ -442,7 +442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                             transition('false => true', animate(150 + 'ms ease-in')),
                             transition('true => false', animate(150 + 'ms ease-out')),
                         ]),
-                    ], template: "<div class=\"ax-uploader-list-header\">\n    <div>{{'Uploading' | translate | async }}</div>\n    <div>\n        <i class=\"ax-icon\" [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n            (click)=\"toggle()\"></i>\n        <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n    </div>\n</div>\n<div [@collapse]=\"isCollapsed\">\n    <ax-uploader-list></ax-uploader-list>\n</div>", styles: ["ax-uploader-dialog-container{display:block;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:.75rem;-webkit-border-top-right-radius:.75rem;-moz-border-radius-topleft:.75rem;-moz-border-radius-topright:.75rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;box-shadow:-1px -1px 10px #00000029;border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:rgba(var(--ax-color-primary-500))}ax-uploader-dialog-container .ax-uploader-list-header{display:flex;justify-content:space-between;background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1rem;font-weight:500;color:rgba(var(--ax-color-on-surface-fore))}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon{margin-inline-start:.5rem;cursor:pointer}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon:hover{opacity:.75}\n"] }]
+                    ], template: "<div class=\"ax-uploader-list-header\">\n  <div>{{ 'Uploading' | translate | async }}</div>\n  <div>\n    <i\n      class=\"ax-icon\"\n      [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n      (click)=\"toggle()\"\n    ></i>\n    <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n  </div>\n</div>\n<div [@collapse]=\"isCollapsed\">\n  <ax-uploader-list></ax-uploader-list>\n</div>\n", styles: ["ax-uploader-dialog-container{display:block;background-color:rgba(var(--ax-color-surface));-webkit-border-top-left-radius:.75rem;-webkit-border-top-right-radius:.75rem;-moz-border-radius-topleft:.75rem;-moz-border-radius-topright:.75rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem;overflow:hidden;box-shadow:-1px -1px 10px #00000029;border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:rgba(var(--ax-color-primary-500))}ax-uploader-dialog-container .ax-uploader-list-header{display:flex;justify-content:space-between;background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1rem;font-weight:500;color:rgba(var(--ax-color-on-surface-fore))}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon{margin-inline-start:.5rem;cursor:pointer}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon:hover{opacity:.75}\n"] }]
         }] });
 
 /**
@@ -458,11 +458,11 @@ class AXUploaderDropZoneComponent extends MXBaseComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXUploaderDropZoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span\n      >{{ 'uploader.zone.drag' | translate | async\n      }}<a href=\"\" (click)=\"preventRefresh()\" axUploaderBrowseHandle>{{ 'uploader.zone.choose' | translate | async }}</a>\n      {{ 'uploader.zone.to-upload' | translate | async }}</span\n    >\n    <!-- <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->\n    <p>{{ description() }}</p>\n  </div>\n</div>\n", styles: ["ax-uploader-drop-zone{width:100%;height:100%;display:block;cursor:pointer}ax-uploader-drop-zone .ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default));pointer-events:none}ax-uploader-drop-zone .ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}\n"], dependencies: [{ kind: "component", type: i1$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "directive", type: AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>\n      {{ 'uploader.zone.drag' | translate | async }}\n      <a href=\"\" (click)=\"preventRefresh()\" axUploaderBrowseHandle>\n        {{ 'uploader.zone.choose' | translate | async }}\n      </a>\n      {{ 'uploader.zone.to-upload' | translate | async }}\n    </span>\n    <!-- <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->\n    @if (description()) {\n      <p>{{ description() }}</p>\n    }\n  </div>\n</div>\n", styles: ["ax-uploader-drop-zone{width:100%;height:100%;display:block;cursor:pointer}ax-uploader-drop-zone .ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default));pointer-events:none}ax-uploader-drop-zone .ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3;width:1.75rem;height:2rem}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}\n"], dependencies: [{ kind: "component", type: i1$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "directive", type: AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXUploaderDropZoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader-drop-zone', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span\n      >{{ 'uploader.zone.drag' | translate | async\n      }}<a href=\"\" (click)=\"preventRefresh()\" axUploaderBrowseHandle>{{ 'uploader.zone.choose' | translate | async }}</a>\n      {{ 'uploader.zone.to-upload' | translate | async }}</span\n    >\n    <!-- <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->\n    <p>{{ description() }}</p>\n  </div>\n</div>\n", styles: ["ax-uploader-drop-zone{width:100%;height:100%;display:block;cursor:pointer}ax-uploader-drop-zone .ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default));pointer-events:none}ax-uploader-drop-zone .ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}\n"] }]
+            args: [{ selector: 'ax-uploader-drop-zone', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>\n      {{ 'uploader.zone.drag' | translate | async }}\n      <a href=\"\" (click)=\"preventRefresh()\" axUploaderBrowseHandle>\n        {{ 'uploader.zone.choose' | translate | async }}\n      </a>\n      {{ 'uploader.zone.to-upload' | translate | async }}\n    </span>\n    <!-- <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->\n    @if (description()) {\n      <p>{{ description() }}</p>\n    }\n  </div>\n</div>\n", styles: ["ax-uploader-drop-zone{width:100%;height:100%;display:block;cursor:pointer}ax-uploader-drop-zone .ax-uploader-drop-zone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;margin:1rem;padding:1rem;gap:1rem;border:2px dashed;border-color:rgba(var(--ax-color-border-default));pointer-events:none}ax-uploader-drop-zone .ax-uploader-drop-zone-container:hover{border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-50))}ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{font-size:1.875rem;line-height:2.25rem;color:#a3a3a3;width:1.75rem;height:2rem}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{display:flex;flex-direction:column;gap:.5rem}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:rgba(var(--ax-color-primary-500))}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:.875rem;line-height:1.25rem;color:#a3a3a3}\n"] }]
         }] });
 
 const COMPONENTS = [