@arsedizioni/ars-utils 22.1.5 → 22.5.2

package/fesm2022/arsedizioni-ars-utils-ui.dialogs.select.mjs

@@ -0,0 +1,825 @@
+import * as i0 from '@angular/core';
+import { viewChild, inject, ChangeDetectorRef, signal, output, afterNextRender, ChangeDetectionStrategy, Component, Injectable, DestroyRef, ElementRef, computed } from '@angular/core';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i5 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i11 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatOptionModule } from '@angular/material/core';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose } from '@angular/material/dialog';
+import * as i10 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i6 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i12 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i9 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i13 from '@angular/material/paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import * as i7 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i8 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { SearchFilterPipe, SafeHtmlPipe, EmailsValidatorDirective } from '@arsedizioni/ars-utils/core';
+import * as i1 from '@arsedizioni/ars-utils/ui';
+import { FlexLayoutModule } from '@arsedizioni/ars-utils/ui';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i8$1 from '@angular/material/tree';
+import { MatTree, MatTreeModule } from '@angular/material/tree';
+import { BehaviorSubject } from 'rxjs';
+import * as i5$1 from '@angular/cdk/text-field';
+import { TextFieldModule } from '@angular/cdk/text-field';
+
+class SelectDialogComponent {
+    constructor() {
+        this.paginator = viewChild.required('paginator', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "paginator" }] : /* istanbul ignore next */ []));
+        this.selection = viewChild.required("selection", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+        this.isViewReady = false;
+        this.dialogRef = inject((MatDialogRef));
+        this.cdr = inject(ChangeDetectorRef);
+        this.dialogData = signal((() => {
+            const data = inject(MAT_DIALOG_DATA) ?? {};
+            return {
+                ...data,
+                appearance: data.appearance ?? 'outline',
+                title: data.title ?? 'Seleziona',
+                okCaption: data.okCaption ?? 'Ok',
+                multipleSelection: data.multipleSelection ?? false,
+                items: data.canLookup ? [] : (data.items ?? []),
+                pageSize: data.canLookup && data.canPaginate && !data.pageSize ? 100 : data.pageSize,
+            };
+        })(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
+        this.done = output();
+        this.edit = output();
+        this.view = output();
+        this.append = output();
+        this.delete = output();
+        this.lookup = output();
+        this.lookupOptions = output();
+        this.filter = output();
+        this.canEdit = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+        this.canView = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canView" }] : /* istanbul ignore next */ []));
+        this.canAppend = signal(this.dialogData().canAppend ?? false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canAppend" }] : /* istanbul ignore next */ []));
+        this.canDelete = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canDelete" }] : /* istanbul ignore next */ []));
+        this.canPaginate = signal(this.dialogData().canPaginate ?? false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canPaginate" }] : /* istanbul ignore next */ []));
+        // Handle submit button activity
+        this.okDisabled = signal(this.dialogData().mustSelect ?? true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "okDisabled" }] : /* istanbul ignore next */ []));
+        // Used for array filtering
+        this.filterMetadata = { total: 0, count: 0 };
+        this.filterText = "";
+        this.filterOptions = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterOptions" }] : /* istanbul ignore next */ []));
+        this.filterOptionsInfo = signal("Tutto", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterOptionsInfo" }] : /* istanbul ignore next */ []));
+        // Used to sincronize lookup fields and params
+        this.lookupField = "";
+        // Used to display selected elements
+        this.selectionInfo = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectionInfo" }] : /* istanbul ignore next */ []));
+        this.selectionMasterIndeterminate = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectionMasterIndeterminate" }] : /* istanbul ignore next */ []));
+        this.selectionMasterChecked = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectionMasterChecked" }] : /* istanbul ignore next */ []));
+        this.total = signal(this.dialogData().items?.length ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
+        const d = this.dialogData();
+        if (d.canLookup) {
+            if (d.lookupFields?.length) {
+                this.lookupField = d.lookupFields[0].value;
+            }
+            if (d.canFilter) {
+                this.filterOptions.set(d.filters ?? []);
+            }
+        }
+        afterNextRender(() => {
+            this.isViewReady = true;
+            const selectedOption = this.filterOptions().find(x => x.checked);
+            if (selectedOption) {
+                this.applyFilterByOptions(selectedOption);
+            }
+            if (d.lookupOnInit) {
+                this.applyFilter();
+            }
+        });
+    }
+    /**
+     * Updates the total item count signal, triggering UI refresh.
+     * @param newTotal - The new total count; defaults to 0 if omitted.
+     */
+    notifyChanges(newTotal) {
+        this.total.set(newTotal ?? 0);
+        this.cdr.markForCheck();
+    }
+    /** Returns `true` when every list item is currently selected. */
+    isAllSelected() {
+        return this.selection().selectedOptions.selected.length === this.dialogData().items.length;
+    }
+    /** Returns `true` when at least one list item is selected. */
+    hasSelection() {
+        return this.selection().selectedOptions.selected.length > 0;
+    }
+    /**
+     * Selects or deselects all items based on the master checkbox state.
+     * @param e - The checkbox change event.
+     */
+    masterSelectionToggle(e) {
+        if (e.checked)
+            // Deselect if not allselected so that toggle makes the right choice
+            this.selection().selectAll();
+        else
+            this.selection().deselectAll();
+        this.selectionMasterIndeterminate.set(false);
+        this.selectionMasterChecked.set(e.checked);
+        const selection = this.selection();
+        this.okDisabled.set(!!(this.dialogData().mustSelect &&
+            selection.selectedOptions.selected.length === 0));
+        this.updateSelectionInfo();
+    }
+    /**
+     * Handles selection or deselection of a list item.
+     * @param e - The selection list change event.
+     */
+    select(e) {
+        const selection = this.selection();
+        if (!this.dialogData().multipleSelection) {
+            this.selection().deselectAll();
+            if (e.options?.length > 0)
+                e.options[0].selected = true;
+            this.okDisabled.set(false);
+        }
+        else {
+            this.okDisabled.set(!!(this.dialogData().mustSelect &&
+                selection.selectedOptions.selected.length === 0));
+        }
+        // Update editors
+        this.canEdit.set(!!(this.dialogData().canEdit &&
+            selection.selectedOptions.selected.length === 1));
+        this.canView.set(!!(this.dialogData().canView &&
+            selection.selectedOptions.selected.length === 1));
+        this.canDelete.set(!!(this.dialogData().canDelete &&
+            selection.selectedOptions.selected.length > 0));
+        this.selectionMasterIndeterminate.set(!this.isAllSelected() && this.hasSelection());
+        this.selectionMasterChecked.set(this.hasSelection());
+        this.updateSelectionInfo();
+    }
+    /** Refreshes the selection info label shown in the dialog footer. */
+    updateSelectionInfo() {
+        const selection = this.selection();
+        if (selection.selectedOptions.selected.length > 0 && this.dialogData().multipleSelection) {
+            this.selectionInfo.set(selection.selectedOptions.selected.length +
+                " / " +
+                selection.options.length);
+        }
+        else {
+            this.selectionInfo.set(null);
+        }
+    }
+    /** Deselects all items and resets the master checkbox state. */
+    clearSelection() {
+        this.selectionMasterIndeterminate.set(false);
+        this.selectionMasterChecked.set(false);
+        if (this.isViewReady) {
+            this.selection().deselectAll();
+        }
+        this.selectionInfo.set(null);
+    }
+    /** Emits the current selection and closes the dialog. */
+    ok() {
+        if (!this.okDisabled()) {
+            const selectedItems = [];
+            this.selection().selectedOptions.selected.forEach((element) => {
+                selectedItems.push(element.value);
+            });
+            this.done.emit({ selectedItems: selectedItems });
+            setTimeout(() => {
+                this.dialogRef.close();
+            }, 500);
+        }
+    }
+    /** Clears the current filter text input. */
+    clearFilter() {
+        this.filterText = "";
+    }
+    /**
+     * Sets the filter text programmatically.
+     * @param text - The new filter string to apply.
+     */
+    setFilter(text) {
+        this.filterText = text;
+        this.cdr.markForCheck();
+    }
+    /**
+     * Returns the current filter text.
+     * @returns The active filter string.
+     */
+    getFilter() {
+        return this.filterText;
+    }
+    /** Emits the `lookupOptions` output event to open the filter options panel. */
+    showFilterOptions() {
+        if (this.lookupOptions) {
+            this.lookupOptions.emit();
+        }
+    }
+    /**
+     * Applies the given text filter, emitting a lookup when enabled.
+     * @param text - Optional filter string; populates `filterText` when provided.
+     * @param e - Optional keyboard event; lookup only fires on Enter.
+     */
+    doFilter(text, e) {
+        if (text) {
+            this.filterText = text;
+        }
+        if (this.dialogData().canLookup) {
+            if (!e || e.key === 'Enter') {
+                this.applyFilter();
+            }
+        }
+    }
+    /**
+     * Applies the current filter text, emitting a lookup event.
+     */
+    applyFilter() {
+        this.clearSelection();
+        this.lookup.emit({ items: this.dialogData().items, filter: this.filterText, owner: this });
+    }
+    /**
+     * Applies a structured filter option, emitting the filter output event.
+     * @param filterOption - The selected filter option object.
+     */
+    applyFilterByOptions(filterOption) {
+        if (this.dialogData().canLookup && this.dialogData().canFilter) {
+            this.filter.emit({
+                items: this.dialogData().items,
+                filter: this.filterText,
+                filterOption: filterOption,
+                owner: this,
+            });
+            this.filterOptionsInfo.set(filterOption ? (filterOption.title ?? "Tutto") : "Tutto");
+        }
+    }
+    /**
+     * Applies a structured filter option, emitting the filter output event.
+     * @param filterOption - The selected filter option object.
+     * @param apply - Optional flag to immediately apply the filter.
+     */
+    doFilterByOptions(filterOption, apply) {
+        this.applyFilterByOptions(filterOption);
+        if (apply) {
+            setTimeout(() => {
+                this.doFilter();
+            }, 250);
+        }
+    }
+    /**
+     * Triggers a server-side lookup with the given parameters (public API).
+     * @param params - An object containing the lookup query parameters.
+     */
+    doLookup(params) {
+        if (this.dialogData().canLookup) {
+            this.clearSelection();
+            this.lookupParams = params;
+            this.lookupParams.first = 0;
+            this.lookup.emit({ items: this.dialogData().items, params: this.lookupParams, owner: this });
+        }
+    }
+    /**
+     * Updates the paginator length and resets it to the first page.
+     * @param total - The new total number of items.
+     */
+    updateLookupPaginator(total) {
+        if (this.canPaginate()) {
+            const paginator = this.paginator();
+            if (paginator) {
+                paginator.pageIndex = 0;
+                paginator.length = total ?? 0;
+            }
+        }
+    }
+    /**
+     * Handles a paginator page change and triggers a new lookup.
+     * @param e - The paginator page change event.
+     */
+    doLookupPage(e) {
+        if (this.canPaginate() && this.dialogData().canLookup) {
+            this.clearSelection();
+            if (!this.lookupParams) {
+                this.lookupParams = { first: 0, count: this.dialogData().pageSize ?? 0 };
+            }
+            this.lookupParams.first = e.pageIndex * (this.dialogData().pageSize ?? 0);
+            this.lookup.emit({ items: this.dialogData().items, params: this.lookupParams, owner: this });
+        }
+    }
+    /** Emits the `append` output event to open the add-item flow. */
+    doAppend() {
+        this.append.emit({ items: this.dialogData().items, owner: this });
+    }
+    /** Emits the `edit` output event for the currently selected item. */
+    doEdit() {
+        const selection = this.selection();
+        if (selection.selectedOptions.selected?.length > 0) {
+            this.edit.emit({
+                item: selection.selectedOptions.selected[0].value,
+                items: this.dialogData().items,
+                owner: this
+            });
+        }
+    }
+    /** Emits the `view` output event for the currently selected item. */
+    doView() {
+        const selection = this.selection();
+        if (selection.selectedOptions.selected?.length > 0) {
+            this.view.emit(selection.selectedOptions.selected[0].value);
+        }
+    }
+    /** Emits the `delete` output event with all currently selected items. */
+    doDelete() {
+        const selectedItems = [];
+        this.selection().selectedOptions.selected.forEach((element) => {
+            selectedItems.push(element.value);
+        });
+        this.delete.emit({
+            items: this.dialogData().items,
+            selectedItems: selectedItems,
+        });
+        this.canDelete.set(false);
+        this.canEdit.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SelectDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done", edit: "edit", view: "view", append: "append", delete: "delete", lookup: "lookup", lookupOptions: "lookupOptions", filter: "filter" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: ["paginator"], descendants: true, isSignal: true }, { propertyName: "selection", first: true, predicate: ["selection"], descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<div style=\"padding: 0 24px\">\r\n  @if (dialogData().description) {\r\n  <div class=\"select-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\r\n  }\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n      @if (!dialogData().canLookupWithOptions) {\r\n      <div fxFlex>\r\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\r\n          <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\r\n          <input type=\"text\" (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation(); doFilter()\" matInput\r\n            title=\"{{dialogData().canLookup ? 'Digita il testo e premi invio' : 'Digita il testo'}}\"\r\n            [(ngModel)]=\"filterText\">\r\n          @if (filterText) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (dialogData().canLookupWithInlineOptions) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Ricerca\"\r\n            (click)=\"showFilterOptions()\" matTooltip=\"Opzioni di ricerca\">\r\n            <mat-icon>tune</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      }\r\n      @if (!dialogData().canLookupWithOptions && dialogData().canLookup && dialogData().lookupFields) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Come...</mat-label>\r\n          <mat-select [(value)]=\"lookupField\">\r\n            @for (field of dialogData().lookupFields; track $index) {\r\n            <mat-option [value]=\"field.value\">\r\n              {{field.name}}\r\n            </mat-option>\r\n            }\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      }\r\n      @if (dialogData().canLookupWithOptions) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button aria-label=\"Ricerca\" (click)=\"showFilterOptions()\">\r\n          <mat-icon>search</mat-icon> {{this.dialogData().searchButtonLabel ?? 'Ricerca'}}\r\n        </button>\r\n      </div>\r\n      }\r\n      @if (dialogData().canLookup && dialogData().canFilter) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <button type=\"button\" mat-button matTooltip=\"Filtra\" [attr.aria-label]=\"'Filtra'\"\r\n          [matMenuTriggerFor]=\"menuFilter\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n            <div><mat-icon>filter_alt</mat-icon></div>\r\n            <div>{{filterOptionsInfo()}}</div>\r\n            <div><mat-icon class=\"icon-menu-drop-down\">\r\n                arrow_drop_down</mat-icon></div>\r\n          </div>\r\n        </button>\r\n        <mat-menu #menuFilter=\"matMenu\" class=\"mat-menu-300\">\r\n          @for (f of filterOptions(); track $index) {\r\n          @if (f.divider) {\r\n          <mat-divider></mat-divider>\r\n          }\r\n          @if (f.groupName) {\r\n          <span style='font-size:small; padding: 2px 4px;'><i><b>{{f.groupName}}</b></i></span>\r\n          }\r\n          @if (!f.groupName && !f.divider) {\r\n          <button mat-menu-item (click)=\"doFilterByOptions(f, true)\" [attr.aria-label]=\"f.description\">\r\n            @if (f.radio && f.value) {\r\n            <span style=\"padding-left:40px\"></span>\r\n            }\r\n            <mat-icon>{{f.icon}}</mat-icon> {{f.title}}\r\n          </button>\r\n          }\r\n\r\n          }\r\n        </mat-menu>\r\n      </div>\r\n      }\r\n      @if (canEdit() || canAppend() || canView() || canDelete()) {\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"end center\" >\r\n        <div fxFlex fxHide.lt-md>\r\n          @if (canAppend()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\r\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canEdit()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doEdit()\">\r\n            <mat-icon aria-label=\"Modifica\" matTooltip=\"Modifica\">edit</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canView()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doView()\">\r\n            <mat-icon aria-label=\"Mostra\" matTooltip=\"Mostra\">visibility</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canDelete()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doDelete()\">\r\n            <mat-icon aria-label=\"Elimina\" matTooltip=\"Elimina\">delete</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        <div fxFlex fxHide.gt-sm>\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azioni\" [attr.aria-label]=\"'Azioni'\"\r\n            [matMenuTriggerFor]=\"menuActions\">\r\n            <mat-icon>more_vert</mat-icon>\r\n          </button>\r\n          <mat-menu #menuActions=\"matMenu\" class=\"mat-menu-300\">\r\n            @if (canAppend()) {\r\n            <button mat-menu-item (click)=\"doAppend()\" [attr.aria-label]=\"'Aggiungi'\">\r\n              <mat-icon>add</mat-icon> Aggiungi\r\n            </button>\r\n            }\r\n            @if (canEdit()) {\r\n            <button mat-menu-item (click)=\"doEdit()\" [attr.aria-label]=\"'Modifica'\">\r\n              <mat-icon>edit</mat-icon> Modifica\r\n            </button>\r\n            }\r\n            @if (canView()) {\r\n            <button mat-menu-item (click)=\"doView()\" [attr.aria-label]=\"'Mostra'\">\r\n              <mat-icon>visibility</mat-icon> Mostra\r\n            </button>\r\n            }\r\n            @if (canDelete()) {\r\n            <button mat-menu-item (click)=\"doDelete()\" [attr.aria-label]=\"'Elimina'\">\r\n              <mat-icon>delete</mat-icon> Elimina\r\n            </button>\r\n            }\r\n          </mat-menu>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n  @if ((dialogData().multipleSelection || dialogData().header) && dialogData().items?.length > 0) {\r\n  <div>\r\n    <div fxLayout=\"row\" fxFill style=\"padding-top: 10px;\">\r\n      @if (dialogData().multipleSelection) {\r\n      <div fxFlex=\"64px\" fxFlexAlign=\"center\" style=\"padding-left: 8px;\">\r\n        <mat-checkbox (change)=\"$event ? masterSelectionToggle($event) : null\"\r\n          [indeterminate]=\"selectionMasterIndeterminate()\" [checked]=\"selectionMasterChecked()\"\r\n          [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\">\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n        @if (dialogData().header) {\r\n        <div class=\"text\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n<mat-dialog-content style=\"padding-top:0\">\r\n  <div fxLayout=\"column\" fxFill>\r\n    @if (dialogData().canLookup && (!dialogData().items || dialogData().items.length == 0)) {\r\n    <div class=\"text message\"><i>\r\n        @if (!dialogData().emptyMessage) {\r\n        <span>Nessun elemento da visualizzare.<br>Esegui una nuova ricerca o modifica quella\r\n          esistente.\r\n          @if (dialogData().maxItems > 0) {\r\n          <span>Saranno mostrati al massimo {{dialogData().maxItems}} elementi.</span>\r\n          }\r\n        </span>\r\n        } @else {\r\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\r\n        }\r\n      </i>\r\n    </div>\r\n    }\r\n    <mat-selection-list #selection (selectionChange)=\"select($event)\" dense hideSingleSelectionIndicator=\"true\"\r\n      [multiple]=\"dialogData().multipleSelection\">\r\n      @for (item of (dialogData().items | search: (!dialogData().canLookup ? filterText : ''): filterMetadata); track\r\n      $index) {\r\n      <mat-list-option [value]=\"item\" [selected]=\"item.selected\" togglePosition=\"before\">\r\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\r\n      </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"column\" fxFill>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\r\n      <div class=\"secondary\" style=\"padding-left:20px\">\r\n        @if (selectionInfo()) {\r\n        <span class=\"bold\">{{selectionInfo()}}</span>&nbsp; <span class=\"small\"> elementi selezionati</span>\r\n        } @else {\r\n        <span class=\"bold\">{{(dialogData().canLookup ? total() : (filterText ? filterMetadata.count : total())) ??\r\n          0}}</span>&nbsp; <span class=\"small\"> elementi</span>\r\n        }\r\n      </div>\r\n      <div fxFlexAlign=\"center\">\r\n        @if (canPaginate()) {\r\n        <mat-paginator class=\"x-small\" #paginator [hidePageSize]=\"true\" [pageSize]=\"dialogData().pageSize\" [showFirstLastButtons]=\"true\"\r\n          (page)=\"doLookupPage($event)\" [length]=\"total() ?? 0\"></mat-paginator>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"okDisabled()\">\r\n        <span>{{dialogData().mustSelect ? dialogData().okCaption : 'Chiudi'}}</span>\r\n      </button>\r\n      @if (dialogData().mustSelect) {\r\n      <button mat-stroked-button mat-dialog-close>\r\n        <span>Annulla</span>\r\n      </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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}.fill{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;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!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:1.2!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 .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.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}}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}::ng-deep .mdc-list-item__primary-text,.mdc-list-item__content{white-space:normal!important}::ng-deep .mdc-list-item.mdc-list-item--with-one-line{height:unset!important;min-height:48px!important}.select-description{padding:0 24px 24px}.mat-mdc-form-field-icon-suffix{padding-right:8px!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.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: i1.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: i1.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: i1.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: i1.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: i1.FxFlexAlignDirective, selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.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: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.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: i5.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.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: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { 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: MatMenuModule }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i10.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i11.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: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i12.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i12.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i13.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "pipe", type: SearchFilterPipe, name: "search" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectDialogComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        FlexLayoutModule,
+                        MatDialogTitle,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatSelectModule,
+                        MatOptionModule,
+                        MatTooltipModule,
+                        MatMenuModule,
+                        MatDividerModule,
+                        MatCheckboxModule,
+                        MatDialogContent,
+                        MatListModule,
+                        MatDialogActions,
+                        MatDialogClose,
+                        MatPaginatorModule,
+                        SearchFilterPipe,
+                        SafeHtmlPipe
+                    ], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<div style=\"padding: 0 24px\">\r\n  @if (dialogData().description) {\r\n  <div class=\"select-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\r\n  }\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n      @if (!dialogData().canLookupWithOptions) {\r\n      <div fxFlex>\r\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\r\n          <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\r\n          <input type=\"text\" (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation(); doFilter()\" matInput\r\n            title=\"{{dialogData().canLookup ? 'Digita il testo e premi invio' : 'Digita il testo'}}\"\r\n            [(ngModel)]=\"filterText\">\r\n          @if (filterText) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (dialogData().canLookupWithInlineOptions) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Ricerca\"\r\n            (click)=\"showFilterOptions()\" matTooltip=\"Opzioni di ricerca\">\r\n            <mat-icon>tune</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      }\r\n      @if (!dialogData().canLookupWithOptions && dialogData().canLookup && dialogData().lookupFields) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Come...</mat-label>\r\n          <mat-select [(value)]=\"lookupField\">\r\n            @for (field of dialogData().lookupFields; track $index) {\r\n            <mat-option [value]=\"field.value\">\r\n              {{field.name}}\r\n            </mat-option>\r\n            }\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      }\r\n      @if (dialogData().canLookupWithOptions) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button aria-label=\"Ricerca\" (click)=\"showFilterOptions()\">\r\n          <mat-icon>search</mat-icon> {{this.dialogData().searchButtonLabel ?? 'Ricerca'}}\r\n        </button>\r\n      </div>\r\n      }\r\n      @if (dialogData().canLookup && dialogData().canFilter) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <button type=\"button\" mat-button matTooltip=\"Filtra\" [attr.aria-label]=\"'Filtra'\"\r\n          [matMenuTriggerFor]=\"menuFilter\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n            <div><mat-icon>filter_alt</mat-icon></div>\r\n            <div>{{filterOptionsInfo()}}</div>\r\n            <div><mat-icon class=\"icon-menu-drop-down\">\r\n                arrow_drop_down</mat-icon></div>\r\n          </div>\r\n        </button>\r\n        <mat-menu #menuFilter=\"matMenu\" class=\"mat-menu-300\">\r\n          @for (f of filterOptions(); track $index) {\r\n          @if (f.divider) {\r\n          <mat-divider></mat-divider>\r\n          }\r\n          @if (f.groupName) {\r\n          <span style='font-size:small; padding: 2px 4px;'><i><b>{{f.groupName}}</b></i></span>\r\n          }\r\n          @if (!f.groupName && !f.divider) {\r\n          <button mat-menu-item (click)=\"doFilterByOptions(f, true)\" [attr.aria-label]=\"f.description\">\r\n            @if (f.radio && f.value) {\r\n            <span style=\"padding-left:40px\"></span>\r\n            }\r\n            <mat-icon>{{f.icon}}</mat-icon> {{f.title}}\r\n          </button>\r\n          }\r\n\r\n          }\r\n        </mat-menu>\r\n      </div>\r\n      }\r\n      @if (canEdit() || canAppend() || canView() || canDelete()) {\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"end center\" >\r\n        <div fxFlex fxHide.lt-md>\r\n          @if (canAppend()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\r\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canEdit()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doEdit()\">\r\n            <mat-icon aria-label=\"Modifica\" matTooltip=\"Modifica\">edit</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canView()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doView()\">\r\n            <mat-icon aria-label=\"Mostra\" matTooltip=\"Mostra\">visibility</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canDelete()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doDelete()\">\r\n            <mat-icon aria-label=\"Elimina\" matTooltip=\"Elimina\">delete</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        <div fxFlex fxHide.gt-sm>\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azioni\" [attr.aria-label]=\"'Azioni'\"\r\n            [matMenuTriggerFor]=\"menuActions\">\r\n            <mat-icon>more_vert</mat-icon>\r\n          </button>\r\n          <mat-menu #menuActions=\"matMenu\" class=\"mat-menu-300\">\r\n            @if (canAppend()) {\r\n            <button mat-menu-item (click)=\"doAppend()\" [attr.aria-label]=\"'Aggiungi'\">\r\n              <mat-icon>add</mat-icon> Aggiungi\r\n            </button>\r\n            }\r\n            @if (canEdit()) {\r\n            <button mat-menu-item (click)=\"doEdit()\" [attr.aria-label]=\"'Modifica'\">\r\n              <mat-icon>edit</mat-icon> Modifica\r\n            </button>\r\n            }\r\n            @if (canView()) {\r\n            <button mat-menu-item (click)=\"doView()\" [attr.aria-label]=\"'Mostra'\">\r\n              <mat-icon>visibility</mat-icon> Mostra\r\n            </button>\r\n            }\r\n            @if (canDelete()) {\r\n            <button mat-menu-item (click)=\"doDelete()\" [attr.aria-label]=\"'Elimina'\">\r\n              <mat-icon>delete</mat-icon> Elimina\r\n            </button>\r\n            }\r\n          </mat-menu>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n  @if ((dialogData().multipleSelection || dialogData().header) && dialogData().items?.length > 0) {\r\n  <div>\r\n    <div fxLayout=\"row\" fxFill style=\"padding-top: 10px;\">\r\n      @if (dialogData().multipleSelection) {\r\n      <div fxFlex=\"64px\" fxFlexAlign=\"center\" style=\"padding-left: 8px;\">\r\n        <mat-checkbox (change)=\"$event ? masterSelectionToggle($event) : null\"\r\n          [indeterminate]=\"selectionMasterIndeterminate()\" [checked]=\"selectionMasterChecked()\"\r\n          [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\">\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n        @if (dialogData().header) {\r\n        <div class=\"text\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n<mat-dialog-content style=\"padding-top:0\">\r\n  <div fxLayout=\"column\" fxFill>\r\n    @if (dialogData().canLookup && (!dialogData().items || dialogData().items.length == 0)) {\r\n    <div class=\"text message\"><i>\r\n        @if (!dialogData().emptyMessage) {\r\n        <span>Nessun elemento da visualizzare.<br>Esegui una nuova ricerca o modifica quella\r\n          esistente.\r\n          @if (dialogData().maxItems > 0) {\r\n          <span>Saranno mostrati al massimo {{dialogData().maxItems}} elementi.</span>\r\n          }\r\n        </span>\r\n        } @else {\r\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\r\n        }\r\n      </i>\r\n    </div>\r\n    }\r\n    <mat-selection-list #selection (selectionChange)=\"select($event)\" dense hideSingleSelectionIndicator=\"true\"\r\n      [multiple]=\"dialogData().multipleSelection\">\r\n      @for (item of (dialogData().items | search: (!dialogData().canLookup ? filterText : ''): filterMetadata); track\r\n      $index) {\r\n      <mat-list-option [value]=\"item\" [selected]=\"item.selected\" togglePosition=\"before\">\r\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\r\n      </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"column\" fxFill>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\r\n      <div class=\"secondary\" style=\"padding-left:20px\">\r\n        @if (selectionInfo()) {\r\n        <span class=\"bold\">{{selectionInfo()}}</span>&nbsp; <span class=\"small\"> elementi selezionati</span>\r\n        } @else {\r\n        <span class=\"bold\">{{(dialogData().canLookup ? total() : (filterText ? filterMetadata.count : total())) ??\r\n          0}}</span>&nbsp; <span class=\"small\"> elementi</span>\r\n        }\r\n      </div>\r\n      <div fxFlexAlign=\"center\">\r\n        @if (canPaginate()) {\r\n        <mat-paginator class=\"x-small\" #paginator [hidePageSize]=\"true\" [pageSize]=\"dialogData().pageSize\" [showFirstLastButtons]=\"true\"\r\n          (page)=\"doLookupPage($event)\" [length]=\"total() ?? 0\"></mat-paginator>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"okDisabled()\">\r\n        <span>{{dialogData().mustSelect ? dialogData().okCaption : 'Chiudi'}}</span>\r\n      </button>\r\n      @if (dialogData().mustSelect) {\r\n      <button mat-stroked-button mat-dialog-close>\r\n        <span>Annulla</span>\r\n      </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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}.fill{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;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!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:1.2!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 .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.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}}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}::ng-deep .mdc-list-item__primary-text,.mdc-list-item__content{white-space:normal!important}::ng-deep .mdc-list-item.mdc-list-item--with-one-line{height:unset!important;min-height:48px!important}.select-description{padding:0 24px 24px}.mat-mdc-form-field-icon-suffix{padding-right:8px!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { paginator: [{ type: i0.ViewChild, args: ['paginator', { isSignal: true }] }], selection: [{ type: i0.ViewChild, args: ["selection", { isSignal: true }] }], done: [{ type: i0.Output, args: ["done"] }], edit: [{ type: i0.Output, args: ["edit"] }], view: [{ type: i0.Output, args: ["view"] }], append: [{ type: i0.Output, args: ["append"] }], delete: [{ type: i0.Output, args: ["delete"] }], lookup: [{ type: i0.Output, args: ["lookup"] }], lookupOptions: [{ type: i0.Output, args: ["lookupOptions"] }], filter: [{ type: i0.Output, args: ["filter"] }] } });
+
+class TreeDataSource {
+    constructor() {
+        this._dataChange = new BehaviorSubject([]);
+        this.dataChange$ = this._dataChange.asObservable();
+    }
+    get data() {
+        return this._dataChange.value;
+    }
+    ngOnDestroy() {
+        this._dataChange.complete();
+    }
+    initialize(data) {
+        this._dataChange.next(data);
+    }
+    /**
+     * Find a node by id recursively.
+     * @param node - The source node to search from, or null to search from root.
+     * @param id - The id to search for.
+     * @returns The matching node, or undefined if not found.
+     */
+    findNode(node, id) {
+        if (node) {
+            if (node.id === id)
+                return node;
+            const children = node.children;
+            if (children) {
+                let _n;
+                children.some(n => {
+                    _n = this.findNode(n, id);
+                    return !!_n;
+                });
+                return _n;
+            }
+            return undefined;
+        }
+        // Search all root nodes when called with null
+        for (const root of this.data) {
+            const found = this.findNode(root, id);
+            if (found)
+                return found;
+        }
+        return undefined;
+    }
+    /**
+     * Remove a node from the tree.
+     * @param id - The id of the node to remove.
+     */
+    removeNode(id) {
+        let n = this.findNode(null, id);
+        if (!n)
+            return;
+        if (n.parent) {
+            // children/count are optional on INode: guard before indexing
+            const siblings = n.parent.children ?? [];
+            const p = siblings.findIndex(c => c.id === id);
+            if (p !== -1) {
+                siblings.splice(p, 1);
+                if ((n.parent.count ?? 0) > 0)
+                    n.parent.count--;
+            }
+        }
+        else {
+            const p = this.data.findIndex(n => n.id === id);
+            if (p !== -1) {
+                this.data.splice(p, 1);
+            }
+        }
+        this._dataChange.next(this.data);
+    }
+    /**
+     * Insert a new node at the top of its parent (or root).
+     * @param node - The new node to insert.
+     */
+    insertNode(node) {
+        if (node.parent) {
+            (node.parent.children ??= []).unshift(node);
+            node.parent.count = (node.parent.count ?? 0) + 1;
+        }
+        else
+            this.data.unshift(node);
+        this._dataChange.next(this.data);
+    }
+    /**
+     * Rename a node in the tree.
+     * @param id - The id of the node to rename.
+     * @param name - The new name for the node.
+     * @returns The renamed node, or undefined if not found.
+     */
+    renameNode(id, name) {
+        const n = this.findNode(null, id);
+        if (n) {
+            n.name = name;
+            this._dataChange.next(this.data);
+        }
+        return n;
+    }
+    /**
+     * Notify all subscribers of the current data state.
+     */
+    update() {
+        this._dataChange.next(this.data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeDataSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeDataSource }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeDataSource, decorators: [{
+            type: Injectable
+        }] });
+class SelectTreeDialogComponent {
+    constructor() {
+        /** Emitted when the user confirms a selection. */
+        this.done = output();
+        /** Emitted when the user requests to append a new node. */
+        this.append = output();
+        this.destroyRef = inject(DestroyRef);
+        this.dialogRef = inject((MatDialogRef));
+        /** Dialog configuration, injected and exposed as a signal. */
+        this.dialogData = signal((() => {
+            const data = inject(MAT_DIALOG_DATA) ?? {};
+            return { ...data, title: data.title ?? 'Seleziona', okCaption: data.okCaption ?? 'OK' };
+        })(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
+        this.tree = inject(TreeDataSource);
+        this._elRef = inject(ElementRef);
+        /** Reference to the Material tree component. */
+        this.matTree = viewChild(MatTree, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "matTree" }] : /* istanbul ignore next */ []));
+        /** Provides children of a tree node to the tree component. */
+        this.childrenAccessor = (node) => (node.children ?? []);
+        /** Root nodes used as the tree data source. */
+        this.treeNodes = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "treeNodes" }] : /* istanbul ignore next */ []));
+        /** Currently selected tree node. */
+        this.currentNode = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentNode" }] : /* istanbul ignore next */ []));
+        /** Current filter text. */
+        this.filterText = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []));
+        /** Nodes matching the current filter text. */
+        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 */ []));
+        this.canAppend = signal(this.dialogData().canAppend || false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canAppend" }] : /* istanbul ignore next */ []));
+        /** Flat node map rebuilt whenever treeNodes changes. */
+        this._nodeMap = computed(() => {
+            const map = new Map();
+            const build = (nodes) => {
+                for (const n of nodes) {
+                    map.set(n.id, n);
+                    if (n.children?.length)
+                        build(n.children);
+                }
+            };
+            build(this.treeNodes());
+            return map;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_nodeMap" }] : /* istanbul ignore next */ []));
+        this.hasChild = (_, node) => !!(node.children?.length);
+        this.tree.dataChange$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(data => {
+            this.treeNodes.set(data);
+            setTimeout(() => {
+                const current = this.currentNode();
+                if (current) {
+                    const n = this.findInTree(data, current.id);
+                    if (n) {
+                        this.currentNode.set(n);
+                        this.expand(n);
+                    }
+                }
+            });
+        });
+        const data = this.dialogData();
+        if (data.nodes) {
+            this.tree.initialize(data.nodes);
+        }
+        if (data.initialFilter) {
+            this.filterText.set(data.initialFilter);
+            this.doFilter();
+        }
+    }
+    /**
+     * Confirm the current selection and close the dialog.
+     */
+    ok() {
+        const node = this.currentNode();
+        if (node) {
+            this.done.emit({ selectedItems: [node] });
+        }
+        setTimeout(() => {
+            this.dialogRef.close();
+        }, 500);
+    }
+    /**
+     * Toggle selection of a tree node. Clicking the already-selected node deselects it.
+     * @param e - The mouse event (propagation is stopped).
+     * @param node - The node that was clicked.
+     */
+    select(e, node) {
+        if (e)
+            e.stopPropagation();
+        if (node) {
+            this.currentNode.set(node.id === this.currentNode()?.id ? undefined : node);
+        }
+    }
+    /**
+     * Clear the active filter text.
+     */
+    clearFilter() {
+        this.filterText.set('');
+        this.filteredItems.set([]);
+        this.filterIndex.set(-1);
+    }
+    /**
+     * Filter the tree nodes by name (minimum 3 characters).
+     */
+    doFilter() {
+        const text = this.filterText().trim().toLowerCase();
+        if (text.length < 3) {
+            this.filteredItems.set([]);
+            this.filterIndex.set(-1);
+            return;
+        }
+        const matches = Array.from(this._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);
+    }
+    /**
+     * Advance to the next matching filtered node and scroll it into view.
+     */
+    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.
+     * @param node - tree node to check.
+     */
+    isFilteredNode(node) {
+        return this.filteredNode()?.id === node.id;
+    }
+    /**
+     * Expands ancestors of the target node and scrolls it into view.
+     * @param index - index within `items` to scroll to.
+     * @param items - current filtered items array.
+     */
+    _scrollToFiltered(index, items) {
+        const node = items[index];
+        if (!node)
+            return;
+        this.currentNode.set(node);
+        this.expand(node);
+        setTimeout(() => {
+            const el = this._elRef.nativeElement.querySelector(`[data-node-id="${node.id}"]`);
+            el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+        });
+    }
+    /**
+     * Expand a node and all of its parent nodes.
+     * @param node - The node to expand.
+     * @returns Always false.
+     */
+    expand(node) {
+        this.matTree()?.expand(node);
+        let parent = node.parent;
+        const visited = new Set();
+        while (parent && !visited.has(parent)) {
+            visited.add(parent);
+            this.matTree()?.expand(parent);
+            parent = parent.parent;
+        }
+        return false;
+    }
+    /**
+     * Recursively find a node by id.
+     * @param nodes - Nodes to search.
+     * @param id - The id to find.
+     */
+    findInTree(nodes, id) {
+        for (const node of nodes) {
+            if (node.id === id)
+                return node;
+            if (node.children?.length) {
+                const found = this.findInTree(node.children, id);
+                if (found)
+                    return found;
+            }
+        }
+        return undefined;
+    }
+    /**
+     * Append a new node to the tree.
+     * @param node - The node to insert.
+     */
+    appendNode(node) {
+        this.tree.insertNode(node);
+    }
+    /**
+     * Collapse all tree nodes and reset the current selection.
+     */
+    collapseAll() {
+        this.matTree()?.collapseAll();
+        this.currentNode.set(undefined);
+    }
+    /**
+     * Expand all tree nodes and scroll to the selected node, if any.
+     */
+    expandAll() {
+        this.matTree()?.expandAll();
+        const node = this.currentNode();
+        if (node) {
+            setTimeout(() => {
+                const el = this._elRef.nativeElement.querySelector(`[data-node-id="${node.id}"]`);
+                el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+            });
+        }
+    }
+    /**
+     * Emit an append request with the currently selected node as the parent.
+     */
+    doAppend() {
+        this.append.emit({ parent: this.currentNode(), owner: this });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectTreeDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SelectTreeDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done", append: "append" }, providers: [TreeDataSource], viewQueries: [{ propertyName: "matTree", first: true, predicate: MatTree, descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<div style=\"padding: 0 24px\">\r\n  @if (dialogData().description) {\r\n  <div class=\"selecttree-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\r\n  }\r\n  <div style=\"padding-bottom: 10px;\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n      <div fxFlex fxHide.xs>\r\n        <mat-form-field style=\"width:100%\" appearance=\"outline\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca...</mat-label>\r\n          <input type=\"text\" (keyup)=\"doFilter()\" matInput title=\"Digita il testo'\"\r\n            (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\" \r\n            (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\r\n            [ngModel]=\"filterText()\"\r\n            (ngModelChange)=\"filterText.set($event)\">\r\n          @if (filterText()) {\r\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\"\r\n            (click)=\"clearFilter()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      @if (filteredItems().length > 0) {\r\n      <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\r\n      </div>\r\n      <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n        <button type=\"button\" type=\"button\" mat-icon-button (click)=\"nextFiltered()\">\r\n          <mat-icon aria-label=\"Vai al prossimo\" matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"50\" fxLayoutAlign=\"end center\" style=\"white-space:nowrap\">\r\n        <div>\r\n          @if (canAppend()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\r\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\r\n          </button>\r\n          }\r\n          <button type=\"button\" mat-icon-button (click)=\"collapseAll()\">\r\n            <mat-icon aria-label=\"Comprimi tutto\" matTooltip=\"Comprimi tutto\">unfold_less</mat-icon>\r\n          </button>\r\n          <button type=\"button\" mat-icon-button (click)=\"expandAll()\">\r\n            <mat-icon aria-label=\"Espandi tutto\" matTooltip=\"Espandi tutto\">unfold_more</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content>\r\n  <div fxLayout=\"column\" fxFill>\r\n    <mat-tree [dataSource]=\"treeNodes()\" [childrenAccessor]=\"childrenAccessor\" class=\"tree\">\r\n      <mat-tree-node [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\r\n        [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\" (click)=\"select($event, node);\"\r\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\">\r\n        <div fxLayout=\"row\"  fxFill>\r\n          <button type=\"button\" mat-icon-button disabled class=\"small-icon-button\"></button>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\r\n            {{node.name}}\r\n          </div>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            @if (node.count > 0) {\r\n            <span fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</span>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-tree-node>\r\n\r\n      <mat-tree-node #treeNodeRef=\"matTreeNode\" [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node;when: hasChild\"\r\n        matTreeNodePadding [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\"\r\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\"\r\n        (click)=\"select($event, node);\">\r\n        <div fxLayout=\"row\"  fxFill>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            <button type=\"button\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Apri/chiudi ' + node.name\"\r\n              class=\"small-icon-button\">\r\n              <mat-icon class=\"mat-icon-rtl-mirror\">\r\n                {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\r\n              </mat-icon>\r\n            </button>\r\n          </div>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\r\n            {{node.name}}\r\n          </div>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            @if (node.count > 0) {\r\n            <div fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</div>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-tree-node>\r\n    </mat-tree>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"!currentNode()\">{{dialogData().okCaption}}</button>\r\n    <button mat-button mat-dialog-close>Annulla</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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}.fill{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;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!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:1.2!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 .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.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}}.tree{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: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-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.selecttree-description{padding:0 24px 24px}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.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: i1.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: i1.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: i1.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: i1.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: i1.FxFlexAlignDirective, selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.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: i5.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectTreeDialogComponent, decorators: [{
+            type: Component,
+            args: [{ providers: [TreeDataSource], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, FlexLayoutModule, MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule,
+                        MatIconModule, MatTooltipModule, MatDialogContent, MatTreeModule, MatDialogActions,
+                        MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<div style=\"padding: 0 24px\">\r\n  @if (dialogData().description) {\r\n  <div class=\"selecttree-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\r\n  }\r\n  <div style=\"padding-bottom: 10px;\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n      <div fxFlex fxHide.xs>\r\n        <mat-form-field style=\"width:100%\" appearance=\"outline\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca...</mat-label>\r\n          <input type=\"text\" (keyup)=\"doFilter()\" matInput title=\"Digita il testo'\"\r\n            (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\" \r\n            (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\r\n            [ngModel]=\"filterText()\"\r\n            (ngModelChange)=\"filterText.set($event)\">\r\n          @if (filterText()) {\r\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\"\r\n            (click)=\"clearFilter()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      @if (filteredItems().length > 0) {\r\n      <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\r\n      </div>\r\n      <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n        <button type=\"button\" type=\"button\" mat-icon-button (click)=\"nextFiltered()\">\r\n          <mat-icon aria-label=\"Vai al prossimo\" matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"50\" fxLayoutAlign=\"end center\" style=\"white-space:nowrap\">\r\n        <div>\r\n          @if (canAppend()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\r\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\r\n          </button>\r\n          }\r\n          <button type=\"button\" mat-icon-button (click)=\"collapseAll()\">\r\n            <mat-icon aria-label=\"Comprimi tutto\" matTooltip=\"Comprimi tutto\">unfold_less</mat-icon>\r\n          </button>\r\n          <button type=\"button\" mat-icon-button (click)=\"expandAll()\">\r\n            <mat-icon aria-label=\"Espandi tutto\" matTooltip=\"Espandi tutto\">unfold_more</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content>\r\n  <div fxLayout=\"column\" fxFill>\r\n    <mat-tree [dataSource]=\"treeNodes()\" [childrenAccessor]=\"childrenAccessor\" class=\"tree\">\r\n      <mat-tree-node [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\r\n        [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\" (click)=\"select($event, node);\"\r\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\">\r\n        <div fxLayout=\"row\"  fxFill>\r\n          <button type=\"button\" mat-icon-button disabled class=\"small-icon-button\"></button>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\r\n            {{node.name}}\r\n          </div>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            @if (node.count > 0) {\r\n            <span fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</span>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-tree-node>\r\n\r\n      <mat-tree-node #treeNodeRef=\"matTreeNode\" [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node;when: hasChild\"\r\n        matTreeNodePadding [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\"\r\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\"\r\n        (click)=\"select($event, node);\">\r\n        <div fxLayout=\"row\"  fxFill>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            <button type=\"button\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Apri/chiudi ' + node.name\"\r\n              class=\"small-icon-button\">\r\n              <mat-icon class=\"mat-icon-rtl-mirror\">\r\n                {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\r\n              </mat-icon>\r\n            </button>\r\n          </div>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\r\n            {{node.name}}\r\n          </div>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            @if (node.count > 0) {\r\n            <div fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</div>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-tree-node>\r\n    </mat-tree>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"!currentNode()\">{{dialogData().okCaption}}</button>\r\n    <button mat-button mat-dialog-close>Annulla</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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}.fill{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;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!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:1.2!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 .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.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}}.tree{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: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-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.selecttree-description{padding:0 24px 24px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { done: [{ type: i0.Output, args: ["done"] }], append: [{ type: i0.Output, args: ["append"] }], matTree: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTree), { isSignal: true }] }] } });
+
+class SendToDialogComponent {
+    constructor() {
+        /** Emitted when the user confirms and sends the message. */
+        this.done = output();
+        /** Emitted when the user requests to populate the recipient list. */
+        this.populate = output();
+        this.cdr = inject(ChangeDetectorRef);
+        /** Dialog configuration, injected and exposed as a signal. */
+        this.dialogData = signal((() => {
+            const data = inject(MAT_DIALOG_DATA) ?? {};
+            const count = data.count ?? 0;
+            const title = data.title || (count
+                ? (count === 1 ? 'Invia documento a...' : `Invia ${count} documenti a...`)
+                : undefined);
+            return { ...data, count, appearance: data.appearance ?? 'fill', title };
+        })(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
+        /** Form model for the send-to form fields. */
+        this.item = {
+            recipients: undefined,
+            subject: this.dialogData().subject,
+            text: this.dialogData().text,
+            options: undefined
+        };
+    }
+    /**
+     * Confirm the form and emit the result.
+     */
+    ok() {
+        this.item.options = this.dialogData().options;
+        this.done.emit(this.item);
+    }
+    /**
+     * Request the host to populate the recipient list.
+     * Only emits if `canPopulate` is enabled in the dialog data.
+     */
+    populateRecipients() {
+        if (this.dialogData().canPopulate) {
+            this.populate.emit({ item: this.item, source: this });
+        }
+    }
+    /**
+     * Update the recipient list from an external caller.
+     * @param recipients - The new recipients string (semicolon-separated).
+     */
+    updateRecipients(recipients) {
+        this.item.recipients = recipients;
+        this.cdr.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SendToDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SendToDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done", populate: "populate" }, ngImport: i0, template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <p>{{dialogData().info}}</p>\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Destinatari</mat-label>\r\n          <textarea matInput [(ngModel)]=\"item.recipients\" name=\"recipients\" maxlength=\"1000\" #recipients=\"ngModel\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" emails required></textarea>\r\n          @if (item.recipients) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n            (click)=\"item.recipients = null;\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n\r\n          @if (dialogData().canPopulate) {\r\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Popola\"\r\n            (click)=\"populateRecipients()\" matTooltip=\"Popola\">\r\n            <mat-icon>person</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-hint align=\"start\">Separati da punto e virgola</mat-hint>\r\n          <mat-hint align=\"end\">{{recipients.value?.length || 0}}/1000 </mat-hint>\r\n          @if (recipients.invalid) {\r\n          <mat-error>Non valido.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Oggetto</mat-label>\r\n          <input matInput name=\"subject\" [(ngModel)]=\"item.subject\" #subject=\"ngModel\" maxlength=\"200\" required />\r\n          @if (subject.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n          <mat-hint align=\"end\">{{subject.value?.length || 0}}/200 </mat-hint>\r\n        </mat-form-field>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Testo</mat-label>\r\n          <textarea matInput [(ngModel)]=\"item.text\" name=\"text\" maxlength=\"1000\" #text=\"ngModel\" cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" required></textarea>\r\n          <mat-hint align=\"end\">{{text.value?.length || 0}}/1000 </mat-hint>\r\n          @if (subject.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      @if (dialogData().options) {\r\n        <div style=\"padding-bottom: 24px;\">\r\n        @for (o of dialogData().options; track o; let i = $index) {\r\n        <div>\r\n          <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\" name=\"opt_{{i}}\">\r\n            {{o.description}}\r\n          </mat-checkbox>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Invia</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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}.fill{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;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!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:1.2!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 .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.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}}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.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: i1.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: i1.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: i1.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: i1.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: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: i5$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: EmailsValidatorDirective, selector: "[emails]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.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: i5.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: MatCheckboxModule }, { kind: "component", type: i11.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: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SendToDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        MatDialogTitle,
+                        MatDialogContent,
+                        FormsModule,
+                        FlexLayoutModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        TextFieldModule,
+                        EmailsValidatorDirective,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatTooltipModule,
+                        MatCheckboxModule,
+                        MatDialogActions,
+                        MatDialogClose,
+                        SafeHtmlPipe
+                    ], template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <p>{{dialogData().info}}</p>\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Destinatari</mat-label>\r\n          <textarea matInput [(ngModel)]=\"item.recipients\" name=\"recipients\" maxlength=\"1000\" #recipients=\"ngModel\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" emails required></textarea>\r\n          @if (item.recipients) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n            (click)=\"item.recipients = null;\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n\r\n          @if (dialogData().canPopulate) {\r\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Popola\"\r\n            (click)=\"populateRecipients()\" matTooltip=\"Popola\">\r\n            <mat-icon>person</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-hint align=\"start\">Separati da punto e virgola</mat-hint>\r\n          <mat-hint align=\"end\">{{recipients.value?.length || 0}}/1000 </mat-hint>\r\n          @if (recipients.invalid) {\r\n          <mat-error>Non valido.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Oggetto</mat-label>\r\n          <input matInput name=\"subject\" [(ngModel)]=\"item.subject\" #subject=\"ngModel\" maxlength=\"200\" required />\r\n          @if (subject.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n          <mat-hint align=\"end\">{{subject.value?.length || 0}}/200 </mat-hint>\r\n        </mat-form-field>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Testo</mat-label>\r\n          <textarea matInput [(ngModel)]=\"item.text\" name=\"text\" maxlength=\"1000\" #text=\"ngModel\" cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" required></textarea>\r\n          <mat-hint align=\"end\">{{text.value?.length || 0}}/1000 </mat-hint>\r\n          @if (subject.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      @if (dialogData().options) {\r\n        <div style=\"padding-bottom: 24px;\">\r\n        @for (o of dialogData().options; track o; let i = $index) {\r\n        <div>\r\n          <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\" name=\"opt_{{i}}\">\r\n            {{o.description}}\r\n          </mat-checkbox>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Invia</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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}.fill{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;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!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:1.2!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 .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.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}}.dialog-content{padding:0 24px 24px!important}\n"] }]
+        }], propDecorators: { done: [{ type: i0.Output, args: ["done"] }], populate: [{ type: i0.Output, args: ["populate"] }] } });
+
+/*
+ * Public API Surface of @arsedizioni/ars-utils/ui.dialogs.select
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SelectDialogComponent, SelectTreeDialogComponent, SendToDialogComponent, TreeDataSource };
+//# sourceMappingURL=arsedizioni-ars-utils-ui.dialogs.select.mjs.map