@arsedizioni/ars-utils 21.2.304 → 21.2.306

package/fesm2022/arsedizioni-ars-utils-ui.application.mjs

@@ -44,9 +44,11 @@ import * as i2 from '@ngbracket/ngx-layout/extended';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i7$1 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
-import * as i4$1 from '@angular/material/chips';
+import * as i5$3 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
+import * as i4$1 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
 
 class ResizeTableColumnDirective {
     constructor() {
@@ -2146,7 +2148,7 @@ class ChipsSelectorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: ChipsSelectorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: ChipsSelectorComponent, isStandalone: true, selector: "chips-selector", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedDisplayMode: { classPropertyName: "collapsedDisplayMode", publicName: "collapsedDisplayMode", isSignal: true, isRequired: false, transformFunction: null }, collapseAt: { classPropertyName: "collapseAt", publicName: "collapseAt", isSignal: true, isRequired: false, transformFunction: null }, collapseAtContainer: { classPropertyName: "collapseAtContainer", publicName: "collapseAtContainer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, mustSelect: { classPropertyName: "mustSelect", publicName: "mustSelect", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, padAt: { classPropertyName: "padAt", publicName: "padAt", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { properties: { "id": "id", "class.floating": "shouldLabelFloat", "attr.aria-describedBy": "describedBy" } }, ngImport: i0, template: "<div [id]=\"containerId\" class=\"chips-selector\">\r\n    @if(containerWidth() > 0) {\r\n    @if(collapsed()) {\r\n    @if(collapsedDisplayMode() === 'dropdown') {\r\n    <mat-form-field [style.min-width]=\"collapsedWidth() > 0 ? collapsedWidth()+'px' : '100%'\" subscriptSizing=\"dynamic\">\r\n        @if(label()) {\r\n        <mat-label>{{label()}}</mat-label>\r\n        }\r\n        <mat-select [(ngModel)]=\"selection\" [multiple]=\"multiple()\" (selectionChange)=\"updateValue()\">\r\n            <mat-select-trigger>\r\n                @if (value && (value.length || 0) > 0) {\r\n                {{value[0].shortName ?? value[0].name}}\r\n                }\r\n                @if (value && (value.length || 0) > 1) {\r\n                <span class=\"collapsed-additional-selection\">\r\n                    (+{{(value.length || 0) - 1}} {{value.length === 2 ? 'altro' : 'altri'}})\r\n                </span>\r\n                }\r\n            </mat-select-trigger>\r\n            @for (o of options(); track o) {\r\n            <mat-option [value]=\"o\" [disabled]=\"o.disabled\">\r\n                {{o.name}}\r\n                @if(o.bag) {\r\n                &nbsp; ({{o.bag}})\r\n                }\r\n            </mat-option>\r\n            }\r\n        </mat-select>\r\n        @if (value && (value.length || 0) > 0) {\r\n        <button matSuffix tabindex=\"-1\" mat-icon-button aria-label=\"Pulisci\" (click)=\"clear($event)\">\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n        }\r\n    </mat-form-field>\r\n    } @else {\r\n    <button-selector [label]=\"label()\" [options]=\"options()\" [width]=\"collapsedWidth()\" [(ngModel)]=\"singleSelection\"\r\n        name=\"value\" (selected)=\"updateValue()\"></button-selector>\r\n\r\n    }\r\n    } @else {\r\n    <mat-chip-listbox [class]=\"stacked() ? 'mat-mdc-chip-set-stacked' : ''\" [multiple]=\"multiple()\"\r\n        [(ngModel)]=\"selection\" (change)=\"updateValue()\">\r\n        @for (o of options(); track o; let i = $index) {\r\n        <mat-chip-option [matBadge]=\"o.bag\" [matTooltip]=\"o.disabled === true ? 'Non disponibile' : (o.bagInfo ?? '')\" [selectable]=\"isSelectable(o)\" [value]=\"o\"\r\n            [disabled]=\"o.disabled\" [class.chip-padded]=\"i < padAt()\">{{o.shortName ??\r\n            o.name}}</mat-chip-option>\r\n        }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n</div>", styles: [".chips-selector{width:100%}.chips-selector .collapsed-additional-selection{opacity:.75;font-size:.75em}.chip-padded{margin-right:10px!important}.mdc-evolution-chip--disabled{pointer-events:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i8$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i8$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4$1.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ButtonSelectorComponent, selector: "button-selector", inputs: ["disabled", "width", "border", "borderRadius", "label", "labelSelected", "options", "autoSelect"], outputs: ["changed", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: ChipsSelectorComponent, isStandalone: true, selector: "chips-selector", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedDisplayMode: { classPropertyName: "collapsedDisplayMode", publicName: "collapsedDisplayMode", isSignal: true, isRequired: false, transformFunction: null }, collapseAt: { classPropertyName: "collapseAt", publicName: "collapseAt", isSignal: true, isRequired: false, transformFunction: null }, collapseAtContainer: { classPropertyName: "collapseAtContainer", publicName: "collapseAtContainer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, mustSelect: { classPropertyName: "mustSelect", publicName: "mustSelect", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, padAt: { classPropertyName: "padAt", publicName: "padAt", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { properties: { "id": "id", "class.floating": "shouldLabelFloat", "attr.aria-describedBy": "describedBy" } }, ngImport: i0, template: "<div [id]=\"containerId\" class=\"chips-selector\">\r\n    @if(containerWidth() > 0) {\r\n    @if(collapsed()) {\r\n    @if(collapsedDisplayMode() === 'dropdown') {\r\n    <mat-form-field [style.min-width]=\"collapsedWidth() > 0 ? collapsedWidth()+'px' : '100%'\" subscriptSizing=\"dynamic\">\r\n        @if(label()) {\r\n        <mat-label>{{label()}}</mat-label>\r\n        }\r\n        <mat-select [(ngModel)]=\"selection\" [multiple]=\"multiple()\" (selectionChange)=\"updateValue()\">\r\n            <mat-select-trigger>\r\n                @if (value && (value.length || 0) > 0) {\r\n                {{value[0].shortName ?? value[0].name}}\r\n                }\r\n                @if (value && (value.length || 0) > 1) {\r\n                <span class=\"collapsed-additional-selection\">\r\n                    (+{{(value.length || 0) - 1}} {{value.length === 2 ? 'altro' : 'altri'}})\r\n                </span>\r\n                }\r\n            </mat-select-trigger>\r\n            @for (o of options(); track o) {\r\n            <mat-option [value]=\"o\" [disabled]=\"o.disabled\">\r\n                {{o.name}}\r\n                @if(o.bag) {\r\n                &nbsp; ({{o.bag}})\r\n                }\r\n            </mat-option>\r\n            }\r\n        </mat-select>\r\n        @if (value && (value.length || 0) > 0) {\r\n        <button matSuffix tabindex=\"-1\" mat-icon-button aria-label=\"Pulisci\" (click)=\"clear($event)\">\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n        }\r\n    </mat-form-field>\r\n    } @else {\r\n    <button-selector [label]=\"label()\" [options]=\"options()\" [width]=\"collapsedWidth()\" [(ngModel)]=\"singleSelection\"\r\n        name=\"value\" (selected)=\"updateValue()\"></button-selector>\r\n\r\n    }\r\n    } @else {\r\n    <mat-chip-listbox [class]=\"stacked() ? 'mat-mdc-chip-set-stacked' : ''\" [multiple]=\"multiple()\"\r\n        [(ngModel)]=\"selection\" (change)=\"updateValue()\">\r\n        @for (o of options(); track o; let i = $index) {\r\n        <mat-chip-option [matBadge]=\"o.bag\" [matTooltip]=\"o.disabled === true ? 'Non disponibile' : (o.bagInfo ?? '')\" [selectable]=\"isSelectable(o)\" [value]=\"o\"\r\n            [disabled]=\"o.disabled\" [class.chip-padded]=\"i < padAt()\">{{o.shortName ??\r\n            o.name}}</mat-chip-option>\r\n        }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n</div>", styles: [".chips-selector{width:100%}.chips-selector .collapsed-additional-selection{opacity:.75;font-size:.75em}.chip-padded{margin-right:10px!important}.mdc-evolution-chip--disabled{pointer-events:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i8$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i8$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i5$3.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5$3.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ButtonSelectorComponent, selector: "button-selector", inputs: ["disabled", "width", "border", "borderRadius", "label", "labelSelected", "options", "autoSelect"], outputs: ["changed", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: ChipsSelectorComponent, decorators: [{
             type: Component,
@@ -2840,6 +2842,211 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                         MatTooltipModule, MatButtonModule, MatIconModule, MatMenuModule, MatDividerModule, SafeHtmlPipe], template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"filterbox\"\r\n  [class.filterbox-filtered]=\"currentFilter.filtered()\">\r\n  <div fxFlex=\"*\" fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\">\r\n    @if (canFilterByText() || canFilterByText2() || canFilterByText3()) {\r\n    <div fxFlex.lt-sm=\"100\" fxFlexAlign=\"center\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill style=\"padding:4px;\">\r\n        @if (canFilterByText()) {\r\n        <mat-form-field [style.width]=\"textLength() ?? '100%'\" [appearance]=\"appearance()\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{textName()}}...</mat-label>\r\n          <input matInput name=\"_text\" [ngModel]=\"text()\" (ngModelChange)=\"text.set($event)\" maxlength=\"100\" #_text=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (showTextSearchButton()) {\r\n          <button type=\"button\" matSuffix mat-icon-button aria-label=\"Trova\" (click)=\"applyTextFilter();\"\r\n            matTooltip=\"Trova\">\r\n            <mat-icon>search</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (canFilterByText2()) {\r\n        <mat-form-field \r\n        [style.width]=\"text2Length() ?? '100%'\" [appearance]=\"appearance()\"\r\n          subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{text2Name()}}...</mat-label>\r\n          <input matInput name=\"_text2\" [ngModel]=\"text2()\" (ngModelChange)=\"text2.set($event)\" maxlength=\"100\" #_text2=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text2()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text2.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (canFilterByText3()) {\r\n        <mat-form-field [style.width]=\"text3Length() ?? '100%'\" [appearance]=\"appearance()\"\r\n          subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{text3Name()}}...</mat-label>\r\n          <input matInput name=\"_text3\" [ngModel]=\"text3()\" (ngModelChange)=\"text3.set($event)\" maxlength=\"100\" #_text3=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text3()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text3.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n      </div>\r\n    </div>\r\n    }\r\n    <div fxFlex.lt-sm=\"100\">\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n        @if (canFilterByFlt1() && flt1()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\"\r\n            [attr.aria-label]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\" \r\n            (click)=\"applyFilterAction(1, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt1) {\r\n            <span>{{flt1()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt1Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt1) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(1, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt1() && flt1()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\"\r\n          [attr.aria-label]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt1\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt1) {\r\n          <span>{{flt1()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt1Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt1=\"matMenu\">\r\n            @for (f of flt1()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt1()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt2() && flt2()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\"\r\n            [attr.aria-label]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\" \r\n            (click)=\"applyFilterAction(2, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt2) {\r\n            <span>{{flt2()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt2Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt2) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(2, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt2() && flt2()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\"\r\n          [attr.aria-label]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt2\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt2) {\r\n          <span>{{flt2()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt2Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt2=\"matMenu\">\r\n            @for (f of flt2()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt2()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt3() && flt3()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\"\r\n            [attr.aria-label]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\" \r\n            (click)=\"applyFilterAction(3, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt3) {\r\n            <span>{{flt3()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt3Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt3) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(3, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt3() && flt3()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\"\r\n          [attr.aria-label]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt3\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt3) {\r\n          <span>{{flt3()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt3Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt3=\"matMenu\">\r\n            @for (f of flt3()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt3()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt4() && flt4()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\"\r\n            [attr.aria-label]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\" \r\n            (click)=\"applyFilterAction(4, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt4) {\r\n            <span>{{flt4()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt4Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt4) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(4, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt4() && flt4()?.items) {\r\n        <button fxFlexAlign=\"center\" class=\"filterbox-button\" type=\"button\" mat-button [matTooltip]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\"\r\n          [attr.aria-label]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt4\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt4) {\r\n          <span>{{flt4()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt4Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt4=\"matMenu\">\r\n            @for (f of flt4()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt4()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt5() && flt5()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\"\r\n            [attr.aria-label]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\" \r\n            (click)=\"applyFilterAction(5, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt5) {\r\n            <span>{{flt5()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt5Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt5) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(5, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt5() && flt5()?.items) {\r\n        <button fxFlexAlign=\"center\" class=\"filterbox-button\" type=\"button\" mat-button [matTooltip]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\"\r\n          [attr.aria-label]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt5\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt5) {\r\n          <span>{{flt5()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt5Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt5=\"matMenu\">\r\n            @for (f of flt5()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt5()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    @if (currentFilter.filtered() && canClearAllFilters()) {\r\n    <button type=\"button\" mat-icon-button matTooltip=\"Azzera tutti i filtri\" aria-label=\"Azzera tutti i filtri\"\r\n      (click)=\"clearAllFilters()\">\r\n      <mat-icon>filter_alt_off</mat-icon>\r\n    </button>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.filterbox{border-radius:auto;background-color:transparent;padding:4px}.filterbox-button{max-width:200px;white-space:normal;text-align:center;display:-webkit-box;display:inline-block;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.filterbox-selected{font-weight:800!important}.filterbox-filtered{border-radius:12px;background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7)}@media(prefers-color-scheme:dark){.filterbox-filtered{background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { changed: [{ type: i0.Output, args: ["changed"] }], filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }], canFilterByText: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFilterByText", required: false }] }], canFilterByText2: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFilterByText2", required: false }] }], canFilterByText3: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFilterByText3", required: false }] }], initialText: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialText", required: false }] }], initialText2: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialText2", required: false }] }], initialText3: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialText3", required: false }] }], textName: [{ type: i0.Input, args: [{ isSignal: true, alias: "textName", required: false }] }], text2Name: [{ type: i0.Input, args: [{ isSignal: true, alias: "text2Name", required: false }] }], text3Name: [{ type: i0.Input, args: [{ isSignal: true, alias: "text3Name", required: false }] }], textLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "textLength", required: false }] }], text2Length: [{ type: i0.Input, args: [{ isSignal: true, alias: "text2Length", required: false }] }], text3Length: [{ type: i0.Input, args: [{ isSignal: true, alias: "text3Length", required: false }] }], showTextSearchButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTextSearchButton", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }, { type: i0.Output, args: ["textChange"] }], text2: [{ type: i0.Input, args: [{ isSignal: true, alias: "text2", required: false }] }, { type: i0.Output, args: ["text2Change"] }], text3: [{ type: i0.Input, args: [{ isSignal: true, alias: "text3", required: false }] }, { type: i0.Output, args: ["text3Change"] }] } });
 
