@raintonic/formaui 0.2.0

package/fesm2022/raintonic-formaui-components-tree-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-tree-table.mjs","sources":["../../../lib/components/tree-table/fui-tree-table.component.ts","../../../lib/components/tree-table/fui-tree-table.component.html","../../../lib/components/tree-table/raintonic-formaui-components-tree-table.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, output, signal, computed } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\nimport {\n  FuiTreeTableConfig,\n  FuiTreeTableNode,\n  FuiFlatTreeTableRow,\n  FuiTreeTableColumnFilter,\n  FuiTreeTableRowEvent,\n} from './tree-table.types';\n\n@Component({\n  selector: 'fui-tree-table',\n  standalone: true,\n  imports: [FuiIconComponent],\n  templateUrl: './fui-tree-table.component.html',\n  styleUrl: './fui-tree-table.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-tree-table',\n  },\n})\nexport class FuiTreeTableComponent<T = any> {\n  // Config & headers\n  readonly config = input.required<FuiTreeTableConfig>();\n  readonly sort = input<{ field: string; direction: 'ASC' | 'DESC' } | null>(null);\n  readonly filters = input<FuiTreeTableColumnFilter[]>([]);\n  readonly enableRowHighlight = input(false);\n  readonly emptyMessage = input('Nessun dato disponibile');\n\n  // Tree-specific inputs\n  readonly nodes = input.required<FuiTreeTableNode<T>[]>();\n  readonly loadChildren = input<((node: FuiTreeTableNode<T>) => Observable<FuiTreeTableNode<T>[]>) | null>(null);\n\n  // Outputs\n  readonly sortChange = output<{ field: string; direction: 'ASC' | 'DESC' } | null>();\n  readonly filtersChange = output<FuiTreeTableColumnFilter[]>();\n  readonly rowDblClick = output<T>();\n  readonly rowExpand = output<FuiTreeTableRowEvent<T>>();\n  readonly rowCollapse = output<FuiTreeTableRowEvent<T>>();\n\n  // Internal\n  private readonly _refreshCounter = signal(0);\n\n  readonly flatRows = computed(() => {\n    this._refreshCounter();\n    return this._flattenNodes(this.nodes());\n  });\n\n  readonly treeColumnField = computed(() => {\n    const cfg = this.config();\n    return cfg.treeColumn ?? cfg.headers[0]?.field ?? '';\n  });\n\n  readonly indentPx = computed(() => this.config().indentPx ?? 24);\n\n  // Methods\n  private _flattenNodes(nodes: FuiTreeTableNode<T>[]): FuiFlatTreeTableRow<T>[] {\n    const result: FuiFlatTreeTableRow<T>[] = [];\n    let flatIndex = 0;\n    const recurse = (nodeList: FuiTreeTableNode<T>[], level: number): void => {\n      for (const node of nodeList) {\n        const expandable =\n          !node.leaf && (Array.isArray(node.children) ? node.children.length > 0 : node.children != null);\n        result.push({\n          data: node.data,\n          origin: node,\n          level,\n          expandable,\n          expanded: node.expanded ?? false,\n          selected: node.selected ?? false,\n          disabled: node.disabled ?? false,\n          loading: false,\n          _flatIndex: flatIndex++,\n        });\n        if (node.expanded && Array.isArray(node.children)) {\n          recurse(node.children, level + 1);\n        }\n      }\n    };\n    recurse(nodes, 0);\n    return result;\n  }\n\n  onToggleRow(flatRow: FuiFlatTreeTableRow<T>): void {\n    const node = flatRow.origin;\n    if (flatRow.expanded) {\n      node.expanded = false;\n      this.rowCollapse.emit({ row: node, flatRow });\n    } else {\n      node.expanded = true;\n      this.rowExpand.emit({ row: node, flatRow });\n    }\n    this._refreshCounter.update((c) => c + 1);\n  }\n\n  onSortColumn(field: string): void {\n    const current = this.sort();\n    if (current?.field === field) {\n      if (current.direction === 'ASC') {\n        this.sortChange.emit({ field, direction: 'DESC' });\n      } else {\n        this.sortChange.emit(null);\n      }\n    } else {\n      this.sortChange.emit({ field, direction: 'ASC' });\n    }\n  }\n\n  getCellValue(row: T, field: string): any {\n    // Support dot-notation fields like 'address.city'\n    return field.split('.').reduce((obj: any, key) => obj?.[key], row);\n  }\n}\n","<div class=\"fui-tree-table__wrapper\">\n  <table class=\"fui-tree-table__table\">\n    <thead class=\"fui-tree-table__head\" [class.fui-tree-table__head--sticky]=\"config().headerSticky\">\n      <tr class=\"fui-tree-table__header-row\">\n        @for (header of config().headers; track header.field) {\n          <th\n            class=\"fui-tree-table__header-cell\"\n            [class.fui-tree-table__header-cell--sortable]=\"header.hasSort\"\n            (click)=\"header.hasSort ? onSortColumn(header.field) : null\"\n          >\n            <div class=\"fui-tree-table__header-content\">\n              <span>{{ header.label }}</span>\n              @if (header.hasSort) {\n                @if (sort()?.field === header.field) {\n                  <fui-icon [name]=\"sort()?.direction === 'ASC' ? 'caret-up' : 'caret-down'\" size=\"sm\"></fui-icon>\n                }\n              }\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody class=\"fui-tree-table__body\">\n      @if (flatRows().length === 0) {\n        <tr class=\"fui-tree-table__empty-row\">\n          <td [attr.colspan]=\"config().headers.length\" class=\"fui-tree-table__empty-cell\">\n            {{ emptyMessage() }}\n          </td>\n        </tr>\n      }\n      @for (flatRow of flatRows(); track flatRow._flatIndex) {\n        <tr\n          class=\"fui-tree-table__row\"\n          [class.fui-tree-table__row--selected]=\"flatRow.selected\"\n          [class.fui-tree-table__row--disabled]=\"flatRow.disabled\"\n          [class.fui-tree-table__row--highlight]=\"enableRowHighlight()\"\n          [attr.aria-level]=\"flatRow.level + 1\"\n          [attr.aria-expanded]=\"flatRow.expandable ? flatRow.expanded : null\"\n          (dblclick)=\"rowDblClick.emit(flatRow.data)\"\n        >\n          @for (header of config().headers; track header.field) {\n            <td class=\"fui-tree-table__cell\">\n              @if (header.field === treeColumnField()) {\n                <div class=\"fui-tree-table__tree-cell\" [style.padding-left.px]=\"flatRow.level * indentPx()\">\n                  <button\n                    class=\"fui-tree-table__expand-toggle\"\n                    [class.fui-tree-table__expand-toggle--hidden]=\"!flatRow.expandable\"\n                    (click)=\"onToggleRow(flatRow); $event.stopPropagation()\"\n                    type=\"button\"\n                    tabindex=\"-1\"\n                  >\n                    @if (flatRow.loading) {\n                      <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\n                    } @else {\n                      <fui-icon [name]=\"flatRow.expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\n                    }\n                  </button>\n                  <span class=\"fui-tree-table__cell-text\">{{ getCellValue(flatRow.data, header.field) }}</span>\n                </div>\n              } @else {\n                {{ getCellValue(flatRow.data, header.field) }}\n              }\n            </td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-components-tree.mjs

@@ -0,0 +1,430 @@
+import * as i0 from '@angular/core';
+import { input, output, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, computed } from '@angular/core';
+import { take } from 'rxjs';
+import { NgTemplateOutlet } from '@angular/common';
+import { FuiIconComponent } from '@raintonic/formaui/components/icon';
+import { FuiCheckboxComponent } from '@raintonic/formaui/components/checkbox';
+import { FuiVirtualScrollViewportComponent, FuiVirtualForDirective } from '@raintonic/formaui/cdk/virtual-scroll';
+
+class FuiTreeNodeComponent {
+    flatNode = input.required(...(ngDevMode ? [{ debugName: "flatNode" }] : /* istanbul ignore next */ []));
+    selectionMode = input('none', ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
+    nodeTemplate = input(null, ...(ngDevMode ? [{ debugName: "nodeTemplate" }] : /* istanbul ignore next */ []));
+    checkboxState = input('unchecked', ...(ngDevMode ? [{ debugName: "checkboxState" }] : /* istanbul ignore next */ []));
+    focused = input(false, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
+    toggle = output();
+    select = output();
+    checkboxChange = output();
+    indentPx = 24;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTreeNodeComponent, isStandalone: true, selector: "fui-tree-node", inputs: { flatNode: { classPropertyName: "flatNode", publicName: "flatNode", isSignal: true, isRequired: true, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: true, isRequired: false, transformFunction: null }, checkboxState: { classPropertyName: "checkboxState", publicName: "checkboxState", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", select: "select", checkboxChange: "checkboxChange" }, host: { attributes: { "role": "treeitem" }, properties: { "attr.aria-level": "flatNode().level + 1", "attr.aria-expanded": "flatNode().expandable ? flatNode().expanded : null", "attr.aria-selected": "flatNode().selected", "class.fui-tree-node--focused": "focused()", "class.fui-tree-node--selected": "flatNode().selected", "class.fui-tree-node--disabled": "flatNode().disabled", "style.padding-left.px": "flatNode().level * indentPx" }, classAttribute: "fui-tree-node" }, ngImport: i0, template: "<div class=\"fui-tree-node__content\">\n  <!-- Expand/collapse toggle -->\n  <button\n    class=\"fui-tree-node__toggle\"\n    [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\n    (click)=\"toggle.emit(); $event.stopPropagation()\"\n    [attr.aria-label]=\"flatNode().expanded ? 'Collapse' : 'Expand'\"\n    tabindex=\"-1\"\n    type=\"button\"\n  >\n    @if (flatNode().loading) {\n      <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\n    } @else {\n      <fui-icon [name]=\"flatNode().expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\n    }\n  </button>\n\n  <!-- Checkbox (only in checkbox mode) -->\n  @if (selectionMode() === 'checkbox') {\n    <fui-checkbox\n      [checked]=\"checkboxState() === 'checked'\"\n      [indeterminate]=\"checkboxState() === 'indeterminate'\"\n      [disabled]=\"flatNode().disabled\"\n      (change)=\"checkboxChange.emit()\"\n    >\n    </fui-checkbox>\n  }\n\n  <!-- Node content -->\n  <div class=\"fui-tree-node__label\" (click)=\"select.emit()\" (dblclick)=\"toggle.emit()\">\n    @if (nodeTemplate()) {\n      <ng-container *ngTemplateOutlet=\"nodeTemplate()!; context: { $implicit: flatNode().origin, node: flatNode() }\">\n      </ng-container>\n    } @else {\n      {{ flatNode().origin.data }}\n    }\n  </div>\n</div>\n", styles: [".fui-tree-node{display:flex;align-items:center;cursor:pointer;transition:background-color var(--fui-duration-moderate-01) var(--fui-ease-standard)}.fui-tree-node:hover{background-color:var(--fui-surface-hover, var(--fui-black-5))}.fui-tree-node--focused{outline:2px solid var(--fui-primary-60);outline-offset:-2px}.fui-tree-node--selected{background-color:var(--fui-primary-10)}.fui-tree-node--disabled{opacity:.5;pointer-events:none}.fui-tree-node__content{display:flex;align-items:center;width:100%;min-height:32px;padding:4px 8px;gap:4px}.fui-tree-node__toggle{all:unset;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:var(--fui-border-radius-sm);cursor:pointer}.fui-tree-node__toggle--hidden{visibility:hidden}.fui-tree-node__toggle:hover{background-color:var(--fui-surface-hover, var(--fui-black-10))}.fui-tree-node__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }, { kind: "component", type: FuiCheckboxComponent, selector: "fui-checkbox", inputs: ["readonly", "checked", "disabled", "indeterminate", "required", "labelPosition", "name", "value", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "errorStateMatcher"], outputs: ["change", "indeterminateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-tree-node', standalone: true, imports: [NgTemplateOutlet, FuiIconComponent, FuiCheckboxComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'fui-tree-node',
+                        role: 'treeitem',
+                        '[attr.aria-level]': 'flatNode().level + 1',
+                        '[attr.aria-expanded]': 'flatNode().expandable ? flatNode().expanded : null',
+                        '[attr.aria-selected]': 'flatNode().selected',
+                        '[class.fui-tree-node--focused]': 'focused()',
+                        '[class.fui-tree-node--selected]': 'flatNode().selected',
+                        '[class.fui-tree-node--disabled]': 'flatNode().disabled',
+                        '[style.padding-left.px]': 'flatNode().level * indentPx',
+                    }, template: "<div class=\"fui-tree-node__content\">\n  <!-- Expand/collapse toggle -->\n  <button\n    class=\"fui-tree-node__toggle\"\n    [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\n    (click)=\"toggle.emit(); $event.stopPropagation()\"\n    [attr.aria-label]=\"flatNode().expanded ? 'Collapse' : 'Expand'\"\n    tabindex=\"-1\"\n    type=\"button\"\n  >\n    @if (flatNode().loading) {\n      <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\n    } @else {\n      <fui-icon [name]=\"flatNode().expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\n    }\n  </button>\n\n  <!-- Checkbox (only in checkbox mode) -->\n  @if (selectionMode() === 'checkbox') {\n    <fui-checkbox\n      [checked]=\"checkboxState() === 'checked'\"\n      [indeterminate]=\"checkboxState() === 'indeterminate'\"\n      [disabled]=\"flatNode().disabled\"\n      (change)=\"checkboxChange.emit()\"\n    >\n    </fui-checkbox>\n  }\n\n  <!-- Node content -->\n  <div class=\"fui-tree-node__label\" (click)=\"select.emit()\" (dblclick)=\"toggle.emit()\">\n    @if (nodeTemplate()) {\n      <ng-container *ngTemplateOutlet=\"nodeTemplate()!; context: { $implicit: flatNode().origin, node: flatNode() }\">\n      </ng-container>\n    } @else {\n      {{ flatNode().origin.data }}\n    }\n  </div>\n</div>\n", styles: [".fui-tree-node{display:flex;align-items:center;cursor:pointer;transition:background-color var(--fui-duration-moderate-01) var(--fui-ease-standard)}.fui-tree-node:hover{background-color:var(--fui-surface-hover, var(--fui-black-5))}.fui-tree-node--focused{outline:2px solid var(--fui-primary-60);outline-offset:-2px}.fui-tree-node--selected{background-color:var(--fui-primary-10)}.fui-tree-node--disabled{opacity:.5;pointer-events:none}.fui-tree-node__content{display:flex;align-items:center;width:100%;min-height:32px;padding:4px 8px;gap:4px}.fui-tree-node__toggle{all:unset;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:var(--fui-border-radius-sm);cursor:pointer}.fui-tree-node__toggle--hidden{visibility:hidden}.fui-tree-node__toggle:hover{background-color:var(--fui-surface-hover, var(--fui-black-10))}.fui-tree-node__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { flatNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "flatNode", required: true }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], nodeTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeTemplate", required: false }] }], checkboxState: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkboxState", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], select: [{ type: i0.Output, args: ["select"] }], checkboxChange: [{ type: i0.Output, args: ["checkboxChange"] }] } });
+
+class FuiTreeFlattener {
+    flatten(nodes, hasLoadChildren = false) {
+        const result = [];
+        let flatIndex = 0;
+        const recurse = (nodeList, level, parentVisible) => {
+            for (const node of nodeList) {
+                const visible = parentVisible;
+                const hasChildren = node.children != null && node.children.length > 0;
+                const expandable = !node.leaf && (hasChildren || (hasLoadChildren && node.children == null));
+                result.push({
+                    origin: node,
+                    level,
+                    expandable,
+                    expanded: node.expanded ?? false,
+                    selected: node.selected ?? false,
+                    disabled: node.disabled ?? false,
+                    visible,
+                    loading: false,
+                    _flatIndex: flatIndex++,
+                });
+                if (node.expanded && node.children != null) {
+                    recurse(node.children, level + 1, visible);
+                }
+            }
+        };
+        recurse(nodes, 0, true);
+        return result;
+    }
+    calculateCheckboxStates(nodes) {
+        const states = new Map();
+        const recurse = (nodeList) => {
+            let total = 0;
+            let checked = 0;
+            for (const node of nodeList) {
+                if (node.children != null && node.children.length > 0) {
+                    const childResult = recurse(node.children);
+                    total += childResult.total;
+                    checked += childResult.checked;
+                    if (childResult.checked === 0) {
+                        states.set(node, node.selected ? 'checked' : 'unchecked');
+                    }
+                    else if (childResult.checked === childResult.total) {
+                        states.set(node, 'checked');
+                    }
+                    else {
+                        states.set(node, 'indeterminate');
+                    }
+                }
+                else {
+                    total++;
+                    if (node.selected)
+                        checked++;
+                    states.set(node, node.selected ? 'checked' : 'unchecked');
+                }
+            }
+            return { total, checked };
+        };
+        recurse(nodes);
+        return states;
+    }
+}
+
+class FuiTreeComponent {
+    nodes = input.required(...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
+    selectionMode = input('none', ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
+    loadChildren = input(null, ...(ngDevMode ? [{ debugName: "loadChildren" }] : /* istanbul ignore next */ []));
+    nodeTemplate = input(null, ...(ngDevMode ? [{ debugName: "nodeTemplate" }] : /* istanbul ignore next */ []));
+    draggable = input(false, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+    virtualScroll = input(false, ...(ngDevMode ? [{ debugName: "virtualScroll" }] : /* istanbul ignore next */ []));
+    virtualItemSize = input(32, ...(ngDevMode ? [{ debugName: "virtualItemSize" }] : /* istanbul ignore next */ []));
+    filter = input('', ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    nodeSelect = output();
+    nodeUnselect = output();
+    nodeExpand = output();
+    nodeCollapse = output();
+    nodeDrop = output();
+    filterChange = output();
+    _flattener = new FuiTreeFlattener();
+    _subscriptions = [];
+    /** Refresh counter to trigger re-flatten after mutations */
+    _refreshCounter = signal(0, ...(ngDevMode ? [{ debugName: "_refreshCounter" }] : /* istanbul ignore next */ []));
+    flatNodes = computed(() => {
+        this._refreshCounter();
+        const nodes = this.nodes();
+        const filterStr = this.filter();
+        let processedNodes = nodes;
+        if (filterStr) {
+            processedNodes = this._filterNodes(nodes, filterStr);
+        }
+        return this._flattener.flatten(processedNodes, this.loadChildren() != null);
+    }, ...(ngDevMode ? [{ debugName: "flatNodes" }] : /* istanbul ignore next */ []));
+    checkboxStates = computed(() => {
+        this._refreshCounter();
+        if (this.selectionMode() !== 'checkbox') {
+            return new Map();
+        }
+        return this._flattener.calculateCheckboxStates(this.nodes());
+    }, ...(ngDevMode ? [{ debugName: "checkboxStates" }] : /* istanbul ignore next */ []));
+    focusedIndex = signal(0, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : /* istanbul ignore next */ []));
+    ngOnDestroy() {
+        for (const sub of this._subscriptions) {
+            sub.unsubscribe();
+        }
+    }
+    // --- Public API ---
+    expandAll() {
+        this._setExpandedRecursive(this.nodes(), true);
+        this._refreshCounter.update((c) => c + 1);
+    }
+    collapseAll() {
+        this._setExpandedRecursive(this.nodes(), false);
+        this._refreshCounter.update((c) => c + 1);
+    }
+    selectNode(node) {
+        const mode = this.selectionMode();
+        if (mode === 'none')
+            return;
+        if (mode === 'single') {
+            this._clearSelectionRecursive(this.nodes());
+            node.selected = true;
+        }
+        else if (mode === 'multi' || mode === 'checkbox') {
+            node.selected = true;
+        }
+        this._refreshCounter.update((c) => c + 1);
+    }
+    getSelectedNodes() {
+        const selected = [];
+        this._collectSelectedRecursive(this.nodes(), selected);
+        return selected;
+    }
+    // --- Event handlers ---
+    onNodeToggle(flatNode) {
+        const node = flatNode.origin;
+        if (flatNode.expanded) {
+            node.expanded = false;
+            this.nodeCollapse.emit({ node, flatNode });
+        }
+        else {
+            const loadChildrenFn = this.loadChildren();
+            if (loadChildrenFn && node.children == null) {
+                // Lazy load children
+                this._refreshCounter.update((c) => c + 1);
+                const sub = loadChildrenFn(node)
+                    .pipe(take(1))
+                    .subscribe({
+                    next: (children) => {
+                        node.children = children;
+                        node.expanded = true;
+                        this._refreshCounter.update((c) => c + 1);
+                        this.nodeExpand.emit({ node, flatNode });
+                    },
+                    error: () => {
+                        this._refreshCounter.update((c) => c + 1);
+                    },
+                });
+                this._subscriptions.push(sub);
+                return;
+            }
+            else {
+                node.expanded = true;
+                this.nodeExpand.emit({ node, flatNode });
+            }
+        }
+        this._refreshCounter.update((c) => c + 1);
+    }
+    onNodeSelect(flatNode) {
+        const node = flatNode.origin;
+        const mode = this.selectionMode();
+        if (mode === 'none' || flatNode.disabled)
+            return;
+        if (mode === 'single') {
+            const wasSelected = node.selected;
+            this._clearSelectionRecursive(this.nodes());
+            if (!wasSelected) {
+                node.selected = true;
+                this.nodeSelect.emit({ node, flatNode });
+            }
+            else {
+                this.nodeUnselect.emit({ node, flatNode });
+            }
+        }
+        else if (mode === 'multi') {
+            node.selected = !node.selected;
+            if (node.selected) {
+                this.nodeSelect.emit({ node, flatNode });
+            }
+            else {
+                this.nodeUnselect.emit({ node, flatNode });
+            }
+        }
+        this._refreshCounter.update((c) => c + 1);
+    }
+    onCheckboxChange(flatNode) {
+        const node = flatNode.origin;
+        if (flatNode.disabled)
+            return;
+        node.selected = !node.selected;
+        // Propagate to children
+        if (node.children != null) {
+            this._setSelectedRecursive(node.children, node.selected);
+        }
+        if (node.selected) {
+            this.nodeSelect.emit({ node, flatNode });
+        }
+        else {
+            this.nodeUnselect.emit({ node, flatNode });
+        }
+        this._refreshCounter.update((c) => c + 1);
+    }
+    // --- Keyboard navigation ---
+    _onKeydown(event) {
+        const visibleNodes = this.flatNodes().filter((n) => n.visible);
+        if (visibleNodes.length === 0)
+            return;
+        const currentIndex = this.focusedIndex();
+        const currentNode = visibleNodes.find((n) => n._flatIndex === currentIndex);
+        switch (event.key) {
+            case 'ArrowDown': {
+                event.preventDefault();
+                const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);
+                if (currentVisIdx < visibleNodes.length - 1) {
+                    this.focusedIndex.set(visibleNodes[currentVisIdx + 1]._flatIndex);
+                }
+                break;
+            }
+            case 'ArrowUp': {
+                event.preventDefault();
+                const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);
+                if (currentVisIdx > 0) {
+                    this.focusedIndex.set(visibleNodes[currentVisIdx - 1]._flatIndex);
+                }
+                break;
+            }
+            case 'ArrowRight': {
+                event.preventDefault();
+                if (currentNode?.expandable) {
+                    if (!currentNode.expanded) {
+                        this.onNodeToggle(currentNode);
+                    }
+                    else {
+                        // Move to first child
+                        const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);
+                        if (currentVisIdx < visibleNodes.length - 1) {
+                            this.focusedIndex.set(visibleNodes[currentVisIdx + 1]._flatIndex);
+                        }
+                    }
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                event.preventDefault();
+                if (currentNode && currentNode.expanded && currentNode.expandable) {
+                    this.onNodeToggle(currentNode);
+                }
+                else if (currentNode && currentNode.level > 0) {
+                    // Move to parent - search backwards for closest node at parent level
+                    for (let i = visibleNodes.length - 1; i >= 0; i--) {
+                        if (visibleNodes[i]._flatIndex < currentIndex && visibleNodes[i].level === currentNode.level - 1) {
+                            this.focusedIndex.set(visibleNodes[i]._flatIndex);
+                            break;
+                        }
+                    }
+                }
+                break;
+            }
+            case 'Home': {
+                event.preventDefault();
+                if (visibleNodes.length > 0) {
+                    this.focusedIndex.set(visibleNodes[0]._flatIndex);
+                }
+                break;
+            }
+            case 'End': {
+                event.preventDefault();
+                if (visibleNodes.length > 0) {
+                    this.focusedIndex.set(visibleNodes[visibleNodes.length - 1]._flatIndex);
+                }
+                break;
+            }
+            case 'Enter':
+            case ' ': {
+                event.preventDefault();
+                if (currentNode) {
+                    if (this.selectionMode() === 'checkbox') {
+                        this.onCheckboxChange(currentNode);
+                    }
+                    else {
+                        this.onNodeSelect(currentNode);
+                    }
+                }
+                break;
+            }
+            case '*': {
+                event.preventDefault();
+                // Expand all siblings at the same level
+                if (currentNode) {
+                    for (const node of visibleNodes) {
+                        if (node.level === currentNode.level && node.expandable && !node.expanded) {
+                            node.origin.expanded = true;
+                        }
+                    }
+                    this._refreshCounter.update((c) => c + 1);
+                }
+                break;
+            }
+        }
+    }
+    // --- Private helpers ---
+    _filterNodes(nodes, filterStr) {
+        const lowerFilter = filterStr.toLowerCase();
+        const result = [];
+        for (const node of nodes) {
+            const matches = this._nodeMatchesFilter(node, lowerFilter);
+            const filteredChildren = node.children != null ? this._filterNodes(node.children, filterStr) : [];
+            if (matches || filteredChildren.length > 0) {
+                const cloned = {
+                    ...node,
+                    children: filteredChildren.length > 0 ? filteredChildren : node.children,
+                    expanded: filteredChildren.length > 0 ? true : node.expanded,
+                };
+                result.push(cloned);
+            }
+        }
+        return result;
+    }
+    _nodeMatchesFilter(node, lowerFilter) {
+        const data = node.data;
+        if (typeof data === 'string') {
+            return data.toLowerCase().includes(lowerFilter);
+        }
+        if (data != null && typeof data === 'object') {
+            if ('name' in data && typeof data.name === 'string') {
+                return data.name.toLowerCase().includes(lowerFilter);
+            }
+            if ('label' in data && typeof data.label === 'string') {
+                return data.label.toLowerCase().includes(lowerFilter);
+            }
+        }
+        return String(data).toLowerCase().includes(lowerFilter);
+    }
+    _setExpandedRecursive(nodes, expanded) {
+        for (const node of nodes) {
+            node.expanded = expanded;
+            if (node.children != null) {
+                this._setExpandedRecursive(node.children, expanded);
+            }
+        }
+    }
+    _clearSelectionRecursive(nodes) {
+        for (const node of nodes) {
+            node.selected = false;
+            if (node.children != null) {
+                this._clearSelectionRecursive(node.children);
+            }
+        }
+    }
+    _setSelectedRecursive(nodes, selected) {
+        for (const node of nodes) {
+            node.selected = selected;
+            if (node.children != null) {
+                this._setSelectedRecursive(node.children, selected);
+            }
+        }
+    }
+    _collectSelectedRecursive(nodes, result) {
+        for (const node of nodes) {
+            if (node.selected) {
+                result.push(node);
+            }
+            if (node.children != null) {
+                this._collectSelectedRecursive(node.children, result);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiTreeComponent, isStandalone: true, selector: "fui-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, loadChildren: { classPropertyName: "loadChildren", publicName: "loadChildren", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualItemSize: { classPropertyName: "virtualItemSize", publicName: "virtualItemSize", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodeSelect: "nodeSelect", nodeUnselect: "nodeUnselect", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", nodeDrop: "nodeDrop", filterChange: "filterChange" }, host: { attributes: { "role": "tree" }, listeners: { "keydown": "_onKeydown($event)" }, properties: { "attr.tabindex": "0" }, classAttribute: "fui-tree" }, ngImport: i0, template: "@if (!virtualScroll()) {\n  @for (flatNode of flatNodes(); track flatNode._flatIndex) {\n    <fui-tree-node\n      [flatNode]=\"flatNode\"\n      [selectionMode]=\"selectionMode()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n      [focused]=\"focusedIndex() === flatNode._flatIndex\"\n      (toggle)=\"onNodeToggle(flatNode)\"\n      (select)=\"onNodeSelect(flatNode)\"\n      (checkboxChange)=\"onCheckboxChange(flatNode)\"\n    >\n    </fui-tree-node>\n  }\n}\n\n@if (virtualScroll()) {\n  <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\n    <fui-tree-node\n      *fuiVirtualFor=\"let flatNode of flatNodes()\"\n      [flatNode]=\"flatNode\"\n      [selectionMode]=\"selectionMode()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n      [focused]=\"focusedIndex() === flatNode._flatIndex\"\n      (toggle)=\"onNodeToggle(flatNode)\"\n      (select)=\"onNodeSelect(flatNode)\"\n      (checkboxChange)=\"onCheckboxChange(flatNode)\"\n    >\n    </fui-tree-node>\n  </fui-virtual-scroll-viewport>\n}\n", styles: [".fui-tree{display:block;outline:none;font-family:var(--fui-font-family);font-size:var(--fui-font-size-03);color:var(--fui-text-primary)}\n"], dependencies: [{ kind: "component", type: FuiTreeNodeComponent, selector: "fui-tree-node", inputs: ["flatNode", "selectionMode", "nodeTemplate", "checkboxState", "focused"], outputs: ["toggle", "select", "checkboxChange"] }, { kind: "component", type: FuiVirtualScrollViewportComponent, selector: "fui-virtual-scroll-viewport", inputs: ["itemSize", "minBufferPx", "maxBufferPx", "orientation"], outputs: ["scrolledIndexChange", "renderedRangeChange"] }, { kind: "directive", type: FuiVirtualForDirective, selector: "[fuiVirtualFor][fuiVirtualForOf]", inputs: ["fuiVirtualForOf", "fuiVirtualForTrackBy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-tree', standalone: true, imports: [FuiTreeNodeComponent, FuiVirtualScrollViewportComponent, FuiVirtualForDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'fui-tree',
+                        role: 'tree',
+                        '[attr.tabindex]': '0',
+                        '(keydown)': '_onKeydown($event)',
+                    }, template: "@if (!virtualScroll()) {\n  @for (flatNode of flatNodes(); track flatNode._flatIndex) {\n    <fui-tree-node\n      [flatNode]=\"flatNode\"\n      [selectionMode]=\"selectionMode()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n      [focused]=\"focusedIndex() === flatNode._flatIndex\"\n      (toggle)=\"onNodeToggle(flatNode)\"\n      (select)=\"onNodeSelect(flatNode)\"\n      (checkboxChange)=\"onCheckboxChange(flatNode)\"\n    >\n    </fui-tree-node>\n  }\n}\n\n@if (virtualScroll()) {\n  <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\n    <fui-tree-node\n      *fuiVirtualFor=\"let flatNode of flatNodes()\"\n      [flatNode]=\"flatNode\"\n      [selectionMode]=\"selectionMode()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n      [focused]=\"focusedIndex() === flatNode._flatIndex\"\n      (toggle)=\"onNodeToggle(flatNode)\"\n      (select)=\"onNodeSelect(flatNode)\"\n      (checkboxChange)=\"onCheckboxChange(flatNode)\"\n    >\n    </fui-tree-node>\n  </fui-virtual-scroll-viewport>\n}\n", styles: [".fui-tree{display:block;outline:none;font-family:var(--fui-font-family);font-size:var(--fui-font-size-03);color:var(--fui-text-primary)}\n"] }]
+        }], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: true }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], loadChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadChildren", required: false }] }], nodeTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeTemplate", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], virtualItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualItemSize", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], nodeSelect: [{ type: i0.Output, args: ["nodeSelect"] }], nodeUnselect: [{ type: i0.Output, args: ["nodeUnselect"] }], nodeExpand: [{ type: i0.Output, args: ["nodeExpand"] }], nodeCollapse: [{ type: i0.Output, args: ["nodeCollapse"] }], nodeDrop: [{ type: i0.Output, args: ["nodeDrop"] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuiTreeComponent, FuiTreeFlattener, FuiTreeNodeComponent };
+//# sourceMappingURL=raintonic-formaui-components-tree.mjs.map

package/fesm2022/raintonic-formaui-components-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-tree.mjs","sources":["../../../lib/components/tree/fui-tree-node.component.ts","../../../lib/components/tree/fui-tree-node.component.html","../../../lib/components/tree/tree-flattener.ts","../../../lib/components/tree/fui-tree.component.ts","../../../lib/components/tree/fui-tree.component.html","../../../lib/components/tree/raintonic-formaui-components-tree.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, output, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\nimport { FuiCheckboxComponent } from '@raintonic/formaui/components/checkbox';\nimport { FuiFlatTreeNode, FuiTreeSelectionMode } from './tree.types';\n\n@Component({\n  selector: 'fui-tree-node',\n  standalone: true,\n  imports: [NgTemplateOutlet, FuiIconComponent, FuiCheckboxComponent],\n  templateUrl: './fui-tree-node.component.html',\n  styleUrl: './fui-tree-node.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-tree-node',\n    role: 'treeitem',\n    '[attr.aria-level]': 'flatNode().level + 1',\n    '[attr.aria-expanded]': 'flatNode().expandable ? flatNode().expanded : null',\n    '[attr.aria-selected]': 'flatNode().selected',\n    '[class.fui-tree-node--focused]': 'focused()',\n    '[class.fui-tree-node--selected]': 'flatNode().selected',\n    '[class.fui-tree-node--disabled]': 'flatNode().disabled',\n    '[style.padding-left.px]': 'flatNode().level * indentPx',\n  },\n})\nexport class FuiTreeNodeComponent {\n  readonly flatNode = input.required<FuiFlatTreeNode>();\n  readonly selectionMode = input<FuiTreeSelectionMode>('none');\n  readonly nodeTemplate = input<TemplateRef<any> | null>(null);\n  readonly checkboxState = input<'checked' | 'unchecked' | 'indeterminate'>('unchecked');\n  readonly focused = input(false);\n\n  readonly toggle = output();\n  readonly select = output();\n  readonly checkboxChange = output();\n\n  readonly indentPx = 24;\n}\n","<div class=\"fui-tree-node__content\">\n  <!-- Expand/collapse toggle -->\n  <button\n    class=\"fui-tree-node__toggle\"\n    [class.fui-tree-node__toggle--hidden]=\"!flatNode().expandable\"\n    (click)=\"toggle.emit(); $event.stopPropagation()\"\n    [attr.aria-label]=\"flatNode().expanded ? 'Collapse' : 'Expand'\"\n    tabindex=\"-1\"\n    type=\"button\"\n  >\n    @if (flatNode().loading) {\n      <fui-icon name=\"spinner\" [spin]=\"true\" size=\"sm\"></fui-icon>\n    } @else {\n      <fui-icon [name]=\"flatNode().expanded ? 'caret-down' : 'caret-right'\" size=\"sm\"></fui-icon>\n    }\n  </button>\n\n  <!-- Checkbox (only in checkbox mode) -->\n  @if (selectionMode() === 'checkbox') {\n    <fui-checkbox\n      [checked]=\"checkboxState() === 'checked'\"\n      [indeterminate]=\"checkboxState() === 'indeterminate'\"\n      [disabled]=\"flatNode().disabled\"\n      (change)=\"checkboxChange.emit()\"\n    >\n    </fui-checkbox>\n  }\n\n  <!-- Node content -->\n  <div class=\"fui-tree-node__label\" (click)=\"select.emit()\" (dblclick)=\"toggle.emit()\">\n    @if (nodeTemplate()) {\n      <ng-container *ngTemplateOutlet=\"nodeTemplate()!; context: { $implicit: flatNode().origin, node: flatNode() }\">\n      </ng-container>\n    } @else {\n      {{ flatNode().origin.data }}\n    }\n  </div>\n</div>\n","import { FuiFlatTreeNode, FuiTreeNode } from './tree.types';\n\nexport class FuiTreeFlattener<T = any> {\n  flatten(nodes: FuiTreeNode<T>[], hasLoadChildren = false): FuiFlatTreeNode<T>[] {\n    const result: FuiFlatTreeNode<T>[] = [];\n    let flatIndex = 0;\n\n    const recurse = (nodeList: FuiTreeNode<T>[], level: number, parentVisible: boolean): void => {\n      for (const node of nodeList) {\n        const visible = parentVisible;\n        const hasChildren = node.children != null && node.children.length > 0;\n        const expandable = !node.leaf && (hasChildren || (hasLoadChildren && node.children == null));\n\n        result.push({\n          origin: node,\n          level,\n          expandable,\n          expanded: node.expanded ?? false,\n          selected: node.selected ?? false,\n          disabled: node.disabled ?? false,\n          visible,\n          loading: false,\n          _flatIndex: flatIndex++,\n        });\n\n        if (node.expanded && node.children != null) {\n          recurse(node.children, level + 1, visible);\n        }\n      }\n    };\n\n    recurse(nodes, 0, true);\n    return result;\n  }\n\n  calculateCheckboxStates(nodes: FuiTreeNode<T>[]): Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'> {\n    const states = new Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'>();\n\n    const recurse = (nodeList: FuiTreeNode<T>[]): { total: number; checked: number } => {\n      let total = 0;\n      let checked = 0;\n\n      for (const node of nodeList) {\n        if (node.children != null && node.children.length > 0) {\n          const childResult = recurse(node.children);\n          total += childResult.total;\n          checked += childResult.checked;\n\n          if (childResult.checked === 0) {\n            states.set(node, node.selected ? 'checked' : 'unchecked');\n          } else if (childResult.checked === childResult.total) {\n            states.set(node, 'checked');\n          } else {\n            states.set(node, 'indeterminate');\n          }\n        } else {\n          total++;\n          if (node.selected) checked++;\n          states.set(node, node.selected ? 'checked' : 'unchecked');\n        }\n      }\n\n      return { total, checked };\n    };\n\n    recurse(nodes);\n    return states;\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  input,\n  output,\n  signal,\n  computed,\n  OnDestroy,\n  TemplateRef,\n} from '@angular/core';\nimport { Observable, Subscription, take } from 'rxjs';\nimport { FuiTreeNodeComponent } from './fui-tree-node.component';\nimport { FuiVirtualScrollViewportComponent, FuiVirtualForDirective } from '@raintonic/formaui/cdk/virtual-scroll';\nimport { FuiTreeFlattener } from './tree-flattener';\nimport {\n  FuiTreeNode,\n  FuiFlatTreeNode,\n  FuiTreeSelectionMode,\n  FuiTreeNodeEvent,\n  FuiTreeDragDropEvent,\n} from './tree.types';\n\n@Component({\n  selector: 'fui-tree',\n  standalone: true,\n  imports: [FuiTreeNodeComponent, FuiVirtualScrollViewportComponent, FuiVirtualForDirective],\n  templateUrl: './fui-tree.component.html',\n  styleUrl: './fui-tree.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-tree',\n    role: 'tree',\n    '[attr.tabindex]': '0',\n    '(keydown)': '_onKeydown($event)',\n  },\n})\nexport class FuiTreeComponent<T = any> implements OnDestroy {\n  readonly nodes = input.required<FuiTreeNode<T>[]>();\n  readonly selectionMode = input<FuiTreeSelectionMode>('none');\n  readonly loadChildren = input<((node: FuiTreeNode<T>) => Observable<FuiTreeNode<T>[]>) | null>(null);\n  readonly nodeTemplate = input<TemplateRef<any> | null>(null);\n  readonly draggable = input(false);\n  readonly virtualScroll = input(false);\n  readonly virtualItemSize = input(32);\n  readonly filter = input('');\n\n  readonly nodeSelect = output<FuiTreeNodeEvent<T>>();\n  readonly nodeUnselect = output<FuiTreeNodeEvent<T>>();\n  readonly nodeExpand = output<FuiTreeNodeEvent<T>>();\n  readonly nodeCollapse = output<FuiTreeNodeEvent<T>>();\n  readonly nodeDrop = output<FuiTreeDragDropEvent<T>>();\n  readonly filterChange = output<string>();\n\n  private readonly _flattener = new FuiTreeFlattener<T>();\n  private readonly _subscriptions: Subscription[] = [];\n\n  /** Refresh counter to trigger re-flatten after mutations */\n  private readonly _refreshCounter = signal(0);\n\n  readonly flatNodes = computed(() => {\n    this._refreshCounter();\n    const nodes = this.nodes();\n    const filterStr = this.filter();\n    let processedNodes = nodes;\n    if (filterStr) {\n      processedNodes = this._filterNodes(nodes, filterStr);\n    }\n    return this._flattener.flatten(processedNodes, this.loadChildren() != null);\n  });\n\n  readonly checkboxStates = computed(() => {\n    this._refreshCounter();\n    if (this.selectionMode() !== 'checkbox') {\n      return new Map<FuiTreeNode<T>, 'checked' | 'unchecked' | 'indeterminate'>();\n    }\n    return this._flattener.calculateCheckboxStates(this.nodes());\n  });\n\n  readonly focusedIndex = signal(0);\n\n  ngOnDestroy(): void {\n    for (const sub of this._subscriptions) {\n      sub.unsubscribe();\n    }\n  }\n\n  // --- Public API ---\n\n  expandAll(): void {\n    this._setExpandedRecursive(this.nodes(), true);\n    this._refreshCounter.update((c) => c + 1);\n  }\n\n  collapseAll(): void {\n    this._setExpandedRecursive(this.nodes(), false);\n    this._refreshCounter.update((c) => c + 1);\n  }\n\n  selectNode(node: FuiTreeNode<T>): void {\n    const mode = this.selectionMode();\n    if (mode === 'none') return;\n\n    if (mode === 'single') {\n      this._clearSelectionRecursive(this.nodes());\n      node.selected = true;\n    } else if (mode === 'multi' || mode === 'checkbox') {\n      node.selected = true;\n    }\n    this._refreshCounter.update((c) => c + 1);\n  }\n\n  getSelectedNodes(): FuiTreeNode<T>[] {\n    const selected: FuiTreeNode<T>[] = [];\n    this._collectSelectedRecursive(this.nodes(), selected);\n    return selected;\n  }\n\n  // --- Event handlers ---\n\n  onNodeToggle(flatNode: FuiFlatTreeNode<T>): void {\n    const node = flatNode.origin;\n\n    if (flatNode.expanded) {\n      node.expanded = false;\n      this.nodeCollapse.emit({ node, flatNode });\n    } else {\n      const loadChildrenFn = this.loadChildren();\n      if (loadChildrenFn && node.children == null) {\n        // Lazy load children\n        this._refreshCounter.update((c) => c + 1);\n\n        const sub = loadChildrenFn(node)\n          .pipe(take(1))\n          .subscribe({\n            next: (children) => {\n              node.children = children;\n              node.expanded = true;\n              this._refreshCounter.update((c) => c + 1);\n              this.nodeExpand.emit({ node, flatNode });\n            },\n            error: () => {\n              this._refreshCounter.update((c) => c + 1);\n            },\n          });\n        this._subscriptions.push(sub);\n        return;\n      } else {\n        node.expanded = true;\n        this.nodeExpand.emit({ node, flatNode });\n      }\n    }\n    this._refreshCounter.update((c) => c + 1);\n  }\n\n  onNodeSelect(flatNode: FuiFlatTreeNode<T>): void {\n    const node = flatNode.origin;\n    const mode = this.selectionMode();\n\n    if (mode === 'none' || flatNode.disabled) return;\n\n    if (mode === 'single') {\n      const wasSelected = node.selected;\n      this._clearSelectionRecursive(this.nodes());\n      if (!wasSelected) {\n        node.selected = true;\n        this.nodeSelect.emit({ node, flatNode });\n      } else {\n        this.nodeUnselect.emit({ node, flatNode });\n      }\n    } else if (mode === 'multi') {\n      node.selected = !node.selected;\n      if (node.selected) {\n        this.nodeSelect.emit({ node, flatNode });\n      } else {\n        this.nodeUnselect.emit({ node, flatNode });\n      }\n    }\n\n    this._refreshCounter.update((c) => c + 1);\n  }\n\n  onCheckboxChange(flatNode: FuiFlatTreeNode<T>): void {\n    const node = flatNode.origin;\n    if (flatNode.disabled) return;\n\n    node.selected = !node.selected;\n\n    // Propagate to children\n    if (node.children != null) {\n      this._setSelectedRecursive(node.children, node.selected);\n    }\n\n    if (node.selected) {\n      this.nodeSelect.emit({ node, flatNode });\n    } else {\n      this.nodeUnselect.emit({ node, flatNode });\n    }\n\n    this._refreshCounter.update((c) => c + 1);\n  }\n\n  // --- Keyboard navigation ---\n\n  _onKeydown(event: KeyboardEvent): void {\n    const visibleNodes = this.flatNodes().filter((n) => n.visible);\n    if (visibleNodes.length === 0) return;\n\n    const currentIndex = this.focusedIndex();\n    const currentNode = visibleNodes.find((n) => n._flatIndex === currentIndex);\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\n        if (currentVisIdx < visibleNodes.length - 1) {\n          this.focusedIndex.set(visibleNodes[currentVisIdx + 1]._flatIndex);\n        }\n        break;\n      }\n\n      case 'ArrowUp': {\n        event.preventDefault();\n        const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\n        if (currentVisIdx > 0) {\n          this.focusedIndex.set(visibleNodes[currentVisIdx - 1]._flatIndex);\n        }\n        break;\n      }\n\n      case 'ArrowRight': {\n        event.preventDefault();\n        if (currentNode?.expandable) {\n          if (!currentNode.expanded) {\n            this.onNodeToggle(currentNode);\n          } else {\n            // Move to first child\n            const currentVisIdx = visibleNodes.findIndex((n) => n._flatIndex === currentIndex);\n            if (currentVisIdx < visibleNodes.length - 1) {\n              this.focusedIndex.set(visibleNodes[currentVisIdx + 1]._flatIndex);\n            }\n          }\n        }\n        break;\n      }\n\n      case 'ArrowLeft': {\n        event.preventDefault();\n        if (currentNode && currentNode.expanded && currentNode.expandable) {\n          this.onNodeToggle(currentNode);\n        } else if (currentNode && currentNode.level > 0) {\n          // Move to parent - search backwards for closest node at parent level\n          for (let i = visibleNodes.length - 1; i >= 0; i--) {\n            if (visibleNodes[i]._flatIndex < currentIndex && visibleNodes[i].level === currentNode.level - 1) {\n              this.focusedIndex.set(visibleNodes[i]._flatIndex);\n              break;\n            }\n          }\n        }\n        break;\n      }\n\n      case 'Home': {\n        event.preventDefault();\n        if (visibleNodes.length > 0) {\n          this.focusedIndex.set(visibleNodes[0]._flatIndex);\n        }\n        break;\n      }\n\n      case 'End': {\n        event.preventDefault();\n        if (visibleNodes.length > 0) {\n          this.focusedIndex.set(visibleNodes[visibleNodes.length - 1]._flatIndex);\n        }\n        break;\n      }\n\n      case 'Enter':\n      case ' ': {\n        event.preventDefault();\n        if (currentNode) {\n          if (this.selectionMode() === 'checkbox') {\n            this.onCheckboxChange(currentNode);\n          } else {\n            this.onNodeSelect(currentNode);\n          }\n        }\n        break;\n      }\n\n      case '*': {\n        event.preventDefault();\n        // Expand all siblings at the same level\n        if (currentNode) {\n          for (const node of visibleNodes) {\n            if (node.level === currentNode.level && node.expandable && !node.expanded) {\n              node.origin.expanded = true;\n            }\n          }\n          this._refreshCounter.update((c) => c + 1);\n        }\n        break;\n      }\n    }\n  }\n\n  // --- Private helpers ---\n\n  private _filterNodes(nodes: FuiTreeNode<T>[], filterStr: string): FuiTreeNode<T>[] {\n    const lowerFilter = filterStr.toLowerCase();\n    const result: FuiTreeNode<T>[] = [];\n\n    for (const node of nodes) {\n      const matches = this._nodeMatchesFilter(node, lowerFilter);\n      const filteredChildren = node.children != null ? this._filterNodes(node.children, filterStr) : [];\n\n      if (matches || filteredChildren.length > 0) {\n        const cloned: FuiTreeNode<T> = {\n          ...node,\n          children: filteredChildren.length > 0 ? filteredChildren : node.children,\n          expanded: filteredChildren.length > 0 ? true : node.expanded,\n        };\n        result.push(cloned);\n      }\n    }\n\n    return result;\n  }\n\n  private _nodeMatchesFilter(node: FuiTreeNode<T>, lowerFilter: string): boolean {\n    const data = node.data as any;\n    if (typeof data === 'string') {\n      return data.toLowerCase().includes(lowerFilter);\n    }\n    if (data != null && typeof data === 'object') {\n      if ('name' in data && typeof data.name === 'string') {\n        return data.name.toLowerCase().includes(lowerFilter);\n      }\n      if ('label' in data && typeof data.label === 'string') {\n        return data.label.toLowerCase().includes(lowerFilter);\n      }\n    }\n    return String(data).toLowerCase().includes(lowerFilter);\n  }\n\n  private _setExpandedRecursive(nodes: FuiTreeNode<T>[], expanded: boolean): void {\n    for (const node of nodes) {\n      node.expanded = expanded;\n      if (node.children != null) {\n        this._setExpandedRecursive(node.children, expanded);\n      }\n    }\n  }\n\n  private _clearSelectionRecursive(nodes: FuiTreeNode<T>[]): void {\n    for (const node of nodes) {\n      node.selected = false;\n      if (node.children != null) {\n        this._clearSelectionRecursive(node.children);\n      }\n    }\n  }\n\n  private _setSelectedRecursive(nodes: FuiTreeNode<T>[], selected: boolean): void {\n    for (const node of nodes) {\n      node.selected = selected;\n      if (node.children != null) {\n        this._setSelectedRecursive(node.children, selected);\n      }\n    }\n  }\n\n  private _collectSelectedRecursive(nodes: FuiTreeNode<T>[], result: FuiTreeNode<T>[]): void {\n    for (const node of nodes) {\n      if (node.selected) {\n        result.push(node);\n      }\n      if (node.children != null) {\n        this._collectSelectedRecursive(node.children, result);\n      }\n    }\n  }\n}\n","@if (!virtualScroll()) {\n  @for (flatNode of flatNodes(); track flatNode._flatIndex) {\n    <fui-tree-node\n      [flatNode]=\"flatNode\"\n      [selectionMode]=\"selectionMode()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n      [focused]=\"focusedIndex() === flatNode._flatIndex\"\n      (toggle)=\"onNodeToggle(flatNode)\"\n      (select)=\"onNodeSelect(flatNode)\"\n      (checkboxChange)=\"onCheckboxChange(flatNode)\"\n    >\n    </fui-tree-node>\n  }\n}\n\n@if (virtualScroll()) {\n  <fui-virtual-scroll-viewport [itemSize]=\"virtualItemSize()\" style=\"height: 100%\">\n    <fui-tree-node\n      *fuiVirtualFor=\"let flatNode of flatNodes()\"\n      [flatNode]=\"flatNode\"\n      [selectionMode]=\"selectionMode()\"\n      [nodeTemplate]=\"nodeTemplate()\"\n      [checkboxState]=\"checkboxStates().get(flatNode.origin) ?? 'unchecked'\"\n      [focused]=\"focusedIndex() === flatNode._flatIndex\"\n      (toggle)=\"onNodeToggle(flatNode)\"\n      (select)=\"onNodeSelect(flatNode)\"\n      (checkboxChange)=\"onCheckboxChange(flatNode)\"\n    >\n    </fui-tree-node>\n  </fui-virtual-scroll-viewport>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-core.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+
+/**
+ * Injection token used to provide the form field control to the form field
+ */
+const FUI_FORM_FIELD_CONTROL = new InjectionToken('FuiFormFieldControl');
+
+/**
+ * Default error state matcher implementation
+ * Shows errors when control is invalid and either touched or form is submitted
+ */
+class DefaultErrorStateMatcher {
+    isErrorState(control, form) {
+        const isSubmitted = form?.submitted;
+        return !!(control && control.invalid && (control.touched || isSubmitted));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DefaultErrorStateMatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DefaultErrorStateMatcher, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DefaultErrorStateMatcher, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Mixin that adds error state handling
+ */
+function mixinErrorState(base) {
+    return class extends base {
+        errorState = false;
+        isErrorState = false;
+        errorStateMatcher = null;
+        stateChanges = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-useless-constructor, @typescript-eslint/no-explicit-any -- Mixin pattern requires any[] for constructor spread
+        constructor(...args) {
+            super(...args);
+        }
+        updateErrorState() {
+            this._updateErrorState();
+        }
+        _updateErrorState() {
+            const isOldState = this.isErrorState;
+            const parent = this._parentFormGroup ?? this._parentForm;
+            const matcher = this.errorStateMatcher ?? this._defaultErrorStateMatcher;
+            const control = this.ngControl ? this.ngControl.control : null;
+            const isNewState = matcher.isErrorState(control, parent);
+            if (isNewState !== isOldState) {
+                this.isErrorState = isNewState;
+                this.errorState = isNewState;
+                this.stateChanges.next();
+            }
+        }
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DefaultErrorStateMatcher, FUI_FORM_FIELD_CONTROL, mixinErrorState };
+//# sourceMappingURL=raintonic-formaui-core.mjs.map