@arsedizioni/ars-utils 22.5.38 → 22.5.39

package/fesm2022/arsedizioni-ars-utils-ui.controls.tree.mjs

@@ -0,0 +1,368 @@
+import * as i0 from '@angular/core';
+import { input, model, output, viewChild, inject, ElementRef, computed, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { form, FormField } from '@angular/forms/signals';
+import { SafeHtmlPipe } from '@arsedizioni/ars-utils/core';
+import * as i1 from '@angular/material/tree';
+import { MatTree, MatTreeModule } from '@angular/material/tree';
+import * as i2 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i5 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i6 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i7 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i10 from '@arsedizioni/ars-utils/ui';
+import { FlexLayoutModule } from '@arsedizioni/ars-utils/ui';
+import * as i8 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i9 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+
+class TreePickerComponent {
+    /** Returns true when the node can be selected: depth < maxDepth or explicitly listed in maxDepthOverrides. */
+    isSelectable(node) {
+        return this._isSelectableNode(node);
+    }
+    _isSelectableNode(node) {
+        const depth = this._maps().depthMap.get(node.id) ?? 0;
+        return depth < this.maxDepth() || this._overrideSubtreeSet().has(node.id);
+    }
+    constructor() {
+        /** Nested tree data to display. */
+        this.tree = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
+        /** Currently selected node ids. Supports two-way binding via [(selection)]. */
+        this.selection = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+        /** When true, checkboxes and chip remove buttons are disabled (mirrors Material convention). */
+        this.disabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /** Description to display when no selection is made. */
+        this.descriptionEmpty = input('<span>Nessuna selezione: vengono inclusi <strong>tutti gli elementi</strong>.</span>', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptionEmpty" }] : /* istanbul ignore next */ []));
+        /** Maximum number of tree levels to display (default: 3). */
+        this.maxDepth = input(3, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxDepth" }] : /* istanbul ignore next */ []));
+        /**
+         * List of node IDs at depth >= maxDepth that unlock selection for themselves
+         * and all their descendants, regardless of depth.
+         */
+        this.maxDepthOverrides = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxDepthOverrides" }] : /* istanbul ignore next */ []));
+        /**
+         * Number of levels to auto-expand on load.
+         * 0 or undefined = only top level visible (no expansion);
+         * 1 = expand depth-0 nodes; 2 = expand depth-0 and depth-1 nodes; etc.
+         * Must be less than maxDepth.
+         */
+        this.minDepth = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minDepth" }] : /* istanbul ignore next */ []));
+        /**
+         * Emits the count of visible selected nodes whenever the selection changes.
+         * Emits 0 when nothing is selected (meaning all items are implicitly included).
+         */
+        this.selectionCount = output();
+        /** Emits void whenever the user changes the selection (toggle, remove, clear). */
+        this.changed = output();
+        this._treeRef = viewChild((MatTree), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_treeRef" }] : /* istanbul ignore next */ []));
+        this._elRef = inject(ElementRef);
+        /**
+         * Set of all node IDs selectable via overrides: each listed root and all its descendants.
+         * Recomputed whenever the tree data or the override list changes.
+         */
+        this._overrideSubtreeSet = computed(() => {
+            const overrideIds = new Set(this.maxDepthOverrides());
+            const maps = this._maps();
+            const result = new Set();
+            for (const id of overrideIds) {
+                const root = maps.nodeMap.get(id);
+                if (!root)
+                    continue;
+                const addSubtree = (n) => {
+                    result.add(n.id);
+                    for (const child of (n.children ?? []))
+                        addSubtree(child);
+                };
+                addSubtree(root);
+            }
+            return result;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_overrideSubtreeSet" }] : /* istanbul ignore next */ []));
+        /** All three maps rebuilt lazily as a single computed whenever taxonomy changes. */
+        this._maps = computed(() => {
+            const parentMap = new Map();
+            const depthMap = new Map();
+            const nodeMap = new Map();
+            const build = (nodes, parent, depth = 0) => {
+                for (const node of nodes) {
+                    depthMap.set(node.id, depth);
+                    nodeMap.set(node.id, node);
+                    if (parent)
+                        parentMap.set(node.id, parent);
+                    if (node.children?.length)
+                        build(node.children, node, depth + 1);
+                }
+            };
+            build(this.tree());
+            return { parentMap, depthMap, nodeMap };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_maps" }] : /* istanbul ignore next */ []));
+        /** O(1) set of selected ids, rebuilt only when selection changes. */
+        this._selectedSet = computed(() => new Set(this.selection()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_selectedSet" }] : /* istanbul ignore next */ []));
+        /** True when at least one node is explicitly selected. */
+        this.hasSelection = computed(() => this.selection().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
+        /** Count of selected nodes within selectable levels (depth < maxDepth or in overrides), shown in the tab label. */
+        this.selectedVisibleCount = computed(() => this.selection().filter(id => {
+            const node = this._maps().nodeMap.get(id);
+            return node ? this._isSelectableNode(node) : false;
+        }).length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedVisibleCount" }] : /* istanbul ignore next */ []));
+        this.treeChildrenAccessor = (node) => {
+            return (node.children ?? []);
+        };
+        this.hasChild = (_, node) => !!(node.children?.length);
+        /** Current filter text. */
+        this.filterText = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []));
+        /** Root signal form bound to the filter text input. */
+        this.filterForm = form(this.filterText);
+        /** Nodes matching the current filter text, in nodeMap iteration order. */
+        this.filteredItems = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []));
+        /** Index of the currently highlighted filtered node (-1 = none). */
+        this.filterIndex = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterIndex" }] : /* istanbul ignore next */ []));
+        /** The currently highlighted filtered node, or null. */
+        this.filteredNode = computed(() => {
+            const idx = this.filterIndex();
+            return idx >= 0 ? (this.filteredItems()[idx] ?? null) : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filteredNode" }] : /* istanbul ignore next */ []));
+        // Expand nodes up to minDepth whenever new taxonomy data arrives
+        effect(() => {
+            const maps = this._maps();
+            const expandLevels = this.minDepth() ?? 0;
+            setTimeout(() => {
+                const tree = this._treeRef();
+                if (!tree)
+                    return;
+                tree.collapseAll();
+                if (expandLevels <= 0)
+                    return;
+                maps.depthMap.forEach((depth, id) => {
+                    if (depth < expandLevels) {
+                        const node = maps.nodeMap.get(id);
+                        if (node)
+                            tree.expand(node);
+                    }
+                });
+            });
+        });
+        // Emit visible selection count on every selection change
+        effect(() => {
+            this.selectionCount.emit(this.selectedVisibleCount());
+        });
+    }
+    /** Expands all visible nodes in the tree. */
+    expandAll() {
+        this._treeRef()?.expandAll();
+    }
+    /** Collapses all nodes in the tree. */
+    collapseAll() {
+        this._treeRef()?.collapseAll();
+    }
+    /** Clears the entire selection. */
+    clearAll() {
+        this.selection.set([]);
+        this.changed.emit();
+    }
+    /** Searches nodes by text and moves to the first match. */
+    doFilter() {
+        const text = this.filterText().trim().toLowerCase();
+        if (text.length < 3) {
+            this.filteredItems.set([]);
+            this.filterIndex.set(-1);
+            return;
+        }
+        const matches = Array.from(this._maps().nodeMap.values())
+            .filter(n => n.name?.toLowerCase().includes(text));
+        this.filteredItems.set(matches);
+        const idx = matches.length > 0 ? 0 : -1;
+        this.filterIndex.set(idx);
+        if (idx >= 0)
+            this._scrollToFiltered(idx, matches);
+    }
+    /** Clears the filter and restores the original tree state. */
+    clearFilter() {
+        this.filterText.set('');
+        this.filteredItems.set([]);
+        this.filterIndex.set(-1);
+    }
+    /** Moves to the next matching node, cycling back to the first. */
+    nextFiltered() {
+        const items = this.filteredItems();
+        if (!items.length)
+            return;
+        const next = (this.filterIndex() + 1) % items.length;
+        this.filterIndex.set(next);
+        this._scrollToFiltered(next, items);
+    }
+    /** Returns true when the node is the currently highlighted filter match. */
+    isFilteredNode(node) {
+        return this.filteredNode()?.id === node.id;
+    }
+    /** Expands ancestors of the target node and scrolls it into view. */
+    _scrollToFiltered(index, items) {
+        const node = items[index];
+        if (!node)
+            return;
+        const tree = this._treeRef();
+        if (tree) {
+            let parent = this._maps().parentMap.get(node.id);
+            while (parent) {
+                tree.expand(parent);
+                parent = this._maps().parentMap.get(parent.id);
+            }
+        }
+        setTimeout(() => {
+            const el = this._elRef.nativeElement.querySelector(`[data-node-id="${node.id}"]`);
+            el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+        });
+    }
+    /**
+     * Returns true when the node is in the active selection.
+     * @param node - tree node to check
+     * @returns true if selected
+     */
+    isSelected(node) {
+        return this._selectedSet().has(node.id);
+    }
+    /**
+     * Returns true when a subset (but not all) of the node's descendants are selected,
+     * producing the indeterminate checkbox state.
+     * @param node - tree node to evaluate
+     * @returns true if the node is in a partial-selection (indeterminate) state
+     */
+    isIndeterminate(node) {
+        if (!node.children?.length)
+            return false;
+        const descendants = this._getSelectableDescendants(node);
+        const set = this._selectedSet();
+        const count = descendants.filter(d => set.has(d.id)).length;
+        return count > 0 && count < descendants.length;
+    }
+    /**
+     * Toggles the node and all its descendants; then syncs the ancestor chain.
+     * @param node - the node that was clicked
+     */
+    toggleNode(node) {
+        this.selection.update(current => {
+            const set = new Set(current);
+            if (set.has(node.id)) {
+                set.delete(node.id);
+            }
+            else {
+                set.add(node.id);
+            }
+            this._syncParentsInSet(node, set);
+            return Array.from(set);
+        });
+        this.changed.emit();
+    }
+    /**
+     * Deselects the node and all its descendants. Called by the chip remove button.
+     * @param node - the node to remove from the selection
+     */
+    removeNode(node) {
+        this.selection.update(current => {
+            const set = new Set(current);
+            set.delete(node.id);
+            this._syncParentsInSet(node, set);
+            return Array.from(set);
+        });
+        this.changed.emit();
+    }
+    /**
+     * Returns the INode for the given id, or undefined if not found.
+     * @param id - node id to look up
+     * @returns the matching INode
+     */
+    nodeById(id) {
+        return this._maps().nodeMap.get(id);
+    }
+    /**
+     * Returns true when the node at the given id is within the visible depth range
+     * and should appear in the chip list.
+     * @param id - node id to check
+     * @returns true if the node depth is less than maxDepth
+     */
+    isChipVisible(id) {
+        const node = this._maps().nodeMap.get(id);
+        return node ? this._isSelectableNode(node) : false;
+    }
+    /**
+     * Returns only the selectable descendants of node (depth < maxDepth or in overrides),
+     * used for indeterminate state and parent auto-selection logic.
+     * @param node - root of the subtree to traverse
+     * @returns flat array of selectable descendant INodes
+     */
+    _getSelectableDescendants(node) {
+        const result = [];
+        for (const child of (node.children ?? [])) {
+            const c = child;
+            if (this._isSelectableNode(c))
+                result.push(c);
+            result.push(...this._getSelectableDescendants(c));
+        }
+        return result;
+    }
+    /**
+     * Walks up the ancestor chain from node, selecting a parent only when all
+     * its descendants are in the set, deselecting it otherwise.
+     * @param node - starting node for the upward traversal
+     * @param set - mutable selection set updated in place
+     */
+    _syncParentsInSet(node, set) {
+        let parent = this._maps().parentMap.get(node.id);
+        while (parent) {
+            const descendants = this._getSelectableDescendants(parent);
+            if (descendants.length > 0 && descendants.every(d => set.has(d.id))) {
+                set.add(parent.id);
+            }
+            else {
+                set.delete(parent.id);
+            }
+            parent = this._maps().parentMap.get(parent.id);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TreePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: TreePickerComponent, isStandalone: true, selector: "tree-picker", inputs: { tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, descriptionEmpty: { classPropertyName: "descriptionEmpty", publicName: "descriptionEmpty", isSignal: true, isRequired: false, transformFunction: null }, maxDepth: { classPropertyName: "maxDepth", publicName: "maxDepth", isSignal: true, isRequired: false, transformFunction: null }, maxDepthOverrides: { classPropertyName: "maxDepthOverrides", publicName: "maxDepthOverrides", isSignal: true, isRequired: false, transformFunction: null }, minDepth: { classPropertyName: "minDepth", publicName: "minDepth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectionCount: "selectionCount", changed: "changed" }, viewQueries: [{ propertyName: "_treeRef", first: true, predicate: (MatTree), descendants: true, isSignal: true }], ngImport: i0, template: "<mat-tab-group class=\"taxonomy-picker-tabs\" style=\"height:100%\">\n    <mat-tab style=\"overflow-x: hidden !important; height: 100%\">\n        <ng-template mat-tab-label>\n            Seleziona\n            <mat-icon\n                style=\"font-size:16px;height:16px;width:16px;margin-left:4px;vertical-align:middle;color:var(--mat-sys-primary)\"\n                [matTooltip]=\"'Nessuna selezione = tutti gli argomenti inclusi;\\r\\nOgni elemento selezionato include sempre tutti i suoi sottoelementi'\"\n                matTooltipPosition=\"above\">\n                info\n            </mat-icon>\n        </ng-template>\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\n            <div fxFlex>\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\n                    <div fxFlex fxHide.xs>\n                        <mat-form-field style=\"width:200px; padding: 8px 0px\" appearance=\"outline\"\n                            subscriptSizing=\"dynamic\">\n                            <mat-label>Cerca...</mat-label>\n                            <input type=\"text\" (keyup)=\"doFilter()\" matInput [formField]=\"filterForm\"\n                                (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\n                                (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\">\n                            @if (filterText()) {\n                            <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\n                                aria-label=\"Clear\" (click)=\"clearFilter()\">\n                                <mat-icon>close</mat-icon>\n                            </button>\n                            }\n                        </mat-form-field>\n                    </div>\n                    @if (filteredItems().length > 0) {\n                    <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\n                        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\n                    </div>\n                    <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\n                        <button mat-icon-button (click)=\"nextFiltered()\">\n                            <mat-icon aria-label=\"Vai al prossimo\"\n                                matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\n                        </button>\n                    </div>\n                    }\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end center\">\n                        <button mat-icon-button [matTooltip]=\"'Espandi tutto'\" (click)=\"expandAll()\">\n                            <mat-icon>unfold_more</mat-icon>\n                        </button>\n                        <button mat-icon-button [matTooltip]=\"'Comprimi tutto'\" (click)=\"collapseAll()\">\n                            <mat-icon>unfold_less</mat-icon>\n                        </button>\n                        <button mat-icon-button [matTooltip]=\"'Azzera selezione'\" [disabled]=\"!hasSelection()\"\n                            (click)=\"clearAll()\">\n                            <mat-icon>deselect</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div fxFlex=\"*\" style=\"overflow-y: auto;\">\n                <mat-tree [dataSource]=\"tree()\" [childrenAccessor]=\"treeChildrenAccessor\" class=\"tree\">\n                    <!-- Leaf node -->\n                    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\n                        class=\"tree-node\" [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\n                        [attr.data-node-id]=\"node.id\">\n                        <button mat-icon-button disabled style=\"visibility: hidden\"></button>\n                        @if (isSelectable(node)) {\n                        <mat-checkbox [checked]=\"isSelected(node)\" [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </mat-checkbox>\n                        } @else {\n                        <div class=\"tree-node-label-only\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </div>\n                        }\n                    </mat-tree-node>\n                    <!-- Expandable node with children -->\n                    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding\n                        [matTreeNodePaddingIndent]=\"20\" #treeNode=\"matTreeNode\" class=\"tree-node\"\n                        [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\n                        [attr.data-node-id]=\"node.id\">\n                        <button mat-icon-button matTreeNodeToggle>\n                            <mat-icon>{{treeNode.isExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n                        </button>\n                        @if (isSelectable(node)) {\n                        <mat-checkbox [checked]=\"isSelected(node)\" [indeterminate]=\"isIndeterminate(node)\"\n                            [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </mat-checkbox>\n                        } @else {\n                        <div class=\"tree-node-label-only\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </div>\n                        }\n                    </mat-tree-node>\n                </mat-tree>\n            </div>\n        </div>\n    </mat-tab>\n    <mat-tab [label]=\"hasSelection() ? 'Selezionati (' + selectedVisibleCount() + ')' : 'Selezionati (tutti)'\"\n        style=\"height: 100%;\">\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\n            <div fxFlex>\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\" style=\"padding:12px\">\n                    @if (!hasSelection()) {\n                    <mat-icon>info</mat-icon>\n                    <span [innerHTML]=\"descriptionEmpty() | safeHtml\"></span>\n                    } @else {\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end\">\n                        <button mat-button color=\"warn\" style=\"margin-left:auto\" (click)=\"clearAll()\">\n                            <mat-icon>deselect</mat-icon> Azzera tutto\n                        </button>\n                    </div>\n                    }\n                </div>\n            </div>\n            <div fxFlex=\"*\" style=\"overflow-y: auto; padding-bottom: 12px;\">\n                <mat-chip-set>\n                    @for (id of selection(); track id) {\n                    @let node = nodeById(id);\n                    @if (node && isChipVisible(id)) {\n                    <mat-chip (removed)=\"removeNode(node)\" style=\"max-width: 280px;\" [matTooltip]=\"node.name\">\n                        {{node.name}}\n                        @if (!disabled()) {\n                        <button matChipRemove matTooltip=\"Elimina\"><mat-icon>cancel</mat-icon></button>\n                        }\n                    </mat-chip>\n                    }\n                    }\n                </mat-chip-set>\n            </div>\n        </div>\n    </mat-tab>\n</mat-tab-group>", styles: [".tree-picker-tabs ::ng-deep .mat-mdc-tab-body-wrapper{flex:1 1 auto;height:100%}.tree{padding:8px 0 16px;background-color:transparent!important}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:not(.tree-node-no-select):hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-filtered ::ng-deep .mdc-label,.tree-node-filtered ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-accent, #7894ae)!important}.tree-node-filtered .tree-node-label-only{font-weight:700;color:var(--ars-color-accent, #7894ae);opacity:1}.tree-node-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.tree-node-label-only{display:flex;flex-direction:column;justify-content:center;padding-left:30px;opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i5.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i5.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i10.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i10.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i10.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [fxShow.xs],    [fxShow.sm],    [fxShow.md],    [fxShow.lg],    [fxShow.xl],    [fxShow.lt-sm],    [fxShow.lt-md],    [fxShow.lt-lg],    [fxShow.lt-xl],    [fxShow.gt-xs],    [fxShow.gt-sm],    [fxShow.gt-md],    [fxShow.gt-lg],    [fxHide.xs],    [fxHide.sm],    [fxHide.md],    [fxHide.lg],    [fxHide.xl],    [fxHide.lt-sm],    [fxHide.lt-md],    [fxHide.lt-lg],    [fxHide.lt-xl],    [fxHide.gt-xs],    [fxHide.gt-sm],    [fxHide.gt-md],    [fxHide.gt-lg]  ", inputs: ["fxShow", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i10.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i10.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i10.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TreePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatTreeModule, MatCheckboxModule, MatIconModule, MatTabsModule, MatChipsModule,
+                        MatButtonModule, MatTooltipModule, MatFormFieldModule, MatInputModule, FormField, FlexLayoutModule, SafeHtmlPipe], template: "<mat-tab-group class=\"taxonomy-picker-tabs\" style=\"height:100%\">\n    <mat-tab style=\"overflow-x: hidden !important; height: 100%\">\n        <ng-template mat-tab-label>\n            Seleziona\n            <mat-icon\n                style=\"font-size:16px;height:16px;width:16px;margin-left:4px;vertical-align:middle;color:var(--mat-sys-primary)\"\n                [matTooltip]=\"'Nessuna selezione = tutti gli argomenti inclusi;\\r\\nOgni elemento selezionato include sempre tutti i suoi sottoelementi'\"\n                matTooltipPosition=\"above\">\n                info\n            </mat-icon>\n        </ng-template>\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\n            <div fxFlex>\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\n                    <div fxFlex fxHide.xs>\n                        <mat-form-field style=\"width:200px; padding: 8px 0px\" appearance=\"outline\"\n                            subscriptSizing=\"dynamic\">\n                            <mat-label>Cerca...</mat-label>\n                            <input type=\"text\" (keyup)=\"doFilter()\" matInput [formField]=\"filterForm\"\n                                (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\n                                (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\">\n                            @if (filterText()) {\n                            <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\n                                aria-label=\"Clear\" (click)=\"clearFilter()\">\n                                <mat-icon>close</mat-icon>\n                            </button>\n                            }\n                        </mat-form-field>\n                    </div>\n                    @if (filteredItems().length > 0) {\n                    <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\n                        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\n                    </div>\n                    <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\n                        <button mat-icon-button (click)=\"nextFiltered()\">\n                            <mat-icon aria-label=\"Vai al prossimo\"\n                                matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\n                        </button>\n                    </div>\n                    }\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end center\">\n                        <button mat-icon-button [matTooltip]=\"'Espandi tutto'\" (click)=\"expandAll()\">\n                            <mat-icon>unfold_more</mat-icon>\n                        </button>\n                        <button mat-icon-button [matTooltip]=\"'Comprimi tutto'\" (click)=\"collapseAll()\">\n                            <mat-icon>unfold_less</mat-icon>\n                        </button>\n                        <button mat-icon-button [matTooltip]=\"'Azzera selezione'\" [disabled]=\"!hasSelection()\"\n                            (click)=\"clearAll()\">\n                            <mat-icon>deselect</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div fxFlex=\"*\" style=\"overflow-y: auto;\">\n                <mat-tree [dataSource]=\"tree()\" [childrenAccessor]=\"treeChildrenAccessor\" class=\"tree\">\n                    <!-- Leaf node -->\n                    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\n                        class=\"tree-node\" [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\n                        [attr.data-node-id]=\"node.id\">\n                        <button mat-icon-button disabled style=\"visibility: hidden\"></button>\n                        @if (isSelectable(node)) {\n                        <mat-checkbox [checked]=\"isSelected(node)\" [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </mat-checkbox>\n                        } @else {\n                        <div class=\"tree-node-label-only\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </div>\n                        }\n                    </mat-tree-node>\n                    <!-- Expandable node with children -->\n                    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding\n                        [matTreeNodePaddingIndent]=\"20\" #treeNode=\"matTreeNode\" class=\"tree-node\"\n                        [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\n                        [attr.data-node-id]=\"node.id\">\n                        <button mat-icon-button matTreeNodeToggle>\n                            <mat-icon>{{treeNode.isExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n                        </button>\n                        @if (isSelectable(node)) {\n                        <mat-checkbox [checked]=\"isSelected(node)\" [indeterminate]=\"isIndeterminate(node)\"\n                            [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </mat-checkbox>\n                        } @else {\n                        <div class=\"tree-node-label-only\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </div>\n                        }\n                    </mat-tree-node>\n                </mat-tree>\n            </div>\n        </div>\n    </mat-tab>\n    <mat-tab [label]=\"hasSelection() ? 'Selezionati (' + selectedVisibleCount() + ')' : 'Selezionati (tutti)'\"\n        style=\"height: 100%;\">\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\n            <div fxFlex>\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\" style=\"padding:12px\">\n                    @if (!hasSelection()) {\n                    <mat-icon>info</mat-icon>\n                    <span [innerHTML]=\"descriptionEmpty() | safeHtml\"></span>\n                    } @else {\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end\">\n                        <button mat-button color=\"warn\" style=\"margin-left:auto\" (click)=\"clearAll()\">\n                            <mat-icon>deselect</mat-icon> Azzera tutto\n                        </button>\n                    </div>\n                    }\n                </div>\n            </div>\n            <div fxFlex=\"*\" style=\"overflow-y: auto; padding-bottom: 12px;\">\n                <mat-chip-set>\n                    @for (id of selection(); track id) {\n                    @let node = nodeById(id);\n                    @if (node && isChipVisible(id)) {\n                    <mat-chip (removed)=\"removeNode(node)\" style=\"max-width: 280px;\" [matTooltip]=\"node.name\">\n                        {{node.name}}\n                        @if (!disabled()) {\n                        <button matChipRemove matTooltip=\"Elimina\"><mat-icon>cancel</mat-icon></button>\n                        }\n                    </mat-chip>\n                    }\n                    }\n                </mat-chip-set>\n            </div>\n        </div>\n    </mat-tab>\n</mat-tab-group>", styles: [".tree-picker-tabs ::ng-deep .mat-mdc-tab-body-wrapper{flex:1 1 auto;height:100%}.tree{padding:8px 0 16px;background-color:transparent!important}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:not(.tree-node-no-select):hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-filtered ::ng-deep .mdc-label,.tree-node-filtered ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-accent, #7894ae)!important}.tree-node-filtered .tree-node-label-only{font-weight:700;color:var(--ars-color-accent, #7894ae);opacity:1}.tree-node-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.tree-node-label-only{display:flex;flex-direction:column;justify-content:center;padding-left:30px;opacity:.7}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], descriptionEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionEmpty", required: false }] }], maxDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepth", required: false }] }], maxDepthOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepthOverrides", required: false }] }], minDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDepth", required: false }] }], selectionCount: [{ type: i0.Output, args: ["selectionCount"] }], changed: [{ type: i0.Output, args: ["changed"] }], _treeRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTree), { isSignal: true }] }] } });
+
+/*
+ * Public API Surface of @arsedizioni/ars-utils/ui.controls.tree
+ *
+ * `TreePickerComponent` alone. It is the only consumer of `mat-tree`, `mat-tabs`, `mat-input` and
+ * `mat-checkbox` in the library: leaving it next to the small controls of `ui.controls` would tie
+ * the placement of that whole Material subtree to whichever chunk first reaches a button.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TreePickerComponent };
+//# sourceMappingURL=arsedizioni-ars-utils-ui.controls.tree.mjs.map

package/fesm2022/arsedizioni-ars-utils-ui.controls.tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"arsedizioni-ars-utils-ui.controls.tree.mjs","sources":["../../../projects/ars-utils/ui.controls.tree/tree-picker/tree-picker.component.ts","../../../projects/ars-utils/ui.controls.tree/tree-picker/tree-picker.component.html","../../../projects/ars-utils/ui.controls.tree/public_api.ts","../../../projects/ars-utils/ui.controls.tree/arsedizioni-ars-utils-ui.controls.tree.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, model, output, signal, viewChild } from '@angular/core';\nimport { FormField, form } from '@angular/forms/signals';\nimport { INode, SafeHtmlPipe } from '@arsedizioni/ars-utils/core';\nimport { MatTree, MatTreeModule } from '@angular/material/tree';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { FlexLayoutModule } from '@arsedizioni/ars-utils/ui';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\ninterface TaxonomyMaps {\n  parentMap: Map<string, INode>;\n  depthMap: Map<string, number>;\n  nodeMap: Map<string, INode>;\n}\n\n@Component({\n  selector: 'tree-picker',\n  templateUrl: './tree-picker.component.html',\n  styleUrls: ['./tree-picker.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MatTreeModule, MatCheckboxModule, MatIconModule, MatTabsModule, MatChipsModule,\n    MatButtonModule, MatTooltipModule, MatFormFieldModule, MatInputModule, FormField, FlexLayoutModule, SafeHtmlPipe]\n})\nexport class TreePickerComponent {\n  /** Nested tree data to display. */\n  readonly tree = input<INode[]>([]);\n\n  /** Currently selected node ids. Supports two-way binding via [(selection)]. */\n  readonly selection = model<string[]>([]);\n\n  /** When true, checkboxes and chip remove buttons are disabled (mirrors Material convention). */\n  readonly disabled = input<boolean>(false);\n\n  /** Description to display when no selection is made. */\n  readonly descriptionEmpty = input<string>('<span>Nessuna selezione: vengono inclusi <strong>tutti gli elementi</strong>.</span>');\n\n  /** Maximum number of tree levels to display (default: 3). */\n  readonly maxDepth = input<number>(3);\n\n  /**\n   * List of node IDs at depth >= maxDepth that unlock selection for themselves\n   * and all their descendants, regardless of depth.\n   */\n  readonly maxDepthOverrides = input<string[]>([]);\n\n  /**\n   * Number of levels to auto-expand on load.\n   * 0 or undefined = only top level visible (no expansion);\n   * 1 = expand depth-0 nodes; 2 = expand depth-0 and depth-1 nodes; etc.\n   * Must be less than maxDepth.\n   */\n  readonly minDepth = input<number | undefined>(undefined);\n\n  /**\n   * Emits the count of visible selected nodes whenever the selection changes.\n   * Emits 0 when nothing is selected (meaning all items are implicitly included).\n   */\n  readonly selectionCount = output<number>();\n\n  /** Emits void whenever the user changes the selection (toggle, remove, clear). */\n  readonly changed = output<void>();\n\n  private readonly _treeRef = viewChild(MatTree<INode>);\n  private readonly _elRef = inject(ElementRef);\n\n  /**\n   * Set of all node IDs selectable via overrides: each listed root and all its descendants.\n   * Recomputed whenever the tree data or the override list changes.\n   */\n  private readonly _overrideSubtreeSet = computed(() => {\n    const overrideIds = new Set(this.maxDepthOverrides());\n    const maps = this._maps();\n    const result = new Set<string>();\n    for (const id of overrideIds) {\n      const root = maps.nodeMap.get(id);\n      if (!root) continue;\n      const addSubtree = (n: INode): void => {\n        result.add(n.id);\n        for (const child of (n.children ?? [])) addSubtree(child as INode);\n      };\n      addSubtree(root);\n    }\n    return result;\n  });\n\n  /** All three maps rebuilt lazily as a single computed whenever taxonomy changes. */\n  private readonly _maps = computed<TaxonomyMaps>(() => {\n    const parentMap = new Map<string, INode>();\n    const depthMap = new Map<string, number>();\n    const nodeMap = new Map<string, INode>();\n    const build = (nodes: INode[], parent?: INode, depth = 0): void => {\n      for (const node of nodes) {\n        depthMap.set(node.id, depth);\n        nodeMap.set(node.id, node);\n        if (parent) parentMap.set(node.id, parent);\n        if (node.children?.length) build(node.children as INode[], node, depth + 1);\n      }\n    };\n    build(this.tree());\n    return { parentMap, depthMap, nodeMap };\n  });\n\n  /** O(1) set of selected ids, rebuilt only when selection changes. */\n  private readonly _selectedSet = computed(() => new Set(this.selection()));\n\n  /** True when at least one node is explicitly selected. */\n  protected readonly hasSelection = computed(() => this.selection().length > 0);\n\n  /** Count of selected nodes within selectable levels (depth < maxDepth or in overrides), shown in the tab label. */\n  protected readonly selectedVisibleCount = computed(() =>\n    this.selection().filter(id => {\n      const node = this._maps().nodeMap.get(id);\n      return node ? this._isSelectableNode(node) : false;\n    }).length\n  );\n\n  readonly treeChildrenAccessor = (node: INode): INode[] => {\n    return (node.children ?? []) as INode[];\n  };\n\n  readonly hasChild = (_: number, node: INode): boolean =>\n    !!(node.children?.length);\n\n  /** Returns true when the node can be selected: depth < maxDepth or explicitly listed in maxDepthOverrides. */\n  protected isSelectable(node: INode): boolean {\n    return this._isSelectableNode(node);\n  }\n\n  private _isSelectableNode(node: INode): boolean {\n    const depth = this._maps().depthMap.get(node.id) ?? 0;\n    return depth < this.maxDepth() || this._overrideSubtreeSet().has(node.id);\n  }\n\n\n  /** Current filter text. */\n  protected readonly filterText = signal<string>('');\n  /** Root signal form bound to the filter text input. */\n  protected readonly filterForm = form(this.filterText);\n  /** Nodes matching the current filter text, in nodeMap iteration order. */\n  protected readonly filteredItems = signal<INode[]>([]);\n  /** Index of the currently highlighted filtered node (-1 = none). */\n  protected readonly filterIndex = signal(-1);\n  /** The currently highlighted filtered node, or null. */\n  protected readonly filteredNode = computed<INode | null>(() => {\n    const idx = this.filterIndex();\n    return idx >= 0 ? (this.filteredItems()[idx] ?? null) : null;\n  });\n\n  constructor() {\n    // Expand nodes up to minDepth whenever new taxonomy data arrives\n    effect(() => {\n      const maps = this._maps();\n      const expandLevels = this.minDepth() ?? 0;\n      setTimeout(() => {\n        const tree = this._treeRef();\n        if (!tree) return;\n        tree.collapseAll();\n        if (expandLevels <= 0) return;\n        maps.depthMap.forEach((depth, id) => {\n          if (depth < expandLevels) {\n            const node = maps.nodeMap.get(id);\n            if (node) tree.expand(node);\n          }\n        });\n      });\n    });\n    // Emit visible selection count on every selection change\n    effect(() => {\n      this.selectionCount.emit(this.selectedVisibleCount());\n    });\n  }\n\n  /** Expands all visible nodes in the tree. */\n  protected expandAll(): void {\n    this._treeRef()?.expandAll();\n  }\n\n  /** Collapses all nodes in the tree. */\n  protected collapseAll(): void {\n    this._treeRef()?.collapseAll();\n  }\n\n  /** Clears the entire selection. */\n  protected clearAll(): void {\n    this.selection.set([]);\n    this.changed.emit();\n  }\n\n  /** Searches nodes by text and moves to the first match. */\n  protected doFilter(): void {\n    const text = this.filterText().trim().toLowerCase();\n    if (text.length < 3) {\n      this.filteredItems.set([]);\n      this.filterIndex.set(-1);\n      return;\n    }\n    const matches = Array.from(this._maps().nodeMap.values())\n      .filter(n => n.name?.toLowerCase().includes(text));\n    this.filteredItems.set(matches);\n    const idx = matches.length > 0 ? 0 : -1;\n    this.filterIndex.set(idx);\n    if (idx >= 0) this._scrollToFiltered(idx, matches);\n  }\n\n  /** Clears the filter and restores the original tree state. */\n  protected clearFilter(): void {\n    this.filterText.set('');\n    this.filteredItems.set([]);\n    this.filterIndex.set(-1);\n  }\n\n  /** Moves to the next matching node, cycling back to the first. */\n  protected nextFiltered(): void {\n    const items = this.filteredItems();\n    if (!items.length) return;\n    const next = (this.filterIndex() + 1) % items.length;\n    this.filterIndex.set(next);\n    this._scrollToFiltered(next, items);\n  }\n\n  /** Returns true when the node is the currently highlighted filter match. */\n  protected isFilteredNode(node: INode): boolean {\n    return this.filteredNode()?.id === node.id;\n  }\n\n  /** Expands ancestors of the target node and scrolls it into view. */\n  private _scrollToFiltered(index: number, items: INode[]): void {\n    const node = items[index];\n    if (!node) return;\n    const tree = this._treeRef();\n    if (tree) {\n      let parent = this._maps().parentMap.get(node.id);\n      while (parent) {\n        tree.expand(parent);\n        parent = this._maps().parentMap.get(parent.id);\n      }\n    }\n    setTimeout(() => {\n      const el: HTMLElement | null = this._elRef.nativeElement.querySelector(`[data-node-id=\"${node.id}\"]`);\n      el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    });\n  }\n\n  /**\n   * Returns true when the node is in the active selection.\n   * @param node - tree node to check\n   * @returns true if selected\n   */\n  protected isSelected(node: INode): boolean {\n    return this._selectedSet().has(node.id);\n  }\n\n  /**\n   * Returns true when a subset (but not all) of the node's descendants are selected,\n   * producing the indeterminate checkbox state.\n   * @param node - tree node to evaluate\n   * @returns true if the node is in a partial-selection (indeterminate) state\n   */\n  protected isIndeterminate(node: INode): boolean {\n    if (!node.children?.length) return false;\n    const descendants = this._getSelectableDescendants(node);\n    const set = this._selectedSet();\n    const count = descendants.filter(d => set.has(d.id)).length;\n    return count > 0 && count < descendants.length;\n  }\n\n  /**\n   * Toggles the node and all its descendants; then syncs the ancestor chain.\n   * @param node - the node that was clicked\n   */\n  protected toggleNode(node: INode): void {\n    this.selection.update(current => {\n      const set = new Set(current);\n      if (set.has(node.id)) {\n        set.delete(node.id);\n      } else {\n        set.add(node.id);\n      }\n      this._syncParentsInSet(node, set);\n      return Array.from(set);\n    });\n    this.changed.emit();\n  }\n\n  /**\n   * Deselects the node and all its descendants. Called by the chip remove button.\n   * @param node - the node to remove from the selection\n   */\n  protected removeNode(node: INode): void {\n    this.selection.update(current => {\n      const set = new Set(current);\n      set.delete(node.id);\n      this._syncParentsInSet(node, set);\n      return Array.from(set);\n    });\n    this.changed.emit();\n  }\n\n  /**\n   * Returns the INode for the given id, or undefined if not found.\n   * @param id - node id to look up\n   * @returns the matching INode\n   */\n  protected nodeById(id: string): INode | undefined {\n    return this._maps().nodeMap.get(id);\n  }\n\n  /**\n   * Returns true when the node at the given id is within the visible depth range\n   * and should appear in the chip list.\n   * @param id - node id to check\n   * @returns true if the node depth is less than maxDepth\n   */\n  protected isChipVisible(id: string): boolean {\n    const node = this._maps().nodeMap.get(id);\n    return node ? this._isSelectableNode(node) : false;\n  }\n\n  /**\n   * Returns only the selectable descendants of node (depth < maxDepth or in overrides),\n   * used for indeterminate state and parent auto-selection logic.\n   * @param node - root of the subtree to traverse\n   * @returns flat array of selectable descendant INodes\n   */\n  private _getSelectableDescendants(node: INode): INode[] {\n    const result: INode[] = [];\n    for (const child of (node.children ?? [])) {\n      const c = child as INode;\n      if (this._isSelectableNode(c)) result.push(c);\n      result.push(...this._getSelectableDescendants(c));\n    }\n    return result;\n  }\n\n  /**\n   * Walks up the ancestor chain from node, selecting a parent only when all\n   * its descendants are in the set, deselecting it otherwise.\n   * @param node - starting node for the upward traversal\n   * @param set - mutable selection set updated in place\n   */\n  private _syncParentsInSet(node: INode, set: Set<string>): void {\n    let parent = this._maps().parentMap.get(node.id);\n    while (parent) {\n      const descendants = this._getSelectableDescendants(parent);\n      if (descendants.length > 0 && descendants.every(d => set.has(d.id))) {\n        set.add(parent.id);\n      } else {\n        set.delete(parent.id);\n      }\n      parent = this._maps().parentMap.get(parent.id);\n    }\n  }\n  \n}\n","<mat-tab-group class=\"taxonomy-picker-tabs\" style=\"height:100%\">\n    <mat-tab style=\"overflow-x: hidden !important; height: 100%\">\n        <ng-template mat-tab-label>\n            Seleziona\n            <mat-icon\n                style=\"font-size:16px;height:16px;width:16px;margin-left:4px;vertical-align:middle;color:var(--mat-sys-primary)\"\n                [matTooltip]=\"'Nessuna selezione = tutti gli argomenti inclusi;\\r\\nOgni elemento selezionato include sempre tutti i suoi sottoelementi'\"\n                matTooltipPosition=\"above\">\n                info\n            </mat-icon>\n        </ng-template>\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\n            <div fxFlex>\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\n                    <div fxFlex fxHide.xs>\n                        <mat-form-field style=\"width:200px; padding: 8px 0px\" appearance=\"outline\"\n                            subscriptSizing=\"dynamic\">\n                            <mat-label>Cerca...</mat-label>\n                            <input type=\"text\" (keyup)=\"doFilter()\" matInput [formField]=\"filterForm\"\n                                (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\n                                (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\">\n                            @if (filterText()) {\n                            <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\n                                aria-label=\"Clear\" (click)=\"clearFilter()\">\n                                <mat-icon>close</mat-icon>\n                            </button>\n                            }\n                        </mat-form-field>\n                    </div>\n                    @if (filteredItems().length > 0) {\n                    <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\n                        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\n                    </div>\n                    <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\n                        <button mat-icon-button (click)=\"nextFiltered()\">\n                            <mat-icon aria-label=\"Vai al prossimo\"\n                                matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\n                        </button>\n                    </div>\n                    }\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end center\">\n                        <button mat-icon-button [matTooltip]=\"'Espandi tutto'\" (click)=\"expandAll()\">\n                            <mat-icon>unfold_more</mat-icon>\n                        </button>\n                        <button mat-icon-button [matTooltip]=\"'Comprimi tutto'\" (click)=\"collapseAll()\">\n                            <mat-icon>unfold_less</mat-icon>\n                        </button>\n                        <button mat-icon-button [matTooltip]=\"'Azzera selezione'\" [disabled]=\"!hasSelection()\"\n                            (click)=\"clearAll()\">\n                            <mat-icon>deselect</mat-icon>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div fxFlex=\"*\" style=\"overflow-y: auto;\">\n                <mat-tree [dataSource]=\"tree()\" [childrenAccessor]=\"treeChildrenAccessor\" class=\"tree\">\n                    <!-- Leaf node -->\n                    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\n                        class=\"tree-node\" [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\n                        [attr.data-node-id]=\"node.id\">\n                        <button mat-icon-button disabled style=\"visibility: hidden\"></button>\n                        @if (isSelectable(node)) {\n                        <mat-checkbox [checked]=\"isSelected(node)\" [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </mat-checkbox>\n                        } @else {\n                        <div class=\"tree-node-label-only\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </div>\n                        }\n                    </mat-tree-node>\n                    <!-- Expandable node with children -->\n                    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding\n                        [matTreeNodePaddingIndent]=\"20\" #treeNode=\"matTreeNode\" class=\"tree-node\"\n                        [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\n                        [attr.data-node-id]=\"node.id\">\n                        <button mat-icon-button matTreeNodeToggle>\n                            <mat-icon>{{treeNode.isExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n                        </button>\n                        @if (isSelectable(node)) {\n                        <mat-checkbox [checked]=\"isSelected(node)\" [indeterminate]=\"isIndeterminate(node)\"\n                            [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </mat-checkbox>\n                        } @else {\n                        <div class=\"tree-node-label-only\">\n                            <span class=\"small\">{{node.name}}</span>\n                        </div>\n                        }\n                    </mat-tree-node>\n                </mat-tree>\n            </div>\n        </div>\n    </mat-tab>\n    <mat-tab [label]=\"hasSelection() ? 'Selezionati (' + selectedVisibleCount() + ')' : 'Selezionati (tutti)'\"\n        style=\"height: 100%;\">\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\n            <div fxFlex>\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\" style=\"padding:12px\">\n                    @if (!hasSelection()) {\n                    <mat-icon>info</mat-icon>\n                    <span [innerHTML]=\"descriptionEmpty() | safeHtml\"></span>\n                    } @else {\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end\">\n                        <button mat-button color=\"warn\" style=\"margin-left:auto\" (click)=\"clearAll()\">\n                            <mat-icon>deselect</mat-icon> Azzera tutto\n                        </button>\n                    </div>\n                    }\n                </div>\n            </div>\n            <div fxFlex=\"*\" style=\"overflow-y: auto; padding-bottom: 12px;\">\n                <mat-chip-set>\n                    @for (id of selection(); track id) {\n                    @let node = nodeById(id);\n                    @if (node && isChipVisible(id)) {\n                    <mat-chip (removed)=\"removeNode(node)\" style=\"max-width: 280px;\" [matTooltip]=\"node.name\">\n                        {{node.name}}\n                        @if (!disabled()) {\n                        <button matChipRemove matTooltip=\"Elimina\"><mat-icon>cancel</mat-icon></button>\n                        }\n                    </mat-chip>\n                    }\n                    }\n                </mat-chip-set>\n            </div>\n        </div>\n    </mat-tab>\n</mat-tab-group>","/*\n * Public API Surface of @arsedizioni/ars-utils/ui.controls.tree\n *\n * `TreePickerComponent` alone. It is the only consumer of `mat-tree`, `mat-tabs`, `mat-input` and\n * `mat-checkbox` in the library: leaving it next to the small controls of `ui.controls` would tie\n * the placement of that whole Material subtree to whichever chunk first reaches a button.\n */\nexport * from './tree-picker/tree-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}