+class TreePickerComponent {
+    constructor() {
+        /** Nested tree data to display. */
+        this.tree = input([], ...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
+        /** Currently selected node ids. Supports two-way binding via [(selection)]. */
+        this.selection = model([], ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+        /** When true, checkboxes and chip remove buttons are disabled (mirrors Material convention). */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /** Maximum number of tree levels to display (default: 3). */
+        this.maxDepth = input(3, ...(ngDevMode ? [{ debugName: "maxDepth" }] : /* 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, ...(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), ...(ngDevMode ? [{ debugName: "_treeRef" }] : /* 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 };
+        }, ...(ngDevMode ? [{ debugName: "_maps" }] : /* istanbul ignore next */ []));
+        /** O(1) set of selected ids, rebuilt only when selection changes. */
+        this._selectedSet = computed(() => new Set(this.selection()), ...(ngDevMode ? [{ debugName: "_selectedSet" }] : /* istanbul ignore next */ []));
+        /** True when at least one node is explicitly selected. */
+        this.hasSelection = computed(() => this.selection().length > 0, ...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
+        /** Count of selected nodes within the visible levels (depth 0 to maxDepth-1), shown in the tab label. */
+        this.selectedVisibleCount = computed(() => this.selection().filter(id => (this._maps().depthMap.get(id) ?? 0) < this.maxDepth()).length, ...(ngDevMode ? [{ debugName: "selectedVisibleCount" }] : /* istanbul ignore next */ []));
+        this.treeChildrenAccessor = (node) => {
+            if ((this._maps().depthMap.get(node.id) ?? 0) >= this.maxDepth() - 1)
+                return [];
+            return (node.children ?? []);
+        };
+        this.hasChild = (_, node) => !!(node.children?.length) && (this._maps().depthMap.get(node.id) ?? 0) < this.maxDepth() - 1;
+        // Expand nodes up to minDepth whenever new tree 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();
+    }
+    /**
+     * 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._getDescendants(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) {
+        return (this._maps().depthMap.get(id) ?? 0) < this.maxDepth();
+    }
+    /**
+     * Returns all descendants of node in depth-first order, including nodes
+     * beyond the 3-level display limit.
+     * @param node - root of the subtree to traverse
+     * @returns flat array of all descendant INodes
+     */
+    _getDescendants(node) {
+        const result = [];
+        for (const child of (node.children ?? [])) {
+            result.push(child);
+            result.push(...this._getDescendants(child));
+        }
+        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._getDescendants(parent);
+            if (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: "21.2.11", ngImport: i0, type: TreePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", 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 }, maxDepth: { classPropertyName: "maxDepth", publicName: "maxDepth", 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>\r\n    <mat-tab style=\"overflow-x: hidden !important;\">\r\n        <ng-template mat-tab-label>\r\n            Seleziona\r\n            <mat-icon\r\n                style=\"font-size:16px;height:16px;width:16px;margin-left:4px;vertical-align:middle;color:var(--mat-sys-primary)\"\r\n                [matTooltip]=\"'Nessuna selezione = tutti gli argomenti inclusi;\\r\\nOgni elemento selezionato include sempre tutti i suoi sottoelementi'\" matTooltipPosition=\"above\">\r\n                info\r\n            </mat-icon>\r\n        </ng-template>\r\n        <div fxLayout=\"column\" fxFill style=\"padding-top:8px;min-height: 300px; overflow-x: hidden !important;\">\r\n            <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                <button mat-icon-button [matTooltip]=\"'Espandi tutto'\" (click)=\"expandAll()\">\r\n                    <mat-icon>unfold_more</mat-icon>\r\n                </button>\r\n                <button mat-icon-button [matTooltip]=\"'Comprimi tutto'\" (click)=\"collapseAll()\">\r\n                    <mat-icon>unfold_less</mat-icon>\r\n                </button>\r\n                <button mat-icon-button [matTooltip]=\"'Azzera selezione'\" [disabled]=\"!hasSelection()\"\r\n                    (click)=\"clearAll()\">\r\n                    <mat-icon>deselect</mat-icon>\r\n                </button>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n                <mat-tree [dataSource]=\"tree()\" [childrenAccessor]=\"treeChildrenAccessor\">\r\n                    <!-- Leaf node -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding style=\"margin-right: 24px;\">\r\n                        <button mat-icon-button disabled style=\"visibility: hidden\"></button>\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            {{node.name}}\r\n                        </mat-checkbox>\r\n                    </mat-tree-node>\r\n                    <!-- Expandable node with children -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding\r\n                        style=\"margin-right: 24px;\" #treeNode=\"matTreeNode\">\r\n                        <button mat-icon-button matTreeNodeToggle>\r\n                            <mat-icon>{{treeNode.isExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\r\n                        </button>\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [indeterminate]=\"isIndeterminate(node)\"\r\n                            [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            {{node.name}}\r\n                        </mat-checkbox>\r\n                    </mat-tree-node>\r\n                </mat-tree>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n    <mat-tab [label]=\"hasSelection() ? 'Selezionati (' + selectedVisibleCount() + ')' : 'Selezionati (tutti)'\">\r\n        <div fxLayout=\"column\" fxFill style=\"padding-top:8px; min-height: 300px; overflow: hidden;\">\r\n            <div fxFlex>\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\" style=\"padding:8px 12px 12px 12px;\">\r\n                    @if (!hasSelection()) {\r\n                    <mat-icon>info</mat-icon>\r\n                    <span>Nessuna selezione: vengono inclusi <strong>tutti gli\r\n                            argomenti</strong>.</span>\r\n                    } @else {\r\n                    <div fxFlex=\"60\">Elimina gli argomenti che non ti interessano pi\u00F9.</div>\r\n                    <div fxFlex=\"40\" fxLayoutAlign=\"end\">\r\n                        <button mat-button color=\"warn\" style=\"margin-left:auto\" (click)=\"clearAll()\">\r\n                            <mat-icon>deselect</mat-icon> Azzera tutto\r\n                        </button>\r\n                    </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n                <mat-chip-set>\r\n                    @for (id of selection(); track id) {\r\n                    @let node = nodeById(id);\r\n                    @if (node && isChipVisible(id)) {\r\n                    <mat-chip (removed)=\"removeNode(node)\" style=\"max-width: 280px;\" [matTooltip]=\"node.name\">\r\n                        {{node.name}}\r\n                        @if (!disabled()) {\r\n                        <button matChipRemove><mat-icon>cancel</mat-icon></button>\r\n                        }\r\n                    </mat-chip>\r\n                    }\r\n                    }\r\n                </mat-chip-set>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n</mat-tab-group>", dependencies: [{ kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i8$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i8$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i8$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i8$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i8$1.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$1.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: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i4$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i4$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4$1.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$3.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$3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5$3.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: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.DefaultLayoutDirective, 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: i1$1.DefaultLayoutGapDirective, 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: i1$1.DefaultLayoutAlignDirective, 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: i1$1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1$1.DefaultFlexDirective, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: TreePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tree-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatTreeModule, MatCheckboxModule, MatIconModule, MatTabsModule, MatChipsModule,
+                        MatButtonModule, MatTooltipModule, FlexLayoutModule], template: "<mat-tab-group>\r\n    <mat-tab style=\"overflow-x: hidden !important;\">\r\n        <ng-template mat-tab-label>\r\n            Seleziona\r\n            <mat-icon\r\n                style=\"font-size:16px;height:16px;width:16px;margin-left:4px;vertical-align:middle;color:var(--mat-sys-primary)\"\r\n                [matTooltip]=\"'Nessuna selezione = tutti gli argomenti inclusi;\\r\\nOgni elemento selezionato include sempre tutti i suoi sottoelementi'\" matTooltipPosition=\"above\">\r\n                info\r\n            </mat-icon>\r\n        </ng-template>\r\n        <div fxLayout=\"column\" fxFill style=\"padding-top:8px;min-height: 300px; overflow-x: hidden !important;\">\r\n            <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                <button mat-icon-button [matTooltip]=\"'Espandi tutto'\" (click)=\"expandAll()\">\r\n                    <mat-icon>unfold_more</mat-icon>\r\n                </button>\r\n                <button mat-icon-button [matTooltip]=\"'Comprimi tutto'\" (click)=\"collapseAll()\">\r\n                    <mat-icon>unfold_less</mat-icon>\r\n                </button>\r\n                <button mat-icon-button [matTooltip]=\"'Azzera selezione'\" [disabled]=\"!hasSelection()\"\r\n                    (click)=\"clearAll()\">\r\n                    <mat-icon>deselect</mat-icon>\r\n                </button>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n                <mat-tree [dataSource]=\"tree()\" [childrenAccessor]=\"treeChildrenAccessor\">\r\n                    <!-- Leaf node -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding style=\"margin-right: 24px;\">\r\n                        <button mat-icon-button disabled style=\"visibility: hidden\"></button>\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            {{node.name}}\r\n                        </mat-checkbox>\r\n                    </mat-tree-node>\r\n                    <!-- Expandable node with children -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding\r\n                        style=\"margin-right: 24px;\" #treeNode=\"matTreeNode\">\r\n                        <button mat-icon-button matTreeNodeToggle>\r\n                            <mat-icon>{{treeNode.isExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\r\n                        </button>\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [indeterminate]=\"isIndeterminate(node)\"\r\n                            [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            {{node.name}}\r\n                        </mat-checkbox>\r\n                    </mat-tree-node>\r\n                </mat-tree>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n    <mat-tab [label]=\"hasSelection() ? 'Selezionati (' + selectedVisibleCount() + ')' : 'Selezionati (tutti)'\">\r\n        <div fxLayout=\"column\" fxFill style=\"padding-top:8px; min-height: 300px; overflow: hidden;\">\r\n            <div fxFlex>\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\" style=\"padding:8px 12px 12px 12px;\">\r\n                    @if (!hasSelection()) {\r\n                    <mat-icon>info</mat-icon>\r\n                    <span>Nessuna selezione: vengono inclusi <strong>tutti gli\r\n                            argomenti</strong>.</span>\r\n                    } @else {\r\n                    <div fxFlex=\"60\">Elimina gli argomenti che non ti interessano pi\u00F9.</div>\r\n                    <div fxFlex=\"40\" fxLayoutAlign=\"end\">\r\n                        <button mat-button color=\"warn\" style=\"margin-left:auto\" (click)=\"clearAll()\">\r\n                            <mat-icon>deselect</mat-icon> Azzera tutto\r\n                        </button>\r\n                    </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n                <mat-chip-set>\r\n                    @for (id of selection(); track id) {\r\n                    @let node = nodeById(id);\r\n                    @if (node && isChipVisible(id)) {\r\n                    <mat-chip (removed)=\"removeNode(node)\" style=\"max-width: 280px;\" [matTooltip]=\"node.name\">\r\n                        {{node.name}}\r\n                        @if (!disabled()) {\r\n                        <button matChipRemove><mat-icon>cancel</mat-icon></button>\r\n                        }\r\n                    </mat-chip>\r\n                    }\r\n                    }\r\n                </mat-chip-set>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n</mat-tab-group>" }]
+        }], 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 }] }], maxDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepth", 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 ars-utils
  */
