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

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

@@ -2,7 +2,7 @@ import { NXComponent, AXCommonModule } from '@acorex/components/common';
 import { AXPlatform } from '@acorex/core/platform';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { input, output, model, inject, computed, Component, ViewEncapsulation, ChangeDetectionStrategy, signal, effect, NgModule } from '@angular/core';
+import { input, output, model, inject, computed, Component, ViewEncapsulation, ChangeDetectionStrategy, signal, ChangeDetectorRef, effect, NgModule } from '@angular/core';
 import * as i1 from '@acorex/components/tooltip';
 import { AXTooltipModule } from '@acorex/components/tooltip';
 import * as i2 from '@acorex/components/loading';
@@ -100,6 +100,7 @@ class AXTreeViewComponent extends NXComponent {
     constructor() {
         super();
         this.itemsSignal = signal([]);
+        this.cdr = inject(ChangeDetectorRef);
         this.#effect = effect(() => {
             const itemsInput = this.items();
             if (typeof itemsInput === 'function') {
@@ -127,11 +128,12 @@ class AXTreeViewComponent extends NXComponent {
         this.textField = input('text');
         this.visibleField = input('visible');
         this.disableField = input('disabled');
-        this.hasChildField = input();
+        this.hasChildField = input('hasChild');
         this.iconField = input('icon');
         this.onSelectionChange = output();
         this.onItemClick = output();
         this.onNodeClick = output();
+        this.onNodeExpandClick = output();
         this.loadingState = signal({});
     }
     #effect;
@@ -316,6 +318,9 @@ class AXTreeViewComponent extends NXComponent {
         if (source.length) {
             source.forEach((element) => {
                 if (element[this.valueField()] == parentId) {
+                    if (this.selectionBehavior() === 'indeterminate' && element.selected) {
+                        _children.forEach((child) => (child.selected = true));
+                    }
                     element.childrens = _children;
                 }
                 else {
@@ -336,7 +341,7 @@ class AXTreeViewComponent extends NXComponent {
             this.fetchData(parentId);
             this.setNodeLoading(node.data.id, true);
         }
-        this.onItemClick.emit({ component: this, data: node.data, nativeElement: this.nativeElement });
+        this.onNodeExpandClick.emit({ component: this, data: node.data, nativeElement: this.nativeElement });
     }
     handleNodeClick(node) {
         if (node.data[this.disableField()]) {
@@ -383,12 +388,41 @@ class AXTreeViewComponent extends NXComponent {
             [nodeId]: isLoading,
         }));
     }
+    setActiveNodeByValueField(valueField, value) {
+        this.itemsSignal().forEach((node) => {
+            if (node[this.valueField()] === valueField) {
+                node.active = value;
+            }
+            else {
+                if (node?.childrens?.length) {
+                    this.setActiveNodeByValueField(node[this.valueField()], value);
+                }
+            }
+            this.cdr.detectChanges();
+        });
+    }
+    setExpandNodeByValueField(valueField, value) {
+        this.itemsSignal().forEach((node) => {
+            if (node[this.valueField()] === valueField) {
+                node.isExpanded = value;
+                if (this.itemsPromise && value && node[this.hasChildField()] && !node?.childrens?.length) {
+                    this.fetchData(node[this.valueField()]);
+                }
+            }
+            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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, showActiveNode: { classPropertyName: "showActiveNode", publicName: "showActiveNode", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, visibleField: { classPropertyName: "visibleField", publicName: "visibleField", isSignal: true, isRequired: false, transformFunction: null }, disableField: { classPropertyName: "disableField", publicName: "disableField", isSignal: true, isRequired: false, transformFunction: null }, hasChildField: { classPropertyName: "hasChildField", publicName: "hasChildField", isSignal: true, isRequired: false, transformFunction: null }, iconField: { classPropertyName: "iconField", publicName: "iconField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange", onItemClick: "onItemClick", onNodeClick: "onNodeClick" }, usesInheritance: true, ngImport: i0, template: "@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", styles: ["ax-tree-view ax-tree-view-item .ax-tree-view-container{display:flex;align-items:center;margin-bottom:.125rem;cursor:pointer}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-checkbox-end-side{display:none!important}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-arrow{font-size:.875rem!important}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items{display:flex;align-items:center;gap:.5rem}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix{display:flex;align-items:center;gap:.5rem;padding:.375rem;padding-inline-end:.5rem!important;border-radius:.25rem;overflow-x:auto}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.noselect-tree-view{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.ax-state-tree-view-active{background-color:rgba(var(--ax-color-primary-500));color:#fff}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.ax-state-tree-view-active:hover{background-color:rgba(var(--ax-color-primary-500))}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix:hover{background-color:rgba(var(--ax-color-on-surface))}ax-tree-view ax-tree-view-item .ax-state-tree-view-rtl{padding-inline-end:.5rem}ax-tree-view ax-tree-view-item .ax-state-tree-view-ltr{padding-inline-start:.5rem}ax-tree-view ax-tree-view-item .ax-state-disabled{cursor:not-allowed!important;opacity:.5!important}ax-tree-view ax-tree-view-item .arrow-container{position:relative;display:flex;align-items:center}ax-tree-view ax-tree-view-item .vertical-line{width:.125rem;height:100%;background-color:#ccc;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTreeViewItemComponent, selector: "ax-tree-view-item", inputs: ["item", "isExpanded", "hasChildField", "isActive", "isLoading", "disableField"], outputs: ["onNodeExpand", "onNodeClick", "isExpandedChange", "isActiveChange", "onNodeDbClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, showActiveNode: { classPropertyName: "showActiveNode", publicName: "showActiveNode", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, visibleField: { classPropertyName: "visibleField", publicName: "visibleField", isSignal: true, isRequired: false, transformFunction: null }, disableField: { classPropertyName: "disableField", publicName: "disableField", isSignal: true, isRequired: false, transformFunction: null }, hasChildField: { classPropertyName: "hasChildField", publicName: "hasChildField", isSignal: true, isRequired: false, transformFunction: null }, iconField: { classPropertyName: "iconField", publicName: "iconField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange", onItemClick: "onItemClick", onNodeClick: "onNodeClick", onNodeExpandClick: "onNodeExpandClick" }, usesInheritance: true, ngImport: i0, template: "@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", styles: [".ax-dark ax-tree-view{--ax-tree-select-node-bk: rgba(var(--ax-color-primary-200));--ax-tree-select-node-text: rgba(var(--ax-color-primary-fore-tint))}ax-tree-view{--ax-tree-select-node-bk: rgba(var(--ax-color-primary-500));--ax-tree-select-node-text: rgba(var(--ax-color-primary-fore))}ax-tree-view ax-tree-view-item .ax-tree-view-container{display:flex;align-items:center;margin-bottom:.125rem;cursor:pointer}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-checkbox-end-side{display:none!important}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-arrow{font-size:.875rem!important}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items{display:flex;align-items:center;gap:.5rem}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix{display:flex;align-items:center;gap:.5rem;padding:.375rem;padding-inline-end:.5rem!important;border-radius:.25rem;overflow-x:auto}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.noselect-tree-view{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.ax-state-tree-view-active{background-color:var(--ax-tree-select-node-bk);color:var(--ax-tree-select-node-text)}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.ax-state-tree-view-active:hover{background-color:var(--ax-tree-select-node-bk);color:var(--ax-tree-select-node-text)}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix:hover{background-color:rgba(var(--ax-color-on-surface))}ax-tree-view ax-tree-view-item .ax-state-tree-view-rtl{padding-inline-end:1rem}ax-tree-view ax-tree-view-item .ax-state-tree-view-ltr{padding-inline-start:1rem}ax-tree-view ax-tree-view-item .ax-state-disabled{cursor:not-allowed!important;opacity:.5!important}ax-tree-view ax-tree-view-item .arrow-container{position:relative;display:flex;align-items:center}ax-tree-view ax-tree-view-item .vertical-line{width:.125rem;height:100%;background-color:#ccc;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTreeViewItemComponent, selector: "ax-tree-view-item", inputs: ["item", "isExpanded", "hasChildField", "isActive", "isLoading", "disableField"], outputs: ["onNodeExpand", "onNodeClick", "isExpandedChange", "isActiveChange", "onNodeDbClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXTreeViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@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", styles: ["ax-tree-view ax-tree-view-item .ax-tree-view-container{display:flex;align-items:center;margin-bottom:.125rem;cursor:pointer}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-checkbox-end-side{display:none!important}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-arrow{font-size:.875rem!important}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items{display:flex;align-items:center;gap:.5rem}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix{display:flex;align-items:center;gap:.5rem;padding:.375rem;padding-inline-end:.5rem!important;border-radius:.25rem;overflow-x:auto}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.noselect-tree-view{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.ax-state-tree-view-active{background-color:rgba(var(--ax-color-primary-500));color:#fff}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.ax-state-tree-view-active:hover{background-color:rgba(var(--ax-color-primary-500))}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix:hover{background-color:rgba(var(--ax-color-on-surface))}ax-tree-view ax-tree-view-item .ax-state-tree-view-rtl{padding-inline-end:.5rem}ax-tree-view ax-tree-view-item .ax-state-tree-view-ltr{padding-inline-start:.5rem}ax-tree-view ax-tree-view-item .ax-state-disabled{cursor:not-allowed!important;opacity:.5!important}ax-tree-view ax-tree-view-item .arrow-container{position:relative;display:flex;align-items:center}ax-tree-view ax-tree-view-item .vertical-line{width:.125rem;height:100%;background-color:#ccc;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}\n"] }]
+            args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@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", styles: [".ax-dark ax-tree-view{--ax-tree-select-node-bk: rgba(var(--ax-color-primary-200));--ax-tree-select-node-text: rgba(var(--ax-color-primary-fore-tint))}ax-tree-view{--ax-tree-select-node-bk: rgba(var(--ax-color-primary-500));--ax-tree-select-node-text: rgba(var(--ax-color-primary-fore))}ax-tree-view ax-tree-view-item .ax-tree-view-container{display:flex;align-items:center;margin-bottom:.125rem;cursor:pointer}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-checkbox-end-side{display:none!important}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-arrow{font-size:.875rem!important}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items{display:flex;align-items:center;gap:.5rem}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix{display:flex;align-items:center;gap:.5rem;padding:.375rem;padding-inline-end:.5rem!important;border-radius:.25rem;overflow-x:auto}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.noselect-tree-view{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.ax-state-tree-view-active{background-color:var(--ax-tree-select-node-bk);color:var(--ax-tree-select-node-text)}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix.ax-state-tree-view-active:hover{background-color:var(--ax-tree-select-node-bk);color:var(--ax-tree-select-node-text)}ax-tree-view ax-tree-view-item .ax-tree-view-container .ax-tree-view-items .ax-tree-view-items-prefix:hover{background-color:rgba(var(--ax-color-on-surface))}ax-tree-view ax-tree-view-item .ax-state-tree-view-rtl{padding-inline-end:1rem}ax-tree-view ax-tree-view-item .ax-state-tree-view-ltr{padding-inline-start:1rem}ax-tree-view ax-tree-view-item .ax-state-disabled{cursor:not-allowed!important;opacity:.5!important}ax-tree-view ax-tree-view-item .arrow-container{position:relative;display:flex;align-items:center}ax-tree-view ax-tree-view-item .vertical-line{width:.125rem;height:100%;background-color:#ccc;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}\n"] }]
         }], ctorParameters: () => [] });
 
 class AXTreeViewModule {

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  Component,\n  effect,\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  #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>();\n\n  iconField = input<string>('icon');\n\n  onSelectionChange = output<AXTreeItemClickBaseEvent>();\n\n  onItemClick = output<AXTreeItemClickBaseEvent>();\n\n  onNodeClick = 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          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.onItemClick.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  isNodeLoading(nodeId: string | number): boolean {\n    return this.loadingState()[nodeId] || false;\n  }\n\n  setNodeLoading(nodeId: string | number, isLoading: boolean): void {\n    this.loadingState.update((state) => ({\n      ...state,\n      [nodeId]: isLoading,\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) => {\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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.16.0-next.2",
+  "version": "18.16.0-next.3",
   "peerDependencies": {
     "@angular/common": ">=18.2.0",
     "@angular/core": ">=18.2.0",

package/side-menu/lib/side-menu-item/side-menu-item.component.d.ts

@@ -1,5 +1,6 @@
 import { AXClickEvent, MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';
 import { ElementRef } from '@angular/core';
+import { IsActiveMatchOptions, UrlTree } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class AXSideMenuItemClickEvent extends AXClickEvent {
     handled: boolean;
@@ -12,6 +13,13 @@ export declare class AXSideMenuItemComponent extends AXSideMenuItemComponent_bas
     isCollapsed: import("@angular/core").ModelSignal<boolean>;
     active: import("@angular/core").ModelSignal<boolean>;
     onClick: import("@angular/core").OutputEmitterRef<AXSideMenuItemClickEvent>;
+    href: import("@angular/core").InputSignal<string>;
+    routerLink: import("@angular/core").InputSignal<string | any[] | UrlTree>;
+    routerLinkActive: import("@angular/core").InputSignal<string | string[]>;
+    routerLinkActiveOptions: import("@angular/core").InputSignal<{
+        exact: boolean;
+    } | IsActiveMatchOptions>;
+    target: import("@angular/core").InputSignal<"_blank" | "_self" | "_parent" | "_top">;
     protected hasChild: import("@angular/core").WritableSignal<boolean>;
     constructor(elem: ElementRef);
     _handleClickEvent(e: MouseEvent): void;
@@ -20,6 +28,6 @@ export declare class AXSideMenuItemComponent extends AXSideMenuItemComponent_bas
     close(): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "isLoading": "isLoadingChange"; "text": "textChange"; "isCollapsed": "isCollapsedChange"; "active": "activeChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-prefix", "*", "ax-suffix", "ax-side-menu-item, ng-container", "ax-divider"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "isLoading": "isLoadingChange"; "text": "textChange"; "isCollapsed": "isCollapsedChange"; "active": "activeChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "*", "ax-suffix"], false, never>;
 }
 export {};

package/side-menu/lib/side-menu.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
 import * as i4 from "@acorex/components/common";
 import * as i5 from "@acorex/components/loading";
 import * as i6 from "@acorex/core/translation";
+import * as i7 from "@angular/router";
 export declare class AXSideMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSideMenuModule, [typeof i1.AXSideMenuComponent, typeof i2.AXSideMenuItemComponent], [typeof i3.CommonModule, typeof i4.AXCommonModule, typeof i4.AXRippleDirective, typeof i5.AXLoadingModule, typeof i6.AXTranslationModule], [typeof i1.AXSideMenuComponent, typeof i2.AXSideMenuItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSideMenuModule, [typeof i1.AXSideMenuComponent, typeof i2.AXSideMenuItemComponent], [typeof i3.CommonModule, typeof i4.AXCommonModule, typeof i4.AXRippleDirective, typeof i5.AXLoadingModule, typeof i6.AXTranslationModule, typeof i7.RouterLink, typeof i7.RouterLinkActive], [typeof i1.AXSideMenuComponent, typeof i2.AXSideMenuItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSideMenuModule>;
 }

package/tabs/lib/tab-item.component.d.ts

@@ -45,6 +45,12 @@ export declare class AXTabItemComponent extends MXInteractiveComponent {
      * @ignore
      */
     protected internalOptionChanged(option: MXComponentOptionChanged<any>): void;
+    getStats(): {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXTabItemComponent, "ax-tab-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "key": { "alias": "key"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "disabledChange": "disabledChange"; "onClick": "onClick"; "onBlur": "onBlur"; "onFocus": "onFocus"; "activeChange": "activeChange"; }, never, ["ax-prefix", "ax-suffix", "ax-content"], false, never>;
 }

package/tabs/lib/tabs.component.d.ts

@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
  * A component that serves as a container for tab items.
  */
 export declare class AXTabsComponent extends MXBaseComponent implements AfterViewInit, AfterContentInit {
+    #private;
     /**
      * @ignore
      */
@@ -17,12 +18,12 @@ export declare class AXTabsComponent extends MXBaseComponent implements AfterVie
      * Sets the appearance style of the tab component.
      *  @defaultValue 'default'
      */
-    look: AXTabLook;
+    look: import("@angular/core").InputSignal<AXTabLook>;
     /**
      * Specifies the position of the tab component.
      * @defaultValue 'bottom'
      */
-    location: AXTabLocation;
+    location: import("@angular/core").InputSignal<AXTabLocation>;
     /**
      * @defaultValue 'false'
      * Specifies whether the component should resize to fit its parent container.
@@ -37,6 +38,7 @@ export declare class AXTabsComponent extends MXBaseComponent implements AfterVie
      * The `AXTabContentDirective` associated with the tab.
      */
     content: AXTabContentDirective;
+    private indicator;
     /** @ignore */
     private _isUserInteraction;
     get items(): AXTabItemComponent[];
@@ -46,6 +48,7 @@ export declare class AXTabsComponent extends MXBaseComponent implements AfterVie
     get selectedIndex(): number;
     /** @ignore */
     get selectedItem(): AXTabItemComponent;
+    private activeTab;
     /**
      * @event
      */
@@ -64,6 +67,7 @@ export declare class AXTabsComponent extends MXBaseComponent implements AfterVie
      * @param {number | AXTabItemComponent}
      */
     select(tab: number | AXTabItemComponent): void;
+    private setIndicatorPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabsComponent, "ax-tabs", never, { "look": { "alias": "look"; "required": false; }; "location": { "alias": "location"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "onActiveTabChanged": "onActiveTabChanged"; }, ["_contentTabs"], ["ax-tab-item"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTabsComponent, "ax-tabs", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; "fitParent": { "alias": "fitParent"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "content": { "alias": "content"; "required": false; }; }, { "onActiveTabChanged": "onActiveTabChanged"; }, ["_contentTabs"], ["ax-tab-item"], false, never>;
 }

package/tree-view/lib/tree-view.class.d.ts

@@ -13,6 +13,7 @@ export interface AXTreeViewSchema {
     hasChild?: boolean;
     visible?: boolean;
     tooltip?: string;
+    exteraData?: any;
 }
 export declare class AXTreeItemClickBaseEvent extends AXClickEvent {
     nativeElement: any;

package/tree-view/lib/tree-view.component.d.ts

@@ -6,6 +6,7 @@ export declare class AXTreeViewComponent extends NXComponent {
     constructor();
     private itemsSignal;
     private itemsPromise;
+    private cdr;
     items: import("@angular/core").InputSignal<AXTreeViewSchema[] | ((options?: {
         parentId: string | number;
     }) => AXTreeViewSchema[] | Promise<AXTreeViewSchema[]>)>;
@@ -23,6 +24,7 @@ export declare class AXTreeViewComponent extends NXComponent {
     onSelectionChange: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
     onItemClick: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
     onNodeClick: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
+    onNodeExpandClick: import("@angular/core").OutputEmitterRef<AXTreeItemClickBaseEvent>;
     protected handleNodeSelectionClick(event: AXValueChangedEvent, item: AXTreeViewSchema): void;
     /**
      *
@@ -73,8 +75,10 @@ export declare class AXTreeViewComponent extends NXComponent {
     private handleUnActiveNode;
     protected handleNodeDbClick(node: AXTreeItemClickBaseEvent): void;
     private loadingState;
-    isNodeLoading(nodeId: string | number): boolean;
-    setNodeLoading(nodeId: string | number, isLoading: boolean): void;
+    protected isNodeLoading(nodeId: string | number): boolean;
+    private setNodeLoading;
+    setActiveNodeByValueField(valueField: number | string, value: boolean): void;
+    setExpandNodeByValueField(valueField: number | string, value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "showActiveNode": { "alias": "showActiveNode"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "visibleField": { "alias": "visibleField"; "required": false; "isSignal": true; }; "disableField": { "alias": "disableField"; "required": false; "isSignal": true; }; "hasChildField": { "alias": "hasChildField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; }, { "onSelectionChange": "onSelectionChange"; "onItemClick": "onItemClick"; "onNodeClick": "onNodeClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTreeViewComponent, "ax-tree-view", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "showActiveNode": { "alias": "showActiveNode"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "visibleField": { "alias": "visibleField"; "required": false; "isSignal": true; }; "disableField": { "alias": "disableField"; "required": false; "isSignal": true; }; "hasChildField": { "alias": "hasChildField"; "required": false; "isSignal": true; }; "iconField": { "alias": "iconField"; "required": false; "isSignal": true; }; }, { "onSelectionChange": "onSelectionChange"; "onItemClick": "onItemClick"; "onNodeClick": "onNodeClick"; "onNodeExpandClick": "onNodeExpandClick"; }, never, never, false, never>;
 }