@arsedizioni/ars-utils 22.6.86 → 22.6.89

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

@@ -1,945 +1,2402 @@
-import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, signal, ChangeDetectionStrategy, Component, viewChild, output, afterNextRender, Injectable, DestroyRef, ElementRef, computed } from '@angular/core';
-import { form, FormField, required, maxLength, FormRoot } from '@angular/forms/signals';
-import * as i4 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatDialogRef } from '@angular/material/dialog';
-import * as i2 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i5 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 i9 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import { SearchFilterPipe, SafeHtmlPipe, DtoUtils } from '@arsedizioni/ars-utils/core';
-import * as i1 from '@arsedizioni/ars-utils/ui';
-import { FlexLayoutModule } from '@arsedizioni/ars-utils/ui';
-import * as i10 from '@angular/material/checkbox';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatOptionModule } from '@angular/material/core';
-import { MatDividerModule } from '@angular/material/divider';
-import * as i8 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import * as i11 from '@angular/material/paginator';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import * as i6 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import * as i7 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i7$1 from '@angular/material/tree';
-import { MatTree, MatTreeModule } from '@angular/material/tree';
-import { BehaviorSubject } from 'rxjs';
-import * as i4$1 from '@angular/cdk/text-field';
-import { TextFieldModule } from '@angular/cdk/text-field';
-import { SignalsUtils, notEmpty, emails } from '@arsedizioni/ars-utils/core.validators';
-
-/**
- * Read-only counterpart of `SelectDialogComponent`: it shows a list of items with a search box
- * and nothing else.
- *
- * Deliberately not a selection: the list is a plain `mat-list`, not a `mat-selection-list`, so
- * there is no selected state to read, no `done` payload and no Ok / Annulla pair — closing is the
- * only way out and it is always available. It carries no add / edit / delete affordance either:
- * a dialog that cannot change anything is the whole point, and a caller that needs commands wants
- * `SelectDialogComponent` instead.
- *
- * Filtering is client-side, through the same `search` pipe the select dialog uses on its local
- * items. There is no server-side lookup: paging a list nobody can act on would buy nothing.
- */
-class ListDialogComponent {
-    constructor() {
-        this.cdr = inject(ChangeDetectorRef);
-        this.dialogData = signal((() => {
-            const data = inject(MAT_DIALOG_DATA) ?? {};
-            return {
-                ...data,
-                appearance: data.appearance ?? 'outline',
-                title: data.title ?? 'Elenco',
-                closeCaption: data.closeCaption ?? 'Chiudi',
-                items: data.items ?? [],
-            };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        /** Items currently on screen. Seeded from the dialog data and replaceable through {@link setItems}. */
-        this.items = signal(this.dialogData().items ?? [], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-        /** Counters written by the `search` pipe while it filters, read back by the footer. */
-        this.filterMetadata = { total: 0, count: 0 };
-        /** Current search text. */
-        this.filterText = signal(this.dialogData().filter ?? '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []));
-        /** Root signal form bound to the search input. */
-        this.filterForm = form(this.filterText);
-    }
-    /**
-     * Replaces the items on screen, for a caller that fills the list after opening the dialog or
-     * refreshes it while it is open.
-     * @param items - The new items to display; an empty array clears the list.
-     */
-    setItems(items) {
-        this.items.set(items ?? []);
-        this.cdr.markForCheck();
-    }
-    /**
-     * Sets the search text programmatically.
-     * @param text - The new search string to apply.
-     */
-    setFilter(text) {
-        this.filterText.set(text ?? '');
-    }
-    /**
-     * Returns the current search text.
-     * @returns The active search string.
-     */
-    getFilter() {
-        return this.filterText();
-    }
-    /** Clears the search text, restoring the whole list. */
-    clearFilter() {
-        this.filterText.set('');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ListDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ListDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"list-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div fxLayout=\"row\" fxFill>\n    <div fxFlex>\n      <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n        <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\n        <input type=\"text\" matInput title=\"Digita il testo\" [formField]=\"filterForm\"\n          (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation()\">\n        @if (filterText()) {\n        <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\n          <mat-icon>close</mat-icon>\n        </button>\n        }\n      </mat-form-field>\n    </div>\n  </div>\n  @if (dialogData().header && items().length > 0) {\n  <div class=\"text\" style=\"padding-top: 10px;\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\n  }\n</div>\n<mat-dialog-content style=\"padding-top:0\">\n  <div fxLayout=\"column\" fxFill>\n    @if (items().length === 0) {\n    <div class=\"text message\"><i>\n        @if (dialogData().emptyMessage) {\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\n        } @else {\n        <span>Nessun elemento da visualizzare.</span>\n        }\n      </i>\n    </div>\n    }\n    <!--\n      A plain `mat-list`, not a `mat-selection-list`: the rows carry no selected state and no\n      click target, so nothing here can be acted upon by mistake.\n    -->\n    <mat-list role=\"list\">\n      @for (item of (items() | search: filterText(): filterMetadata); track $index) {\n      <mat-list-item role=\"listitem\">\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\n      </mat-list-item>\n      }\n    </mat-list>\n    @if (items().length > 0 && filterText() && filterMetadata.count === 0) {\n    <div class=\"text message\"><i>\n        <span>Nessun elemento corrisponde alla ricerca.</span>\n      </i>\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\n    <div class=\"secondary\" style=\"padding-left:20px\">\n      <span class=\"bold\">{{ (filterText() ? filterMetadata.count : items().length) ?? 0 }}</span>&nbsp;\n      <span class=\"small\"> elementi</span>\n    </div>\n    <div>\n      <button mat-flat-button mat-dialog-close cdkFocusInitial>\n        <span>{{dialogData().closeCaption}}</span>\n      </button>\n    </div>\n  </div>\n</mat-dialog-actions>\n", 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}.list-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.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: "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: "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: 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: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i9.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i9.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { 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.7", ngImport: i0, type: ListDialogComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        FlexLayoutModule,
-                        MatDialogTitle,
-                        MatDialogContent,
-                        MatDialogActions,
-                        MatDialogClose,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        FormField,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatListModule,
-                        SearchFilterPipe,
-                        SafeHtmlPipe
-                    ], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"list-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div fxLayout=\"row\" fxFill>\n    <div fxFlex>\n      <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n        <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\n        <input type=\"text\" matInput title=\"Digita il testo\" [formField]=\"filterForm\"\n          (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation()\">\n        @if (filterText()) {\n        <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\n          <mat-icon>close</mat-icon>\n        </button>\n        }\n      </mat-form-field>\n    </div>\n  </div>\n  @if (dialogData().header && items().length > 0) {\n  <div class=\"text\" style=\"padding-top: 10px;\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\n  }\n</div>\n<mat-dialog-content style=\"padding-top:0\">\n  <div fxLayout=\"column\" fxFill>\n    @if (items().length === 0) {\n    <div class=\"text message\"><i>\n        @if (dialogData().emptyMessage) {\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\n        } @else {\n        <span>Nessun elemento da visualizzare.</span>\n        }\n      </i>\n    </div>\n    }\n    <!--\n      A plain `mat-list`, not a `mat-selection-list`: the rows carry no selected state and no\n      click target, so nothing here can be acted upon by mistake.\n    -->\n    <mat-list role=\"list\">\n      @for (item of (items() | search: filterText(): filterMetadata); track $index) {\n      <mat-list-item role=\"listitem\">\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\n      </mat-list-item>\n      }\n    </mat-list>\n    @if (items().length > 0 && filterText() && filterMetadata.count === 0) {\n    <div class=\"text message\"><i>\n        <span>Nessun elemento corrisponde alla ricerca.</span>\n      </i>\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\n    <div class=\"secondary\" style=\"padding-left:20px\">\n      <span class=\"bold\">{{ (filterText() ? filterMetadata.count : items().length) ?? 0 }}</span>&nbsp;\n      <span class=\"small\"> elementi</span>\n    </div>\n    <div>\n      <button mat-flat-button mat-dialog-close cdkFocusInitial>\n        <span>{{dialogData().closeCaption}}</span>\n      </button>\n    </div>\n  </div>\n</mat-dialog-actions>\n", 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}.list-description{padding:0 24px 24px}.mat-mdc-form-field-icon-suffix{padding-right:8px!important}\n"] }]
-        }] });
-
-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 = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []));
-        /** Root signal form bound to the filter text input. */
-        this.filterForm = form(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.set('');
-    }
-    /**
-     * Sets the filter text programmatically.
-     * @param text - The new filter string to apply.
-     */
-    setFilter(text) {
-        this.filterText.set(text);
-    }
-    /**
-     * 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.set(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.7", ngImport: i0, type: SelectDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", 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>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"select-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div>\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"space-between center\" fxFill>\n      @if (!dialogData().canLookupWithOptions) {\n      <div fxFlex>\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n          <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\n          <input type=\"text\" (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation(); doFilter()\" matInput\n            title=\"{{dialogData().canLookup ? 'Digita il testo e premi invio' : 'Digita il testo'}}\"\n            [formField]=\"filterForm\">\n          @if (filterText()) {\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\n            <mat-icon>close</mat-icon>\n          </button>\n          }\n          @if (dialogData().canLookupWithInlineOptions) {\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Ricerca\"\n            (click)=\"showFilterOptions()\" matTooltip=\"Opzioni di ricerca\">\n            <mat-icon>tune</mat-icon>\n          </button>\n          }\n        </mat-form-field>\n      </div>\n      }\n      @if (!dialogData().canLookupWithOptions && dialogData().canLookup && dialogData().lookupFields) {\n      <div fxFlex fxHide.lt-md>\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n          <mat-label>Come...</mat-label>\n          <mat-select [(value)]=\"lookupField\">\n            @for (field of dialogData().lookupFields; track $index) {\n            <mat-option [value]=\"field.value\">\n              {{field.name}}\n            </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      }\n      @if (dialogData().canLookupWithOptions) {\n      <div fxFlex fxHide.lt-md>\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button aria-label=\"Ricerca\" (click)=\"showFilterOptions()\">\n          <mat-icon>search</mat-icon> {{this.dialogData().searchButtonLabel ?? 'Ricerca'}}\n        </button>\n      </div>\n      }\n      @if (dialogData().canLookup && dialogData().canFilter) {\n      <div fxFlex fxHide.lt-md>\n        <button type=\"button\" mat-button matTooltip=\"Filtra\" [attr.aria-label]=\"'Filtra'\"\n          [matMenuTriggerFor]=\"menuFilter\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" >\n            <div><mat-icon>filter_alt</mat-icon></div>\n            <div>{{filterOptionsInfo()}}</div>\n            <div><mat-icon class=\"icon-menu-drop-down\">\n                arrow_drop_down</mat-icon></div>\n          </div>\n        </button>\n        <mat-menu #menuFilter=\"matMenu\" class=\"mat-menu-300\">\n          @for (f of filterOptions(); track $index) {\n          @if (f.divider) {\n          <mat-divider></mat-divider>\n          }\n          @if (f.groupName) {\n          <span style='font-size:small; padding: 2px 4px;'><i><b>{{f.groupName}}</b></i></span>\n          }\n          @if (!f.groupName && !f.divider) {\n          <button mat-menu-item (click)=\"doFilterByOptions(f, true)\" [attr.aria-label]=\"f.description\">\n            @if (f.radio && f.value) {\n            <span style=\"padding-left:40px\"></span>\n            }\n            <mat-icon>{{f.icon}}</mat-icon> {{f.title}}\n          </button>\n          }\n\n          }\n        </mat-menu>\n      </div>\n      }\n      @if (canEdit() || canAppend() || canView() || canDelete()) {\n      <div fxLayout=\"row\" fxLayoutAlign=\"end center\" >\n        <div fxFlex fxHide.lt-md>\n          @if (canAppend()) {\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\n          </button>\n          }\n          @if (canEdit()) {\n          <button type=\"button\" mat-icon-button (click)=\"doEdit()\">\n            <mat-icon aria-label=\"Modifica\" matTooltip=\"Modifica\">edit</mat-icon>\n          </button>\n          }\n          @if (canView()) {\n          <button type=\"button\" mat-icon-button (click)=\"doView()\">\n            <mat-icon aria-label=\"Mostra\" matTooltip=\"Mostra\">visibility</mat-icon>\n          </button>\n          }\n          @if (canDelete()) {\n          <button type=\"button\" mat-icon-button (click)=\"doDelete()\">\n            <mat-icon aria-label=\"Elimina\" matTooltip=\"Elimina\">delete</mat-icon>\n          </button>\n          }\n        </div>\n        <div fxFlex fxHide.gt-sm>\n          <button type=\"button\" mat-icon-button matTooltip=\"Azioni\" [attr.aria-label]=\"'Azioni'\"\n            [matMenuTriggerFor]=\"menuActions\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuActions=\"matMenu\" class=\"mat-menu-300\">\n            @if (canAppend()) {\n            <button mat-menu-item (click)=\"doAppend()\" [attr.aria-label]=\"'Aggiungi'\">\n              <mat-icon>add</mat-icon> Aggiungi\n            </button>\n            }\n            @if (canEdit()) {\n            <button mat-menu-item (click)=\"doEdit()\" [attr.aria-label]=\"'Modifica'\">\n              <mat-icon>edit</mat-icon> Modifica\n            </button>\n            }\n            @if (canView()) {\n            <button mat-menu-item (click)=\"doView()\" [attr.aria-label]=\"'Mostra'\">\n              <mat-icon>visibility</mat-icon> Mostra\n            </button>\n            }\n            @if (canDelete()) {\n            <button mat-menu-item (click)=\"doDelete()\" [attr.aria-label]=\"'Elimina'\">\n              <mat-icon>delete</mat-icon> Elimina\n            </button>\n            }\n          </mat-menu>\n        </div>\n      </div>\n      }\n    </div>\n  </div>\n  @if ((dialogData().multipleSelection || dialogData().header) && dialogData().items?.length > 0) {\n  <div>\n    <div fxLayout=\"row\" fxFill style=\"padding-top: 10px;\">\n      @if (dialogData().multipleSelection) {\n      <div fxFlex=\"64px\" fxFlexAlign=\"center\" style=\"padding-left: 8px;\">\n        <mat-checkbox (change)=\"$event ? masterSelectionToggle($event) : null\"\n          [indeterminate]=\"selectionMasterIndeterminate()\" [checked]=\"selectionMasterChecked()\"\n          [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\">\n        </mat-checkbox>\n      </div>\n      }\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\n        @if (dialogData().header) {\n        <div class=\"text\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\n        }\n      </div>\n    </div>\n  </div>\n  }\n</div>\n<mat-dialog-content style=\"padding-top:0\">\n  <div fxLayout=\"column\" fxFill>\n    @if (dialogData().canLookup && (!dialogData().items || dialogData().items.length == 0)) {\n    <div class=\"text message\"><i>\n        @if (!dialogData().emptyMessage) {\n        <span>Nessun elemento da visualizzare.<br>Esegui una nuova ricerca o modifica quella\n          esistente.\n          @if (dialogData().maxItems > 0) {\n          <span>Saranno mostrati al massimo {{dialogData().maxItems}} elementi.</span>\n          }\n        </span>\n        } @else {\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\n        }\n      </i>\n    </div>\n    }\n    <mat-selection-list #selection (selectionChange)=\"select($event)\" dense hideSingleSelectionIndicator=\"true\"\n      [multiple]=\"dialogData().multipleSelection\">\n      @for (item of (dialogData().items | search: (!dialogData().canLookup ? filterText() : ''): filterMetadata); track\n      $index) {\n      <mat-list-option [value]=\"item\" [selected]=\"item.selected\" togglePosition=\"before\">\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\n      </mat-list-option>\n      }\n    </mat-selection-list>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"column\" fxFill>\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\n      <div class=\"secondary\" style=\"padding-left:20px\">\n        @if (selectionInfo()) {\n        <span class=\"bold\">{{selectionInfo()}}</span>&nbsp; <span class=\"small\"> elementi selezionati</span>\n        } @else {\n        <span class=\"bold\">{{(dialogData().canLookup ? total() : (filterText() ? filterMetadata.count : total())) ??\n          0}}</span>&nbsp; <span class=\"small\"> elementi</span>\n        }\n      </div>\n      <div fxFlexAlign=\"center\">\n        @if (canPaginate()) {\n        <mat-paginator class=\"x-small\" #paginator [hidePageSize]=\"true\" [pageSize]=\"dialogData().pageSize\" [showFirstLastButtons]=\"true\"\n          (page)=\"doLookupPage($event)\" [length]=\"total() ?? 0\"></mat-paginator>\n        }\n      </div>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"okDisabled()\">\n        <span>{{dialogData().mustSelect ? dialogData().okCaption : 'Chiudi'}}</span>\n      </button>\n      @if (dialogData().mustSelect) {\n      <button mat-stroked-button mat-dialog-close>\n        <span>Annulla</span>\n      </button>\n      }\n    </div>\n  </div>\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: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.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: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8.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: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8.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: i9.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10.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: i9.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i9.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: i11.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.7", ngImport: i0, type: SelectDialogComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        FlexLayoutModule,
-                        MatDialogTitle,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        FormField,
-                        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>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"select-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div>\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"space-between center\" fxFill>\n      @if (!dialogData().canLookupWithOptions) {\n      <div fxFlex>\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n          <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\n          <input type=\"text\" (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation(); doFilter()\" matInput\n            title=\"{{dialogData().canLookup ? 'Digita il testo e premi invio' : 'Digita il testo'}}\"\n            [formField]=\"filterForm\">\n          @if (filterText()) {\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\n            <mat-icon>close</mat-icon>\n          </button>\n          }\n          @if (dialogData().canLookupWithInlineOptions) {\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Ricerca\"\n            (click)=\"showFilterOptions()\" matTooltip=\"Opzioni di ricerca\">\n            <mat-icon>tune</mat-icon>\n          </button>\n          }\n        </mat-form-field>\n      </div>\n      }\n      @if (!dialogData().canLookupWithOptions && dialogData().canLookup && dialogData().lookupFields) {\n      <div fxFlex fxHide.lt-md>\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n          <mat-label>Come...</mat-label>\n          <mat-select [(value)]=\"lookupField\">\n            @for (field of dialogData().lookupFields; track $index) {\n            <mat-option [value]=\"field.value\">\n              {{field.name}}\n            </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      }\n      @if (dialogData().canLookupWithOptions) {\n      <div fxFlex fxHide.lt-md>\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button aria-label=\"Ricerca\" (click)=\"showFilterOptions()\">\n          <mat-icon>search</mat-icon> {{this.dialogData().searchButtonLabel ?? 'Ricerca'}}\n        </button>\n      </div>\n      }\n      @if (dialogData().canLookup && dialogData().canFilter) {\n      <div fxFlex fxHide.lt-md>\n        <button type=\"button\" mat-button matTooltip=\"Filtra\" [attr.aria-label]=\"'Filtra'\"\n          [matMenuTriggerFor]=\"menuFilter\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" >\n            <div><mat-icon>filter_alt</mat-icon></div>\n            <div>{{filterOptionsInfo()}}</div>\n            <div><mat-icon class=\"icon-menu-drop-down\">\n                arrow_drop_down</mat-icon></div>\n          </div>\n        </button>\n        <mat-menu #menuFilter=\"matMenu\" class=\"mat-menu-300\">\n          @for (f of filterOptions(); track $index) {\n          @if (f.divider) {\n          <mat-divider></mat-divider>\n          }\n          @if (f.groupName) {\n          <span style='font-size:small; padding: 2px 4px;'><i><b>{{f.groupName}}</b></i></span>\n          }\n          @if (!f.groupName && !f.divider) {\n          <button mat-menu-item (click)=\"doFilterByOptions(f, true)\" [attr.aria-label]=\"f.description\">\n            @if (f.radio && f.value) {\n            <span style=\"padding-left:40px\"></span>\n            }\n            <mat-icon>{{f.icon}}</mat-icon> {{f.title}}\n          </button>\n          }\n\n          }\n        </mat-menu>\n      </div>\n      }\n      @if (canEdit() || canAppend() || canView() || canDelete()) {\n      <div fxLayout=\"row\" fxLayoutAlign=\"end center\" >\n        <div fxFlex fxHide.lt-md>\n          @if (canAppend()) {\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\n          </button>\n          }\n          @if (canEdit()) {\n          <button type=\"button\" mat-icon-button (click)=\"doEdit()\">\n            <mat-icon aria-label=\"Modifica\" matTooltip=\"Modifica\">edit</mat-icon>\n          </button>\n          }\n          @if (canView()) {\n          <button type=\"button\" mat-icon-button (click)=\"doView()\">\n            <mat-icon aria-label=\"Mostra\" matTooltip=\"Mostra\">visibility</mat-icon>\n          </button>\n          }\n          @if (canDelete()) {\n          <button type=\"button\" mat-icon-button (click)=\"doDelete()\">\n            <mat-icon aria-label=\"Elimina\" matTooltip=\"Elimina\">delete</mat-icon>\n          </button>\n          }\n        </div>\n        <div fxFlex fxHide.gt-sm>\n          <button type=\"button\" mat-icon-button matTooltip=\"Azioni\" [attr.aria-label]=\"'Azioni'\"\n            [matMenuTriggerFor]=\"menuActions\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuActions=\"matMenu\" class=\"mat-menu-300\">\n            @if (canAppend()) {\n            <button mat-menu-item (click)=\"doAppend()\" [attr.aria-label]=\"'Aggiungi'\">\n              <mat-icon>add</mat-icon> Aggiungi\n            </button>\n            }\n            @if (canEdit()) {\n            <button mat-menu-item (click)=\"doEdit()\" [attr.aria-label]=\"'Modifica'\">\n              <mat-icon>edit</mat-icon> Modifica\n            </button>\n            }\n            @if (canView()) {\n            <button mat-menu-item (click)=\"doView()\" [attr.aria-label]=\"'Mostra'\">\n              <mat-icon>visibility</mat-icon> Mostra\n            </button>\n            }\n            @if (canDelete()) {\n            <button mat-menu-item (click)=\"doDelete()\" [attr.aria-label]=\"'Elimina'\">\n              <mat-icon>delete</mat-icon> Elimina\n            </button>\n            }\n          </mat-menu>\n        </div>\n      </div>\n      }\n    </div>\n  </div>\n  @if ((dialogData().multipleSelection || dialogData().header) && dialogData().items?.length > 0) {\n  <div>\n    <div fxLayout=\"row\" fxFill style=\"padding-top: 10px;\">\n      @if (dialogData().multipleSelection) {\n      <div fxFlex=\"64px\" fxFlexAlign=\"center\" style=\"padding-left: 8px;\">\n        <mat-checkbox (change)=\"$event ? masterSelectionToggle($event) : null\"\n          [indeterminate]=\"selectionMasterIndeterminate()\" [checked]=\"selectionMasterChecked()\"\n          [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\">\n        </mat-checkbox>\n      </div>\n      }\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\n        @if (dialogData().header) {\n        <div class=\"text\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\n        }\n      </div>\n    </div>\n  </div>\n  }\n</div>\n<mat-dialog-content style=\"padding-top:0\">\n  <div fxLayout=\"column\" fxFill>\n    @if (dialogData().canLookup && (!dialogData().items || dialogData().items.length == 0)) {\n    <div class=\"text message\"><i>\n        @if (!dialogData().emptyMessage) {\n        <span>Nessun elemento da visualizzare.<br>Esegui una nuova ricerca o modifica quella\n          esistente.\n          @if (dialogData().maxItems > 0) {\n          <span>Saranno mostrati al massimo {{dialogData().maxItems}} elementi.</span>\n          }\n        </span>\n        } @else {\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\n        }\n      </i>\n    </div>\n    }\n    <mat-selection-list #selection (selectionChange)=\"select($event)\" dense hideSingleSelectionIndicator=\"true\"\n      [multiple]=\"dialogData().multipleSelection\">\n      @for (item of (dialogData().items | search: (!dialogData().canLookup ? filterText() : ''): filterMetadata); track\n      $index) {\n      <mat-list-option [value]=\"item\" [selected]=\"item.selected\" togglePosition=\"before\">\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\n      </mat-list-option>\n      }\n    </mat-selection-list>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"column\" fxFill>\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\n      <div class=\"secondary\" style=\"padding-left:20px\">\n        @if (selectionInfo()) {\n        <span class=\"bold\">{{selectionInfo()}}</span>&nbsp; <span class=\"small\"> elementi selezionati</span>\n        } @else {\n        <span class=\"bold\">{{(dialogData().canLookup ? total() : (filterText() ? filterMetadata.count : total())) ??\n          0}}</span>&nbsp; <span class=\"small\"> elementi</span>\n        }\n      </div>\n      <div fxFlexAlign=\"center\">\n        @if (canPaginate()) {\n        <mat-paginator class=\"x-small\" #paginator [hidePageSize]=\"true\" [pageSize]=\"dialogData().pageSize\" [showFirstLastButtons]=\"true\"\n          (page)=\"doLookupPage($event)\" [length]=\"total() ?? 0\"></mat-paginator>\n        }\n      </div>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"okDisabled()\">\n        <span>{{dialogData().mustSelect ? dialogData().okCaption : 'Chiudi'}}</span>\n      </button>\n      @if (dialogData().mustSelect) {\n      <button mat-stroked-button mat-dialog-close>\n        <span>Annulla</span>\n      </button>\n      }\n    </div>\n  </div>\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.7", ngImport: i0, type: TreeDataSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TreeDataSource }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", 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 */ []));
-        /** Root signal form bound to the filter text input. */
-        this.filterForm = form(this.filterText);
-        /** 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.7", ngImport: i0, type: SelectTreeDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", 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>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"selecttree-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div style=\"padding-bottom: 10px;\">\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n      <div fxFlex fxHide.xs>\n        <mat-form-field style=\"width:100%\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n          <mat-label>Cerca...</mat-label>\n          <input type=\"text\" (keyup)=\"doFilter()\" matInput title=\"Digita il testo'\"\n            (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\" \n            (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\n            [formField]=\"filterForm\">\n          @if (filterText()) {\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\"\n            (click)=\"clearFilter()\">\n            <mat-icon>close</mat-icon>\n          </button>\n          }\n        </mat-form-field>\n      </div>\n      @if (filteredItems().length > 0) {\n      <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\n        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\n      </div>\n      <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\n        <button type=\"button\" type=\"button\" mat-icon-button (click)=\"nextFiltered()\">\n          <mat-icon aria-label=\"Vai al prossimo\" matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\n        </button>\n      </div>\n      }\n      <div fxFlex=\"50\" fxLayoutAlign=\"end center\" style=\"white-space:nowrap\">\n        <div>\n          @if (canAppend()) {\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\n          </button>\n          }\n          <button type=\"button\" mat-icon-button (click)=\"collapseAll()\">\n            <mat-icon aria-label=\"Comprimi tutto\" matTooltip=\"Comprimi tutto\">unfold_less</mat-icon>\n          </button>\n          <button type=\"button\" mat-icon-button (click)=\"expandAll()\">\n            <mat-icon aria-label=\"Espandi tutto\" matTooltip=\"Espandi tutto\">unfold_more</mat-icon>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<mat-dialog-content>\n  <div fxLayout=\"column\" fxFill>\n    <mat-tree [dataSource]=\"treeNodes()\" [childrenAccessor]=\"childrenAccessor\" class=\"tree\">\n      <mat-tree-node [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\n        [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\" (click)=\"select($event, node);\"\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\">\n        <div fxLayout=\"row\"  fxFill>\n          <button type=\"button\" mat-icon-button disabled class=\"small-icon-button\"></button>\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\n            {{node.name}}\n          </div>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            @if (node.count > 0) {\n            <span fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</span>\n            }\n          </div>\n        </div>\n      </mat-tree-node>\n\n      <mat-tree-node #treeNodeRef=\"matTreeNode\" [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node;when: hasChild\"\n        matTreeNodePadding [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\"\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\"\n        (click)=\"select($event, node);\">\n        <div fxLayout=\"row\"  fxFill>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            <button type=\"button\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Apri/chiudi ' + node.name\"\n              class=\"small-icon-button\">\n              <mat-icon class=\"mat-icon-rtl-mirror\">\n                {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\n              </mat-icon>\n            </button>\n          </div>\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\n            {{node.name}}\n          </div>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            @if (node.count > 0) {\n            <div fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</div>\n            }\n          </div>\n        </div>\n      </mat-tree-node>\n    </mat-tree>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"!currentNode()\">{{dialogData().okCaption}}</button>\n    <button mat-button mat-dialog-close>Annulla</button>\n  </div>\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: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.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: i7$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i7$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i7$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i7$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i7$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.7", ngImport: i0, type: SelectTreeDialogComponent, decorators: [{
-            type: Component,
-            args: [{ providers: [TreeDataSource], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, FlexLayoutModule, MatFormFieldModule, MatInputModule, FormField, MatButtonModule,
-                        MatIconModule, MatTooltipModule, MatDialogContent, MatTreeModule, MatDialogActions,
-                        MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"selecttree-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div style=\"padding-bottom: 10px;\">\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n      <div fxFlex fxHide.xs>\n        <mat-form-field style=\"width:100%\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n          <mat-label>Cerca...</mat-label>\n          <input type=\"text\" (keyup)=\"doFilter()\" matInput title=\"Digita il testo'\"\n            (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\" \n            (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\n            [formField]=\"filterForm\">\n          @if (filterText()) {\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\"\n            (click)=\"clearFilter()\">\n            <mat-icon>close</mat-icon>\n          </button>\n          }\n        </mat-form-field>\n      </div>\n      @if (filteredItems().length > 0) {\n      <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\n        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\n      </div>\n      <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\n        <button type=\"button\" type=\"button\" mat-icon-button (click)=\"nextFiltered()\">\n          <mat-icon aria-label=\"Vai al prossimo\" matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\n        </button>\n      </div>\n      }\n      <div fxFlex=\"50\" fxLayoutAlign=\"end center\" style=\"white-space:nowrap\">\n        <div>\n          @if (canAppend()) {\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\n          </button>\n          }\n          <button type=\"button\" mat-icon-button (click)=\"collapseAll()\">\n            <mat-icon aria-label=\"Comprimi tutto\" matTooltip=\"Comprimi tutto\">unfold_less</mat-icon>\n          </button>\n          <button type=\"button\" mat-icon-button (click)=\"expandAll()\">\n            <mat-icon aria-label=\"Espandi tutto\" matTooltip=\"Espandi tutto\">unfold_more</mat-icon>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<mat-dialog-content>\n  <div fxLayout=\"column\" fxFill>\n    <mat-tree [dataSource]=\"treeNodes()\" [childrenAccessor]=\"childrenAccessor\" class=\"tree\">\n      <mat-tree-node [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\n        [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\" (click)=\"select($event, node);\"\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\">\n        <div fxLayout=\"row\"  fxFill>\n          <button type=\"button\" mat-icon-button disabled class=\"small-icon-button\"></button>\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\n            {{node.name}}\n          </div>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            @if (node.count > 0) {\n            <span fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</span>\n            }\n          </div>\n        </div>\n      </mat-tree-node>\n\n      <mat-tree-node #treeNodeRef=\"matTreeNode\" [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node;when: hasChild\"\n        matTreeNodePadding [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\"\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\"\n        (click)=\"select($event, node);\">\n        <div fxLayout=\"row\"  fxFill>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            <button type=\"button\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Apri/chiudi ' + node.name\"\n              class=\"small-icon-button\">\n              <mat-icon class=\"mat-icon-rtl-mirror\">\n                {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\n              </mat-icon>\n            </button>\n          </div>\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\n            {{node.name}}\n          </div>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            @if (node.count > 0) {\n            <div fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</div>\n            }\n          </div>\n        </div>\n      </mat-tree-node>\n    </mat-tree>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"!currentNode()\">{{dialogData().okCaption}}</button>\n    <button mat-button mat-dialog-close>Annulla</button>\n  </div>\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 }] }] } });
-
-/** Neutral form model: it declares every field the form owns and its empty value. */
-const _EMPTY_ITEM = { recipients: '', subject: '', text: '' };
-class SendToDialogComponent {
-    constructor() {
-        /** Error text of a field: the message declared in the schema, or the shared fallback. */
-        this.getErrorMessage = SignalsUtils.getFieldErrorMessage;
-        /** 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();
-        /** 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 */ []));
-        /** Model backing the signal form. */
-        this.model = signal(this.toForm(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
-        /**
-         * Signal form for the send-to fields: recipients (a required, valid,
-         * semicolon-separated email list), subject and text are all required.
-         */
-        this.form = form(this.model, p => {
-            required(p.recipients);
-            notEmpty(p.recipients);
-            maxLength(p.recipients, 1000);
-            emails(p.recipients);
-            required(p.subject);
-            notEmpty(p.subject);
-            maxLength(p.subject, 200);
-            required(p.text);
-            notEmpty(p.text);
-            maxLength(p.text, 1000);
-        });
-    }
-    /**
-     * Builds the form model from the dialog data, which may pre-fill subject and body.
-     * @returns A fresh form model.
-     */
-    toForm() {
-        const data = this.dialogData();
-        return DtoUtils.toForm(_EMPTY_ITEM, { subject: data.subject, text: data.text });
-    }
-    /**
-     * Builds the dialog result from the current form model.
-     *
-     * Ad-hoc because the result also carries the caller's `options`, which the dialog
-     * only passes through and are therefore not part of the form model.
-     * @returns The message to emit through `done` or `populate`.
-     */
-    toPayload() {
-        return { ...DtoUtils.toPayload(this.model()), options: this.dialogData().options };
-    }
-    /**
-     * Confirm the form and emit the result.
-     */
-    ok() {
-        this.done.emit(this.toPayload());
-    }
-    /**
-     * 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.toPayload(), source: this });
-        }
-    }
-    /**
-     * Update the recipient list from an external caller.
-     * @param recipients - The new recipients string (semicolon-separated).
-     */
-    updateRecipients(recipients) {
-        this.model.update(m => ({ ...m, recipients }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SendToDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SendToDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done", populate: "populate" }, ngImport: i0, template: "<div class=\"dialog-info\">\r\n  @if (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 [formRoot]=\"form\" 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 [formField]=\"form.recipients\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n          @if (form.recipients().value()) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n            (click)=\"form.recipients().value.set('')\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n\r\n          @if (dialogData().canPopulate) {\r\n          <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\">{{form.recipients().value()?.length || 0}}/1000 </mat-hint>\r\n          @if (form.recipients().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.recipients().errors()) }}</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 [formField]=\"form.subject\" />\r\n          @if (form.subject().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.subject().errors()) }}</mat-error>\r\n          }\r\n          <mat-hint align=\"end\">{{form.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 [formField]=\"form.text\" cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n          <mat-hint align=\"end\">{{form.text().value()?.length || 0}}/1000 </mat-hint>\r\n          @if (form.text().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.text().errors()) }}</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]=\"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>\r\n", 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: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: FormRoot, selector: "form[formRoot]", inputs: ["formRoot"] }, { 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: i4$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10.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.7", ngImport: i0, type: SendToDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        MatDialogTitle,
-                        MatDialogContent,
-                        FormField, FormRoot,
-                        FlexLayoutModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        TextFieldModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                        MatCheckboxModule,
-                        MatDialogActions,
-                        MatDialogClose,
-                        SafeHtmlPipe
-                    ], template: "<div class=\"dialog-info\">\r\n  @if (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 [formRoot]=\"form\" 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 [formField]=\"form.recipients\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n          @if (form.recipients().value()) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n            (click)=\"form.recipients().value.set('')\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n\r\n          @if (dialogData().canPopulate) {\r\n          <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\">{{form.recipients().value()?.length || 0}}/1000 </mat-hint>\r\n          @if (form.recipients().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.recipients().errors()) }}</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 [formField]=\"form.subject\" />\r\n          @if (form.subject().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.subject().errors()) }}</mat-error>\r\n          }\r\n          <mat-hint align=\"end\">{{form.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 [formField]=\"form.text\" cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n          <mat-hint align=\"end\">{{form.text().value()?.length || 0}}/1000 </mat-hint>\r\n          @if (form.text().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.text().errors()) }}</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]=\"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>\r\n", 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.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, ElementRef, Injectable, afterNextRender, computed, inject, output, signal, viewChild } from "@angular/core";
+import { FormField, FormRoot, form, maxLength, required } from "@angular/forms/signals";
+import * as i4$1 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import { MAT_DIALOG_DATA, MatDialogActions, MatDialogClose, MatDialogContent, MatDialogRef, MatDialogTitle } from "@angular/material/dialog";
+import * as i2 from "@angular/material/form-field";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import * as i5 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 i6$1 from "@angular/material/list";
+import { MatListModule } from "@angular/material/list";
+import { DtoUtils, SafeHtmlPipe, SearchFilterPipe } from "@arsedizioni/ars-utils/core";
+import * as i1 from "@arsedizioni/ars-utils/ui";
+import { FlexLayoutModule } from "@arsedizioni/ars-utils/ui";
+import * as i10 from "@angular/material/checkbox";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { MatOptionModule } from "@angular/material/core";
+import { MatDividerModule } from "@angular/material/divider";
+import * as i8 from "@angular/material/menu";
+import { MatMenuModule } from "@angular/material/menu";
+import * as i11 from "@angular/material/paginator";
+import { MatPaginatorModule } from "@angular/material/paginator";
+import * as i6 from "@angular/material/select";
+import { MatSelectModule } from "@angular/material/select";
+import * as i7$1 from "@angular/material/tooltip";
+import { MatTooltipModule } from "@angular/material/tooltip";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i7 from "@angular/material/tree";
+import { MatTree, MatTreeModule } from "@angular/material/tree";
+import { BehaviorSubject } from "rxjs";
+import * as i4 from "@angular/cdk/text-field";
+import { TextFieldModule } from "@angular/cdk/text-field";
+import { SignalsUtils, emails, notEmpty } from "@arsedizioni/ars-utils/core.validators";
+var ListDialogComponent = class ListDialogComponent {
+	constructor() {
+		this.cdr = inject(ChangeDetectorRef);
+		this.dialogData = signal((() => {
+			const data = inject(MAT_DIALOG_DATA) ?? {};
+			return {
+				...data,
+				appearance: data.appearance ?? "outline",
+				title: data.title ?? "Elenco",
+				closeCaption: data.closeCaption ?? "Chiudi",
+				items: data.items ?? []
+			};
+		})(), ...ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []);
+		this.items = signal(this.dialogData().items ?? [], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+		this.filterMetadata = {
+			total: 0,
+			count: 0
+		};
+		this.filterText = signal(this.dialogData().filter ?? "", ...ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []);
+		this.filterForm = form(this.filterText);
+	}
+	setItems(items) {
+		this.items.set(items ?? []);
+		this.cdr.markForCheck();
+	}
+	setFilter(text) {
+		this.filterText.set(text ?? "");
+	}
+	getFilter() {
+		return this.filterText();
+	}
+	clearFilter() {
+		this.filterText.set("");
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: ListDialogComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: ListDialogComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			ngImport: i0,
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"list-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div fxLayout=\"row\" fxFill>\n    <div fxFlex>\n      <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n        <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\n        <input type=\"text\" matInput title=\"Digita il testo\" [formField]=\"filterForm\"\n          (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation()\">\n        @if (filterText()) {\n        <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\n          <mat-icon>close</mat-icon>\n        </button>\n        }\n      </mat-form-field>\n    </div>\n  </div>\n  @if (dialogData().header && items().length > 0) {\n  <div class=\"text\" style=\"padding-top: 10px;\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\n  }\n</div>\n<mat-dialog-content style=\"padding-top:0\">\n  <div fxLayout=\"column\" fxFill>\n    @if (items().length === 0) {\n    <div class=\"text message\"><i>\n        @if (dialogData().emptyMessage) {\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\n        } @else {\n        <span>Nessun elemento da visualizzare.</span>\n        }\n      </i>\n    </div>\n    }\n    <!--\n      A plain `mat-list`, not a `mat-selection-list`: the rows carry no selected state and no\n      click target, so nothing here can be acted upon by mistake.\n    -->\n    <mat-list role=\"list\">\n      @for (item of (items() | search: filterText(): filterMetadata); track $index) {\n      <mat-list-item role=\"listitem\">\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\n      </mat-list-item>\n      }\n    </mat-list>\n    @if (items().length > 0 && filterText() && filterMetadata.count === 0) {\n    <div class=\"text message\"><i>\n        <span>Nessun elemento corrisponde alla ricerca.</span>\n      </i>\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\n    <div class=\"secondary\" style=\"padding-left:20px\">\n      <span class=\"bold\">{{ (filterText() ? filterMetadata.count : items().length) ?? 0 }}</span>&nbsp;\n      <span class=\"small\"> elementi</span>\n    </div>\n    <div>\n      <button mat-flat-button mat-dialog-close cdkFocusInitial>\n        <span>{{dialogData().closeCaption}}</span>\n      </button>\n    </div>\n  </div>\n</mat-dialog-actions>\n",
+			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}.list-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.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: "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: "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: 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: "directive",
+					type: FormField,
+					selector: "[formField]",
+					inputs: ["formField"],
+					exportAs: ["formField"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i4$1.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: i4$1.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatIconModule
+				},
+				{
+					kind: "component",
+					type: i5.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatListModule
+				},
+				{
+					kind: "component",
+					type: i6$1.MatList,
+					selector: "mat-list",
+					exportAs: ["matList"]
+				},
+				{
+					kind: "component",
+					type: i6$1.MatListItem,
+					selector: "mat-list-item, a[mat-list-item], button[mat-list-item]",
+					inputs: ["activated"],
+					exportAs: ["matListItem"]
+				},
+				{
+					kind: "pipe",
+					type: SearchFilterPipe,
+					name: "search"
+				},
+				{
+					kind: "pipe",
+					type: SafeHtmlPipe,
+					name: "safeHtml"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ListDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: true,
+			imports: [
+				FlexLayoutModule,
+				MatDialogTitle,
+				MatDialogContent,
+				MatDialogActions,
+				MatDialogClose,
+				MatFormFieldModule,
+				MatInputModule,
+				FormField,
+				MatButtonModule,
+				MatIconModule,
+				MatListModule,
+				SearchFilterPipe,
+				SafeHtmlPipe
+			],
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"list-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div fxLayout=\"row\" fxFill>\n    <div fxFlex>\n      <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n        <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\n        <input type=\"text\" matInput title=\"Digita il testo\" [formField]=\"filterForm\"\n          (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation()\">\n        @if (filterText()) {\n        <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\n          <mat-icon>close</mat-icon>\n        </button>\n        }\n      </mat-form-field>\n    </div>\n  </div>\n  @if (dialogData().header && items().length > 0) {\n  <div class=\"text\" style=\"padding-top: 10px;\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\n  }\n</div>\n<mat-dialog-content style=\"padding-top:0\">\n  <div fxLayout=\"column\" fxFill>\n    @if (items().length === 0) {\n    <div class=\"text message\"><i>\n        @if (dialogData().emptyMessage) {\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\n        } @else {\n        <span>Nessun elemento da visualizzare.</span>\n        }\n      </i>\n    </div>\n    }\n    <!--\n      A plain `mat-list`, not a `mat-selection-list`: the rows carry no selected state and no\n      click target, so nothing here can be acted upon by mistake.\n    -->\n    <mat-list role=\"list\">\n      @for (item of (items() | search: filterText(): filterMetadata); track $index) {\n      <mat-list-item role=\"listitem\">\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\n      </mat-list-item>\n      }\n    </mat-list>\n    @if (items().length > 0 && filterText() && filterMetadata.count === 0) {\n    <div class=\"text message\"><i>\n        <span>Nessun elemento corrisponde alla ricerca.</span>\n      </i>\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\n    <div class=\"secondary\" style=\"padding-left:20px\">\n      <span class=\"bold\">{{ (filterText() ? filterMetadata.count : items().length) ?? 0 }}</span>&nbsp;\n      <span class=\"small\"> elementi</span>\n    </div>\n    <div>\n      <button mat-flat-button mat-dialog-close cdkFocusInitial>\n        <span>{{dialogData().closeCaption}}</span>\n      </button>\n    </div>\n  </div>\n</mat-dialog-actions>\n",
+			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}.list-description{padding:0 24px 24px}.mat-mdc-form-field-icon-suffix{padding-right:8px!important}\n"]
+		}]
+	}]
+});
+var SelectDialogComponent = class SelectDialogComponent {
+	constructor() {
+		this.paginator = viewChild.required("paginator", ...ngDevMode ? [{ debugName: "paginator" }] : /* istanbul ignore next */ []);
+		this.selection = viewChild.required("selection", ...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
+			};
+		})(), ...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, ...ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []);
+		this.canView = signal(false, ...ngDevMode ? [{ debugName: "canView" }] : /* istanbul ignore next */ []);
+		this.canAppend = signal(this.dialogData().canAppend ?? false, ...ngDevMode ? [{ debugName: "canAppend" }] : /* istanbul ignore next */ []);
+		this.canDelete = signal(false, ...ngDevMode ? [{ debugName: "canDelete" }] : /* istanbul ignore next */ []);
+		this.canPaginate = signal(this.dialogData().canPaginate ?? false, ...ngDevMode ? [{ debugName: "canPaginate" }] : /* istanbul ignore next */ []);
+		this.okDisabled = signal(this.dialogData().mustSelect ?? true, ...ngDevMode ? [{ debugName: "okDisabled" }] : /* istanbul ignore next */ []);
+		this.filterMetadata = {
+			total: 0,
+			count: 0
+		};
+		this.filterText = signal("", ...ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []);
+		this.filterForm = form(this.filterText);
+		this.filterOptions = signal([], ...ngDevMode ? [{ debugName: "filterOptions" }] : /* istanbul ignore next */ []);
+		this.filterOptionsInfo = signal("Tutto", ...ngDevMode ? [{ debugName: "filterOptionsInfo" }] : /* istanbul ignore next */ []);
+		this.lookupField = "";
+		this.selectionInfo = signal(null, ...ngDevMode ? [{ debugName: "selectionInfo" }] : /* istanbul ignore next */ []);
+		this.selectionMasterIndeterminate = signal(false, ...ngDevMode ? [{ debugName: "selectionMasterIndeterminate" }] : /* istanbul ignore next */ []);
+		this.selectionMasterChecked = signal(false, ...ngDevMode ? [{ debugName: "selectionMasterChecked" }] : /* istanbul ignore next */ []);
+		this.total = signal(this.dialogData().items?.length ?? 0, ...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();
+		});
+	}
+	notifyChanges(newTotal) {
+		this.total.set(newTotal ?? 0);
+		this.cdr.markForCheck();
+	}
+	isAllSelected() {
+		return this.selection().selectedOptions.selected.length === this.dialogData().items.length;
+	}
+	hasSelection() {
+		return this.selection().selectedOptions.selected.length > 0;
+	}
+	masterSelectionToggle(e) {
+		if (e.checked) 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();
+	}
+	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));
+		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();
+	}
+	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);
+	}
+	clearSelection() {
+		this.selectionMasterIndeterminate.set(false);
+		this.selectionMasterChecked.set(false);
+		if (this.isViewReady) this.selection().deselectAll();
+		this.selectionInfo.set(null);
+	}
+	ok() {
+		if (!this.okDisabled()) {
+			const selectedItems = [];
+			this.selection().selectedOptions.selected.forEach((element) => {
+				selectedItems.push(element.value);
+			});
+			this.done.emit({ selectedItems });
+			setTimeout(() => {
+				this.dialogRef.close();
+			}, 500);
+		}
+	}
+	clearFilter() {
+		this.filterText.set("");
+	}
+	setFilter(text) {
+		this.filterText.set(text);
+	}
+	getFilter() {
+		return this.filterText();
+	}
+	showFilterOptions() {
+		if (this.lookupOptions) this.lookupOptions.emit();
+	}
+	doFilter(text, e) {
+		if (text) this.filterText.set(text);
+		if (this.dialogData().canLookup) {
+			if (!e || e.key === "Enter") this.applyFilter();
+		}
+	}
+	applyFilter() {
+		this.clearSelection();
+		this.lookup.emit({
+			items: this.dialogData().items,
+			filter: this.filterText(),
+			owner: this
+		});
+	}
+	applyFilterByOptions(filterOption) {
+		if (this.dialogData().canLookup && this.dialogData().canFilter) {
+			this.filter.emit({
+				items: this.dialogData().items,
+				filter: this.filterText(),
+				filterOption,
+				owner: this
+			});
+			this.filterOptionsInfo.set(filterOption ? filterOption.title ?? "Tutto" : "Tutto");
+		}
+	}
+	doFilterByOptions(filterOption, apply) {
+		this.applyFilterByOptions(filterOption);
+		if (apply) setTimeout(() => {
+			this.doFilter();
+		}, 250);
+	}
+	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
+			});
+		}
+	}
+	updateLookupPaginator(total) {
+		if (this.canPaginate()) {
+			const paginator = this.paginator();
+			if (paginator) {
+				paginator.pageIndex = 0;
+				paginator.length = total ?? 0;
+			}
+		}
+	}
+	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
+			});
+		}
+	}
+	doAppend() {
+		this.append.emit({
+			items: this.dialogData().items,
+			owner: this
+		});
+	}
+	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
+		});
+	}
+	doView() {
+		const selection = this.selection();
+		if (selection.selectedOptions.selected?.length > 0) this.view.emit(selection.selectedOptions.selected[0].value);
+	}
+	doDelete() {
+		const selectedItems = [];
+		this.selection().selectedOptions.selected.forEach((element) => {
+			selectedItems.push(element.value);
+		});
+		this.delete.emit({
+			items: this.dialogData().items,
+			selectedItems
+		});
+		this.canDelete.set(false);
+		this.canEdit.set(false);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: SelectDialogComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			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>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"select-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div>\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"space-between center\" fxFill>\n      @if (!dialogData().canLookupWithOptions) {\n      <div fxFlex>\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n          <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\n          <input type=\"text\" (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation(); doFilter()\" matInput\n            title=\"{{dialogData().canLookup ? 'Digita il testo e premi invio' : 'Digita il testo'}}\"\n            [formField]=\"filterForm\">\n          @if (filterText()) {\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\n            <mat-icon>close</mat-icon>\n          </button>\n          }\n          @if (dialogData().canLookupWithInlineOptions) {\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Ricerca\"\n            (click)=\"showFilterOptions()\" matTooltip=\"Opzioni di ricerca\">\n            <mat-icon>tune</mat-icon>\n          </button>\n          }\n        </mat-form-field>\n      </div>\n      }\n      @if (!dialogData().canLookupWithOptions && dialogData().canLookup && dialogData().lookupFields) {\n      <div fxFlex fxHide.lt-md>\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n          <mat-label>Come...</mat-label>\n          <mat-select [(value)]=\"lookupField\">\n            @for (field of dialogData().lookupFields; track $index) {\n            <mat-option [value]=\"field.value\">\n              {{field.name}}\n            </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      }\n      @if (dialogData().canLookupWithOptions) {\n      <div fxFlex fxHide.lt-md>\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button aria-label=\"Ricerca\" (click)=\"showFilterOptions()\">\n          <mat-icon>search</mat-icon> {{this.dialogData().searchButtonLabel ?? 'Ricerca'}}\n        </button>\n      </div>\n      }\n      @if (dialogData().canLookup && dialogData().canFilter) {\n      <div fxFlex fxHide.lt-md>\n        <button type=\"button\" mat-button matTooltip=\"Filtra\" [attr.aria-label]=\"'Filtra'\"\n          [matMenuTriggerFor]=\"menuFilter\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" >\n            <div><mat-icon>filter_alt</mat-icon></div>\n            <div>{{filterOptionsInfo()}}</div>\n            <div><mat-icon class=\"icon-menu-drop-down\">\n                arrow_drop_down</mat-icon></div>\n          </div>\n        </button>\n        <mat-menu #menuFilter=\"matMenu\" class=\"mat-menu-300\">\n          @for (f of filterOptions(); track $index) {\n          @if (f.divider) {\n          <mat-divider></mat-divider>\n          }\n          @if (f.groupName) {\n          <span style='font-size:small; padding: 2px 4px;'><i><b>{{f.groupName}}</b></i></span>\n          }\n          @if (!f.groupName && !f.divider) {\n          <button mat-menu-item (click)=\"doFilterByOptions(f, true)\" [attr.aria-label]=\"f.description\">\n            @if (f.radio && f.value) {\n            <span style=\"padding-left:40px\"></span>\n            }\n            <mat-icon>{{f.icon}}</mat-icon> {{f.title}}\n          </button>\n          }\n\n          }\n        </mat-menu>\n      </div>\n      }\n      @if (canEdit() || canAppend() || canView() || canDelete()) {\n      <div fxLayout=\"row\" fxLayoutAlign=\"end center\" >\n        <div fxFlex fxHide.lt-md>\n          @if (canAppend()) {\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\n          </button>\n          }\n          @if (canEdit()) {\n          <button type=\"button\" mat-icon-button (click)=\"doEdit()\">\n            <mat-icon aria-label=\"Modifica\" matTooltip=\"Modifica\">edit</mat-icon>\n          </button>\n          }\n          @if (canView()) {\n          <button type=\"button\" mat-icon-button (click)=\"doView()\">\n            <mat-icon aria-label=\"Mostra\" matTooltip=\"Mostra\">visibility</mat-icon>\n          </button>\n          }\n          @if (canDelete()) {\n          <button type=\"button\" mat-icon-button (click)=\"doDelete()\">\n            <mat-icon aria-label=\"Elimina\" matTooltip=\"Elimina\">delete</mat-icon>\n          </button>\n          }\n        </div>\n        <div fxFlex fxHide.gt-sm>\n          <button type=\"button\" mat-icon-button matTooltip=\"Azioni\" [attr.aria-label]=\"'Azioni'\"\n            [matMenuTriggerFor]=\"menuActions\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuActions=\"matMenu\" class=\"mat-menu-300\">\n            @if (canAppend()) {\n            <button mat-menu-item (click)=\"doAppend()\" [attr.aria-label]=\"'Aggiungi'\">\n              <mat-icon>add</mat-icon> Aggiungi\n            </button>\n            }\n            @if (canEdit()) {\n            <button mat-menu-item (click)=\"doEdit()\" [attr.aria-label]=\"'Modifica'\">\n              <mat-icon>edit</mat-icon> Modifica\n            </button>\n            }\n            @if (canView()) {\n            <button mat-menu-item (click)=\"doView()\" [attr.aria-label]=\"'Mostra'\">\n              <mat-icon>visibility</mat-icon> Mostra\n            </button>\n            }\n            @if (canDelete()) {\n            <button mat-menu-item (click)=\"doDelete()\" [attr.aria-label]=\"'Elimina'\">\n              <mat-icon>delete</mat-icon> Elimina\n            </button>\n            }\n          </mat-menu>\n        </div>\n      </div>\n      }\n    </div>\n  </div>\n  @if ((dialogData().multipleSelection || dialogData().header) && dialogData().items?.length > 0) {\n  <div>\n    <div fxLayout=\"row\" fxFill style=\"padding-top: 10px;\">\n      @if (dialogData().multipleSelection) {\n      <div fxFlex=\"64px\" fxFlexAlign=\"center\" style=\"padding-left: 8px;\">\n        <mat-checkbox (change)=\"$event ? masterSelectionToggle($event) : null\"\n          [indeterminate]=\"selectionMasterIndeterminate()\" [checked]=\"selectionMasterChecked()\"\n          [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\">\n        </mat-checkbox>\n      </div>\n      }\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\n        @if (dialogData().header) {\n        <div class=\"text\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\n        }\n      </div>\n    </div>\n  </div>\n  }\n</div>\n<mat-dialog-content style=\"padding-top:0\">\n  <div fxLayout=\"column\" fxFill>\n    @if (dialogData().canLookup && (!dialogData().items || dialogData().items.length == 0)) {\n    <div class=\"text message\"><i>\n        @if (!dialogData().emptyMessage) {\n        <span>Nessun elemento da visualizzare.<br>Esegui una nuova ricerca o modifica quella\n          esistente.\n          @if (dialogData().maxItems > 0) {\n          <span>Saranno mostrati al massimo {{dialogData().maxItems}} elementi.</span>\n          }\n        </span>\n        } @else {\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\n        }\n      </i>\n    </div>\n    }\n    <mat-selection-list #selection (selectionChange)=\"select($event)\" dense hideSingleSelectionIndicator=\"true\"\n      [multiple]=\"dialogData().multipleSelection\">\n      @for (item of (dialogData().items | search: (!dialogData().canLookup ? filterText() : ''): filterMetadata); track\n      $index) {\n      <mat-list-option [value]=\"item\" [selected]=\"item.selected\" togglePosition=\"before\">\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\n      </mat-list-option>\n      }\n    </mat-selection-list>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"column\" fxFill>\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\n      <div class=\"secondary\" style=\"padding-left:20px\">\n        @if (selectionInfo()) {\n        <span class=\"bold\">{{selectionInfo()}}</span>&nbsp; <span class=\"small\"> elementi selezionati</span>\n        } @else {\n        <span class=\"bold\">{{(dialogData().canLookup ? total() : (filterText() ? filterMetadata.count : total())) ??\n          0}}</span>&nbsp; <span class=\"small\"> elementi</span>\n        }\n      </div>\n      <div fxFlexAlign=\"center\">\n        @if (canPaginate()) {\n        <mat-paginator class=\"x-small\" #paginator [hidePageSize]=\"true\" [pageSize]=\"dialogData().pageSize\" [showFirstLastButtons]=\"true\"\n          (page)=\"doLookupPage($event)\" [length]=\"total() ?? 0\"></mat-paginator>\n        }\n      </div>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"okDisabled()\">\n        <span>{{dialogData().mustSelect ? dialogData().okCaption : 'Chiudi'}}</span>\n      </button>\n      @if (dialogData().mustSelect) {\n      <button mat-stroked-button mat-dialog-close>\n        <span>Annulla</span>\n      </button>\n      }\n    </div>\n  </div>\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: "directive",
+					type: FormField,
+					selector: "[formField]",
+					inputs: ["formField"],
+					exportAs: ["formField"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i4$1.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: i4$1.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatIconModule
+				},
+				{
+					kind: "component",
+					type: i5.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatSelectModule
+				},
+				{
+					kind: "component",
+					type: i6.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: i6.MatOption,
+					selector: "mat-option",
+					inputs: [
+						"value",
+						"id",
+						"disabled"
+					],
+					outputs: ["onSelectionChange"],
+					exportAs: ["matOption"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatOptionModule
+				},
+				{
+					kind: "ngmodule",
+					type: MatTooltipModule
+				},
+				{
+					kind: "directive",
+					type: i7$1.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatMenuModule
+				},
+				{
+					kind: "component",
+					type: i8.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: i8.MatMenuItem,
+					selector: "[mat-menu-item]",
+					inputs: [
+						"role",
+						"disabled",
+						"disabledInteractive",
+						"disableRipple"
+					],
+					exportAs: ["matMenuItem"]
+				},
+				{
+					kind: "directive",
+					type: i8.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: i6$1.MatDivider,
+					selector: "mat-divider",
+					inputs: ["vertical", "inset"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatCheckboxModule
+				},
+				{
+					kind: "component",
+					type: i10.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: i6$1.MatSelectionList,
+					selector: "mat-selection-list",
+					inputs: [
+						"color",
+						"compareWith",
+						"multiple",
+						"hideSingleSelectionIndicator",
+						"disabled"
+					],
+					outputs: ["selectionChange"],
+					exportAs: ["matSelectionList"]
+				},
+				{
+					kind: "component",
+					type: i6$1.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: i11.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.2.1",
+	ngImport: i0,
+	type: SelectDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: true,
+			imports: [
+				FlexLayoutModule,
+				MatDialogTitle,
+				MatFormFieldModule,
+				MatInputModule,
+				FormField,
+				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>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"select-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div>\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"space-between center\" fxFill>\n      @if (!dialogData().canLookupWithOptions) {\n      <div fxFlex>\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n          <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\n          <input type=\"text\" (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation(); doFilter()\" matInput\n            title=\"{{dialogData().canLookup ? 'Digita il testo e premi invio' : 'Digita il testo'}}\"\n            [formField]=\"filterForm\">\n          @if (filterText()) {\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\n            <mat-icon>close</mat-icon>\n          </button>\n          }\n          @if (dialogData().canLookupWithInlineOptions) {\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Ricerca\"\n            (click)=\"showFilterOptions()\" matTooltip=\"Opzioni di ricerca\">\n            <mat-icon>tune</mat-icon>\n          </button>\n          }\n        </mat-form-field>\n      </div>\n      }\n      @if (!dialogData().canLookupWithOptions && dialogData().canLookup && dialogData().lookupFields) {\n      <div fxFlex fxHide.lt-md>\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\n          <mat-label>Come...</mat-label>\n          <mat-select [(value)]=\"lookupField\">\n            @for (field of dialogData().lookupFields; track $index) {\n            <mat-option [value]=\"field.value\">\n              {{field.name}}\n            </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      </div>\n      }\n      @if (dialogData().canLookupWithOptions) {\n      <div fxFlex fxHide.lt-md>\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button aria-label=\"Ricerca\" (click)=\"showFilterOptions()\">\n          <mat-icon>search</mat-icon> {{this.dialogData().searchButtonLabel ?? 'Ricerca'}}\n        </button>\n      </div>\n      }\n      @if (dialogData().canLookup && dialogData().canFilter) {\n      <div fxFlex fxHide.lt-md>\n        <button type=\"button\" mat-button matTooltip=\"Filtra\" [attr.aria-label]=\"'Filtra'\"\n          [matMenuTriggerFor]=\"menuFilter\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" >\n            <div><mat-icon>filter_alt</mat-icon></div>\n            <div>{{filterOptionsInfo()}}</div>\n            <div><mat-icon class=\"icon-menu-drop-down\">\n                arrow_drop_down</mat-icon></div>\n          </div>\n        </button>\n        <mat-menu #menuFilter=\"matMenu\" class=\"mat-menu-300\">\n          @for (f of filterOptions(); track $index) {\n          @if (f.divider) {\n          <mat-divider></mat-divider>\n          }\n          @if (f.groupName) {\n          <span style='font-size:small; padding: 2px 4px;'><i><b>{{f.groupName}}</b></i></span>\n          }\n          @if (!f.groupName && !f.divider) {\n          <button mat-menu-item (click)=\"doFilterByOptions(f, true)\" [attr.aria-label]=\"f.description\">\n            @if (f.radio && f.value) {\n            <span style=\"padding-left:40px\"></span>\n            }\n            <mat-icon>{{f.icon}}</mat-icon> {{f.title}}\n          </button>\n          }\n\n          }\n        </mat-menu>\n      </div>\n      }\n      @if (canEdit() || canAppend() || canView() || canDelete()) {\n      <div fxLayout=\"row\" fxLayoutAlign=\"end center\" >\n        <div fxFlex fxHide.lt-md>\n          @if (canAppend()) {\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\n          </button>\n          }\n          @if (canEdit()) {\n          <button type=\"button\" mat-icon-button (click)=\"doEdit()\">\n            <mat-icon aria-label=\"Modifica\" matTooltip=\"Modifica\">edit</mat-icon>\n          </button>\n          }\n          @if (canView()) {\n          <button type=\"button\" mat-icon-button (click)=\"doView()\">\n            <mat-icon aria-label=\"Mostra\" matTooltip=\"Mostra\">visibility</mat-icon>\n          </button>\n          }\n          @if (canDelete()) {\n          <button type=\"button\" mat-icon-button (click)=\"doDelete()\">\n            <mat-icon aria-label=\"Elimina\" matTooltip=\"Elimina\">delete</mat-icon>\n          </button>\n          }\n        </div>\n        <div fxFlex fxHide.gt-sm>\n          <button type=\"button\" mat-icon-button matTooltip=\"Azioni\" [attr.aria-label]=\"'Azioni'\"\n            [matMenuTriggerFor]=\"menuActions\">\n            <mat-icon>more_vert</mat-icon>\n          </button>\n          <mat-menu #menuActions=\"matMenu\" class=\"mat-menu-300\">\n            @if (canAppend()) {\n            <button mat-menu-item (click)=\"doAppend()\" [attr.aria-label]=\"'Aggiungi'\">\n              <mat-icon>add</mat-icon> Aggiungi\n            </button>\n            }\n            @if (canEdit()) {\n            <button mat-menu-item (click)=\"doEdit()\" [attr.aria-label]=\"'Modifica'\">\n              <mat-icon>edit</mat-icon> Modifica\n            </button>\n            }\n            @if (canView()) {\n            <button mat-menu-item (click)=\"doView()\" [attr.aria-label]=\"'Mostra'\">\n              <mat-icon>visibility</mat-icon> Mostra\n            </button>\n            }\n            @if (canDelete()) {\n            <button mat-menu-item (click)=\"doDelete()\" [attr.aria-label]=\"'Elimina'\">\n              <mat-icon>delete</mat-icon> Elimina\n            </button>\n            }\n          </mat-menu>\n        </div>\n      </div>\n      }\n    </div>\n  </div>\n  @if ((dialogData().multipleSelection || dialogData().header) && dialogData().items?.length > 0) {\n  <div>\n    <div fxLayout=\"row\" fxFill style=\"padding-top: 10px;\">\n      @if (dialogData().multipleSelection) {\n      <div fxFlex=\"64px\" fxFlexAlign=\"center\" style=\"padding-left: 8px;\">\n        <mat-checkbox (change)=\"$event ? masterSelectionToggle($event) : null\"\n          [indeterminate]=\"selectionMasterIndeterminate()\" [checked]=\"selectionMasterChecked()\"\n          [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\">\n        </mat-checkbox>\n      </div>\n      }\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\n        @if (dialogData().header) {\n        <div class=\"text\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\n        }\n      </div>\n    </div>\n  </div>\n  }\n</div>\n<mat-dialog-content style=\"padding-top:0\">\n  <div fxLayout=\"column\" fxFill>\n    @if (dialogData().canLookup && (!dialogData().items || dialogData().items.length == 0)) {\n    <div class=\"text message\"><i>\n        @if (!dialogData().emptyMessage) {\n        <span>Nessun elemento da visualizzare.<br>Esegui una nuova ricerca o modifica quella\n          esistente.\n          @if (dialogData().maxItems > 0) {\n          <span>Saranno mostrati al massimo {{dialogData().maxItems}} elementi.</span>\n          }\n        </span>\n        } @else {\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\n        }\n      </i>\n    </div>\n    }\n    <mat-selection-list #selection (selectionChange)=\"select($event)\" dense hideSingleSelectionIndicator=\"true\"\n      [multiple]=\"dialogData().multipleSelection\">\n      @for (item of (dialogData().items | search: (!dialogData().canLookup ? filterText() : ''): filterMetadata); track\n      $index) {\n      <mat-list-option [value]=\"item\" [selected]=\"item.selected\" togglePosition=\"before\">\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\n      </mat-list-option>\n      }\n    </mat-selection-list>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"column\" fxFill>\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\n      <div class=\"secondary\" style=\"padding-left:20px\">\n        @if (selectionInfo()) {\n        <span class=\"bold\">{{selectionInfo()}}</span>&nbsp; <span class=\"small\"> elementi selezionati</span>\n        } @else {\n        <span class=\"bold\">{{(dialogData().canLookup ? total() : (filterText() ? filterMetadata.count : total())) ??\n          0}}</span>&nbsp; <span class=\"small\"> elementi</span>\n        }\n      </div>\n      <div fxFlexAlign=\"center\">\n        @if (canPaginate()) {\n        <mat-paginator class=\"x-small\" #paginator [hidePageSize]=\"true\" [pageSize]=\"dialogData().pageSize\" [showFirstLastButtons]=\"true\"\n          (page)=\"doLookupPage($event)\" [length]=\"total() ?? 0\"></mat-paginator>\n        }\n      </div>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"okDisabled()\">\n        <span>{{dialogData().mustSelect ? dialogData().okCaption : 'Chiudi'}}</span>\n      </button>\n      @if (dialogData().mustSelect) {\n      <button mat-stroked-button mat-dialog-close>\n        <span>Annulla</span>\n      </button>\n      }\n    </div>\n  </div>\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"]
+		}]
+	}
+});
+var TreeDataSource = 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);
+	}
+	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;
+		}
+		for (const root of this.data) {
+			const found = this.findNode(root, id);
+			if (found) return found;
+		}
+	}
+	removeNode(id) {
+		let n = this.findNode(null, id);
+		if (!n) return;
+		if (n.parent) {
+			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);
+	}
+	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);
+	}
+	renameNode(id, name) {
+		const n = this.findNode(null, id);
+		if (n) {
+			n.name = name;
+			this._dataChange.next(this.data);
+		}
+		return n;
+	}
+	update() {
+		this._dataChange.next(this.data);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: TreeDataSource,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: TreeDataSource
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TreeDataSource,
+	decorators: [{ type: Injectable }]
+});
+var SelectTreeDialogComponent = class SelectTreeDialogComponent {
+	constructor() {
+		this.done = output();
+		this.append = output();
+		this.destroyRef = inject(DestroyRef);
+		this.dialogRef = inject(MatDialogRef);
+		this.dialogData = signal((() => {
+			const data = inject(MAT_DIALOG_DATA) ?? {};
+			return {
+				...data,
+				title: data.title ?? "Seleziona",
+				okCaption: data.okCaption ?? "OK"
+			};
+		})(), ...ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []);
+		this.tree = inject(TreeDataSource);
+		this._elRef = inject(ElementRef);
+		this.matTree = viewChild(MatTree, ...ngDevMode ? [{ debugName: "matTree" }] : /* istanbul ignore next */ []);
+		this.childrenAccessor = (node) => node.children ?? [];
+		this.treeNodes = signal([], ...ngDevMode ? [{ debugName: "treeNodes" }] : /* istanbul ignore next */ []);
+		this.currentNode = signal(void 0, ...ngDevMode ? [{ debugName: "currentNode" }] : /* istanbul ignore next */ []);
+		this.filterText = signal("", ...ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []);
+		this.filterForm = form(this.filterText);
+		this.filteredItems = signal([], ...ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []);
+		this.filterIndex = signal(-1, ...ngDevMode ? [{ debugName: "filterIndex" }] : /* istanbul ignore next */ []);
+		this.filteredNode = computed(() => {
+			const idx = this.filterIndex();
+			return idx >= 0 ? this.filteredItems()[idx] ?? null : null;
+		}, ...ngDevMode ? [{ debugName: "filteredNode" }] : /* istanbul ignore next */ []);
+		this.canAppend = signal(this.dialogData().canAppend || false, ...ngDevMode ? [{ debugName: "canAppend" }] : /* istanbul ignore next */ []);
+		this._nodeMap = computed(() => {
+			const map = /* @__PURE__ */ 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;
+		}, ...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();
+		}
+	}
+	ok() {
+		const node = this.currentNode();
+		if (node) this.done.emit({ selectedItems: [node] });
+		setTimeout(() => {
+			this.dialogRef.close();
+		}, 500);
+	}
+	select(e, node) {
+		if (e) e.stopPropagation();
+		if (node) this.currentNode.set(node.id === this.currentNode()?.id ? void 0 : node);
+	}
+	clearFilter() {
+		this.filterText.set("");
+		this.filteredItems.set([]);
+		this.filterIndex.set(-1);
+	}
+	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);
+	}
+	nextFiltered() {
+		const items = this.filteredItems();
+		if (!items.length) return;
+		const next = (this.filterIndex() + 1) % items.length;
+		this.filterIndex.set(next);
+		this._scrollToFiltered(next, items);
+	}
+	isFilteredNode(node) {
+		return this.filteredNode()?.id === node.id;
+	}
+	_scrollToFiltered(index, items) {
+		const node = items[index];
+		if (!node) return;
+		this.currentNode.set(node);
+		this.expand(node);
+		setTimeout(() => {
+			this._elRef.nativeElement.querySelector(`[data-node-id="${node.id}"]`)?.scrollIntoView({
+				block: "nearest",
+				behavior: "smooth"
+			});
+		});
+	}
+	expand(node) {
+		this.matTree()?.expand(node);
+		let parent = node.parent;
+		const visited = /* @__PURE__ */ new Set();
+		while (parent && !visited.has(parent)) {
+			visited.add(parent);
+			this.matTree()?.expand(parent);
+			parent = parent.parent;
+		}
+		return false;
+	}
+	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;
+			}
+		}
+	}
+	appendNode(node) {
+		this.tree.insertNode(node);
+	}
+	collapseAll() {
+		this.matTree()?.collapseAll();
+		this.currentNode.set(void 0);
+	}
+	expandAll() {
+		this.matTree()?.expandAll();
+		const node = this.currentNode();
+		if (node) setTimeout(() => {
+			this._elRef.nativeElement.querySelector(`[data-node-id="${node.id}"]`)?.scrollIntoView({
+				block: "nearest",
+				behavior: "smooth"
+			});
+		});
+	}
+	doAppend() {
+		this.append.emit({
+			parent: this.currentNode(),
+			owner: this
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: SelectTreeDialogComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			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>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"selecttree-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div style=\"padding-bottom: 10px;\">\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n      <div fxFlex fxHide.xs>\n        <mat-form-field style=\"width:100%\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n          <mat-label>Cerca...</mat-label>\n          <input type=\"text\" (keyup)=\"doFilter()\" matInput title=\"Digita il testo'\"\n            (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\" \n            (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\n            [formField]=\"filterForm\">\n          @if (filterText()) {\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\"\n            (click)=\"clearFilter()\">\n            <mat-icon>close</mat-icon>\n          </button>\n          }\n        </mat-form-field>\n      </div>\n      @if (filteredItems().length > 0) {\n      <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\n        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\n      </div>\n      <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\n        <button type=\"button\" type=\"button\" mat-icon-button (click)=\"nextFiltered()\">\n          <mat-icon aria-label=\"Vai al prossimo\" matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\n        </button>\n      </div>\n      }\n      <div fxFlex=\"50\" fxLayoutAlign=\"end center\" style=\"white-space:nowrap\">\n        <div>\n          @if (canAppend()) {\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\n          </button>\n          }\n          <button type=\"button\" mat-icon-button (click)=\"collapseAll()\">\n            <mat-icon aria-label=\"Comprimi tutto\" matTooltip=\"Comprimi tutto\">unfold_less</mat-icon>\n          </button>\n          <button type=\"button\" mat-icon-button (click)=\"expandAll()\">\n            <mat-icon aria-label=\"Espandi tutto\" matTooltip=\"Espandi tutto\">unfold_more</mat-icon>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<mat-dialog-content>\n  <div fxLayout=\"column\" fxFill>\n    <mat-tree [dataSource]=\"treeNodes()\" [childrenAccessor]=\"childrenAccessor\" class=\"tree\">\n      <mat-tree-node [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\n        [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\" (click)=\"select($event, node);\"\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\">\n        <div fxLayout=\"row\"  fxFill>\n          <button type=\"button\" mat-icon-button disabled class=\"small-icon-button\"></button>\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\n            {{node.name}}\n          </div>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            @if (node.count > 0) {\n            <span fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</span>\n            }\n          </div>\n        </div>\n      </mat-tree-node>\n\n      <mat-tree-node #treeNodeRef=\"matTreeNode\" [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node;when: hasChild\"\n        matTreeNodePadding [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\"\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\"\n        (click)=\"select($event, node);\">\n        <div fxLayout=\"row\"  fxFill>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            <button type=\"button\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Apri/chiudi ' + node.name\"\n              class=\"small-icon-button\">\n              <mat-icon class=\"mat-icon-rtl-mirror\">\n                {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\n              </mat-icon>\n            </button>\n          </div>\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\n            {{node.name}}\n          </div>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            @if (node.count > 0) {\n            <div fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</div>\n            }\n          </div>\n        </div>\n      </mat-tree-node>\n    </mat-tree>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"!currentNode()\">{{dialogData().okCaption}}</button>\n    <button mat-button mat-dialog-close>Annulla</button>\n  </div>\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: "directive",
+					type: FormField,
+					selector: "[formField]",
+					inputs: ["formField"],
+					exportAs: ["formField"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i4$1.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: i4$1.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatIconModule
+				},
+				{
+					kind: "component",
+					type: i5.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatTooltipModule
+				},
+				{
+					kind: "directive",
+					type: i7$1.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: i7.MatTreeNodeDef,
+					selector: "[matTreeNodeDef]",
+					inputs: ["matTreeNodeDefWhen", "matTreeNode"]
+				},
+				{
+					kind: "directive",
+					type: i7.MatTreeNodePadding,
+					selector: "[matTreeNodePadding]",
+					inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"]
+				},
+				{
+					kind: "directive",
+					type: i7.MatTreeNodeToggle,
+					selector: "[matTreeNodeToggle]",
+					inputs: ["matTreeNodeToggleRecursive"]
+				},
+				{
+					kind: "component",
+					type: i7.MatTree,
+					selector: "mat-tree",
+					exportAs: ["matTree"]
+				},
+				{
+					kind: "directive",
+					type: i7.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.2.1",
+	ngImport: i0,
+	type: SelectTreeDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			providers: [TreeDataSource],
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatDialogTitle,
+				FlexLayoutModule,
+				MatFormFieldModule,
+				MatInputModule,
+				FormField,
+				MatButtonModule,
+				MatIconModule,
+				MatTooltipModule,
+				MatDialogContent,
+				MatTreeModule,
+				MatDialogActions,
+				MatDialogClose,
+				SafeHtmlPipe
+			],
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n<div style=\"padding: 0 24px\">\n  @if (dialogData().description) {\n  <div class=\"selecttree-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n  }\n  <div style=\"padding-bottom: 10px;\">\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n      <div fxFlex fxHide.xs>\n        <mat-form-field style=\"width:100%\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n          <mat-label>Cerca...</mat-label>\n          <input type=\"text\" (keyup)=\"doFilter()\" matInput title=\"Digita il testo'\"\n            (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\" \n            (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\n            [formField]=\"filterForm\">\n          @if (filterText()) {\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\"\n            (click)=\"clearFilter()\">\n            <mat-icon>close</mat-icon>\n          </button>\n          }\n        </mat-form-field>\n      </div>\n      @if (filteredItems().length > 0) {\n      <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\n        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\n      </div>\n      <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\n        <button type=\"button\" type=\"button\" mat-icon-button (click)=\"nextFiltered()\">\n          <mat-icon aria-label=\"Vai al prossimo\" matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\n        </button>\n      </div>\n      }\n      <div fxFlex=\"50\" fxLayoutAlign=\"end center\" style=\"white-space:nowrap\">\n        <div>\n          @if (canAppend()) {\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\n          </button>\n          }\n          <button type=\"button\" mat-icon-button (click)=\"collapseAll()\">\n            <mat-icon aria-label=\"Comprimi tutto\" matTooltip=\"Comprimi tutto\">unfold_less</mat-icon>\n          </button>\n          <button type=\"button\" mat-icon-button (click)=\"expandAll()\">\n            <mat-icon aria-label=\"Espandi tutto\" matTooltip=\"Espandi tutto\">unfold_more</mat-icon>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<mat-dialog-content>\n  <div fxLayout=\"column\" fxFill>\n    <mat-tree [dataSource]=\"treeNodes()\" [childrenAccessor]=\"childrenAccessor\" class=\"tree\">\n      <mat-tree-node [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\n        [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\" (click)=\"select($event, node);\"\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\">\n        <div fxLayout=\"row\"  fxFill>\n          <button type=\"button\" mat-icon-button disabled class=\"small-icon-button\"></button>\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\n            {{node.name}}\n          </div>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            @if (node.count > 0) {\n            <span fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</span>\n            }\n          </div>\n        </div>\n      </mat-tree-node>\n\n      <mat-tree-node #treeNodeRef=\"matTreeNode\" [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node;when: hasChild\"\n        matTreeNodePadding [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\"\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\"\n        (click)=\"select($event, node);\">\n        <div fxLayout=\"row\"  fxFill>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            <button type=\"button\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Apri/chiudi ' + node.name\"\n              class=\"small-icon-button\">\n              <mat-icon class=\"mat-icon-rtl-mirror\">\n                {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\n              </mat-icon>\n            </button>\n          </div>\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\n            {{node.name}}\n          </div>\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\n            @if (node.count > 0) {\n            <div fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</div>\n            }\n          </div>\n        </div>\n      </mat-tree-node>\n    </mat-tree>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"!currentNode()\">{{dialogData().okCaption}}</button>\n    <button mat-button mat-dialog-close>Annulla</button>\n  </div>\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 }]
+		}]
+	}
+});
+const _EMPTY_ITEM = {
+	recipients: "",
+	subject: "",
+	text: ""
+};
+var SendToDialogComponent = class SendToDialogComponent {
+	constructor() {
+		this.getErrorMessage = SignalsUtils.getFieldErrorMessage;
+		this.done = output();
+		this.populate = output();
+		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...` : void 0);
+			return {
+				...data,
+				count,
+				appearance: data.appearance ?? "fill",
+				title
+			};
+		})(), ...ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []);
+		this.model = signal(this.toForm(), ...ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []);
+		this.form = form(this.model, (p) => {
+			required(p.recipients);
+			notEmpty(p.recipients);
+			maxLength(p.recipients, 1e3);
+			emails(p.recipients);
+			required(p.subject);
+			notEmpty(p.subject);
+			maxLength(p.subject, 200);
+			required(p.text);
+			notEmpty(p.text);
+			maxLength(p.text, 1e3);
+		});
+	}
+	toForm() {
+		const data = this.dialogData();
+		return DtoUtils.toForm(_EMPTY_ITEM, {
+			subject: data.subject,
+			text: data.text
+		});
+	}
+	toPayload() {
+		return {
+			...DtoUtils.toPayload(this.model()),
+			options: this.dialogData().options
+		};
+	}
+	ok() {
+		this.done.emit(this.toPayload());
+	}
+	populateRecipients() {
+		if (this.dialogData().canPopulate) this.populate.emit({
+			item: this.toPayload(),
+			source: this
+		});
+	}
+	updateRecipients(recipients) {
+		this.model.update((m) => ({
+			...m,
+			recipients
+		}));
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: SendToDialogComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: SendToDialogComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			outputs: {
+				done: "done",
+				populate: "populate"
+			},
+			ngImport: i0,
+			template: "<div class=\"dialog-info\">\r\n  @if (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 [formRoot]=\"form\" 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 [formField]=\"form.recipients\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n          @if (form.recipients().value()) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n            (click)=\"form.recipients().value.set('')\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n\r\n          @if (dialogData().canPopulate) {\r\n          <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\">{{form.recipients().value()?.length || 0}}/1000 </mat-hint>\r\n          @if (form.recipients().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.recipients().errors()) }}</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 [formField]=\"form.subject\" />\r\n          @if (form.subject().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.subject().errors()) }}</mat-error>\r\n          }\r\n          <mat-hint align=\"end\">{{form.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 [formField]=\"form.text\" cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n          <mat-hint align=\"end\">{{form.text().value()?.length || 0}}/1000 </mat-hint>\r\n          @if (form.text().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.text().errors()) }}</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]=\"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>\r\n",
+			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: "directive",
+					type: FormField,
+					selector: "[formField]",
+					inputs: ["formField"],
+					exportAs: ["formField"]
+				},
+				{
+					kind: "directive",
+					type: FormRoot,
+					selector: "form[formRoot]",
+					inputs: ["formRoot"]
+				},
+				{
+					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: i4.CdkTextareaAutosize,
+					selector: "textarea[cdkTextareaAutosize]",
+					inputs: [
+						"cdkAutosizeMinRows",
+						"cdkAutosizeMaxRows",
+						"cdkTextareaAutosize",
+						"placeholder"
+					],
+					exportAs: ["cdkTextareaAutosize"]
+				},
+				{
+					kind: "ngmodule",
+					type: TextFieldModule
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i4$1.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: i4$1.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatIconModule
+				},
+				{
+					kind: "component",
+					type: i5.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatTooltipModule
+				},
+				{
+					kind: "directive",
+					type: i7$1.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatCheckboxModule
+				},
+				{
+					kind: "component",
+					type: i10.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.2.1",
+	ngImport: i0,
+	type: SendToDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatDialogTitle,
+				MatDialogContent,
+				FormField,
+				FormRoot,
+				FlexLayoutModule,
+				MatFormFieldModule,
+				MatInputModule,
+				TextFieldModule,
+				MatButtonModule,
+				MatIconModule,
+				MatTooltipModule,
+				MatCheckboxModule,
+				MatDialogActions,
+				MatDialogClose,
+				SafeHtmlPipe
+			],
+			template: "<div class=\"dialog-info\">\r\n  @if (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 [formRoot]=\"form\" 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 [formField]=\"form.recipients\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n          @if (form.recipients().value()) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n            (click)=\"form.recipients().value.set('')\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n\r\n          @if (dialogData().canPopulate) {\r\n          <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\">{{form.recipients().value()?.length || 0}}/1000 </mat-hint>\r\n          @if (form.recipients().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.recipients().errors()) }}</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 [formField]=\"form.subject\" />\r\n          @if (form.subject().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.subject().errors()) }}</mat-error>\r\n          }\r\n          <mat-hint align=\"end\">{{form.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 [formField]=\"form.text\" cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n          <mat-hint align=\"end\">{{form.text().value()?.length || 0}}/1000 </mat-hint>\r\n          @if (form.text().invalid()) {\r\n          <mat-error>{{ getErrorMessage(form.text().errors()) }}</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]=\"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>\r\n",
+			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"]
+		}]
+	}
+});
 export { ListDialogComponent, SelectDialogComponent, SelectTreeDialogComponent, SendToDialogComponent, TreeDataSource };
-//# sourceMappingURL=arsedizioni-ars-utils-ui.dialogs.select.mjs.map
+
+//# sourceMappingURL=arsedizioni-ars-utils-ui.dialogs.select.mjs.map