@@ -2848,5 +3055,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ApplicationDialogService, ArsUIApplicationModule, ButtonSelectorComponent, ButtonToggleComponent, CalendarEmptyHeader, ChipsSelectorComponent, CurrentFilter, CurrentFilterChanged, CurrentFilterItem, FileInputComponent, FilePreviewComponent, FilterBarComponent, Filters, ItemNode, PromptDateDialogComponent, PromptDialogComponent, PromptDialogType, PromptOtpDialogComponent, PromptTimeDialogComponent, ResizeTableColumnDirective, SelectDialogComponent, SelectFileDialogComponent, SelectPictureDialogComponent, SelectTreeDialogComponent, SelectableItem, SelectableNode, SendToDialogComponent, TreeDataSource };
+export { ApplicationDialogService, ArsUIApplicationModule, ButtonSelectorComponent, ButtonToggleComponent, CalendarEmptyHeader, ChipsSelectorComponent, CurrentFilter, CurrentFilterChanged, CurrentFilterItem, FileInputComponent, FilePreviewComponent, FilterBarComponent, Filters, ItemNode, PromptDateDialogComponent, PromptDialogComponent, PromptDialogType, PromptOtpDialogComponent, PromptTimeDialogComponent, ResizeTableColumnDirective, SelectDialogComponent, SelectFileDialogComponent, SelectPictureDialogComponent, SelectTreeDialogComponent, SelectableItem, SelectableNode, SendToDialogComponent, TreeDataSource, TreePickerComponent };
 //# sourceMappingURL=arsedizioni-ars-utils-ui.application.mjs.map