@arsedizioni/ars-utils 22.1.4 → 22.5.1

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

@@ -1,129 +1,7 @@
 import * as i0 from '@angular/core';
-import { Service, viewChild, output, inject, signal, ChangeDetectionStrategy, Component, ChangeDetectorRef, afterNextRender, Injectable, DestroyRef, ElementRef, computed, Renderer2, input, effect, Input, Optional, Self, booleanAttribute, model } from '@angular/core';
-import * as i1$1 from '@arsedizioni/ars-utils/ui';
-import { DialogService, FlexLayoutModule, OtpInputComponent, UIService } from '@arsedizioni/ars-utils/ui';
-import * as i5 from '@angular/cdk/text-field';
-import { TextFieldModule } from '@angular/cdk/text-field';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i6 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i3$2 from '@angular/material/checkbox';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatOptionModule } from '@angular/material/core';
-import { MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatDialogRef } from '@angular/material/dialog';
-import * as i3 from '@angular/material/form-field';
-import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
-import * as i7 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i3$1 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import { SystemUtils, SafeHtmlPipe, DateInterval, DateIntervalChangeDirective, TimeValidatorDirective, SearchFilterPipe, EmailsValidatorDirective, FileInfo, FileSizeValidatorDirective, SafeUrlPipe } from '@arsedizioni/ars-utils/core';
-import * as i5$1 from '@angular/material/datepicker';
-import { MatDatepickerModule, MatCalendar } from '@angular/material/datepicker';
-import * as i10 from '@angular/material/divider';
-import { MatDividerModule } from '@angular/material/divider';
-import * as i12 from '@angular/material/list';
-import { MatListModule } from '@angular/material/list';
-import * as i9 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-import * as i13 from '@angular/material/paginator';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import * as i8 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i8$1 from '@angular/material/tree';
-import { MatTree, MatTreeModule } from '@angular/material/tree';
-import { BehaviorSubject, Subject, auditTime, animationFrameScheduler } from 'rxjs';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i7$1 from '@angular/material/badge';
-import { MatBadgeModule } from '@angular/material/badge';
-import * as i5$2 from '@angular/material/chips';
-import { MatChipsModule } from '@angular/material/chips';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import * as i4$1 from '@angular/material/tabs';
-import { MatTabsModule } from '@angular/material/tabs';
-
-class SelectableItem {
-}
-class ItemNode {
-}
-class SelectableNode extends ItemNode {
-    /**
-     * Create a flattened tree node from a source ItemNode.
-     * @param item - The source tree node.
-     * @param level - The depth level of this node in the tree.
-     */
-    constructor(item, level) {
-        super();
-        this.expandable = !!(item.children?.length);
-        this.level = level;
-        this.id = item.id;
-        this.name = item.name;
-        this.count = item.count;
-        this.parent = item.parent;
-        this.bag = item.bag;
-        this.children = item.children;
-    }
-}
-var PromptDialogType;
-(function (PromptDialogType) {
-    PromptDialogType[PromptDialogType["Default"] = 0] = "Default";
-    PromptDialogType[PromptDialogType["Date"] = 1] = "Date";
-    PromptDialogType[PromptDialogType["Number"] = 2] = "Number";
-    PromptDialogType[PromptDialogType["Text"] = 3] = "Text";
-    PromptDialogType[PromptDialogType["DateInterval"] = 4] = "DateInterval";
-    PromptDialogType[PromptDialogType["List"] = 5] = "List";
-    PromptDialogType[PromptDialogType["Time"] = 6] = "Time";
-})(PromptDialogType || (PromptDialogType = {}));
-
-/** Constants identifying each filter group slot and text filter channels. */
-const Filters = {
-    FLT_1: 1,
-    FLT_2: 2,
-    FLT_3: 3,
-    FLT_4: 4,
-    FLT_5: 5,
-    FLT_TEXT: 96,
-    FLT_TEXT_1: 97,
-    FLT_TEXT_2: 98,
-    FLT_TEXT_3: 99
-};
-/** Event payload emitted when an active filter changes. */
-class CurrentFilterChanged {
-}
-/** Holds the current state of all active filters for a filter-bar component. */
-class CurrentFilter {
-    /**
-     * Returns true if any filter slot or text field is currently active.
-     * @returns Whether at least one filter is applied.
-     */
-    filtered() {
-        return (this.flt1 != null ||
-            this.flt2 != null ||
-            this.flt3 != null ||
-            this.flt4 != null ||
-            this.flt5 != null ||
-            !!this.text?.length ||
-            !!this.text2?.length ||
-            !!this.text3?.length);
-    }
-}
-/** Holds the selected value and display state for a single typed filter slot. */
-class CurrentFilterItem {
-    constructor() {
-        this.enabled = true;
-    }
-    /**
-     * Reset the filter to its empty state.
-     */
-    clear() {
-        this.value = undefined;
-        this.selectedTitle = undefined;
-    }
-}
+import { Service } from '@angular/core';
+import { DialogService } from '@arsedizioni/ars-utils/ui.dialogs';
+import { PromptDialogType } from '@arsedizioni/ars-utils/ui';
 
 class ApplicationDialogService extends DialogService {
     /**
@@ -138,7 +16,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async sendTo(title = 'Invia per email', text, subject, canPopulate = false, count, options, width = 600) {
-        const { SendToDialogComponent } = await Promise.resolve().then(function () { return sendToDialog_component; });
+        const { SendToDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.select');
         return this.open(SendToDialogComponent, {
             ariaLabel: 'invia per email',
             autoFocus: 'dialog',
@@ -170,7 +48,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async selectTree(nodes, title = 'Seleziona un elemento', description, initialFilter, width = 800, okCaption = 'Ok', canAppend = false) {
-        const { SelectTreeDialogComponent } = await Promise.resolve().then(function () { return selectTreeDialog_component; });
+        const { SelectTreeDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.select');
         return this.open(SelectTreeDialogComponent, {
             ariaLabel: 'seleziona un elemento',
             autoFocus: 'dialog',
@@ -203,7 +81,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async selectPicture(title = 'Seleziona immagine', description, okCaption = 'Ok', options, width = 600, maxSize, maxPictureWidth, maxPictureHeight) {
-        const { SelectPictureDialogComponent } = await Promise.resolve().then(function () { return selectPictureDialog_component; });
+        const { SelectPictureDialogComponent } = await import('@arsedizioni/ars-utils/ui.files');
         return this.open(SelectPictureDialogComponent, {
             ariaLabel: 'seleziona immagine',
             autoFocus: 'dialog',
@@ -239,7 +117,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async selectFile(title = 'Seleziona file', description, okCaption = 'Ok', helpLink, helpCaption, options, width = 600, maxSize, accept) {
-        const { SelectFileDialogComponent } = await Promise.resolve().then(function () { return selectFileDialog_component; });
+        const { SelectFileDialogComponent } = await import('@arsedizioni/ars-utils/ui.files');
         return this.open(SelectFileDialogComponent, {
             ariaLabel: 'seleziona file',
             autoFocus: 'dialog',
@@ -270,7 +148,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async select(data, disableClose = true, closeOnNavigation = true) {
-        const { SelectDialogComponent } = await Promise.resolve().then(function () { return selectDialog_component; });
+        const { SelectDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.select');
         const dialogData = { ...data, appearance: data.appearance ?? 'outline' };
         return this.open(SelectDialogComponent, {
             ariaLabel: 'seleziona',
@@ -298,7 +176,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async prompt(title, type = PromptDialogType.Default, description, initialValue, okCaption = 'Ok', cancelCaption = 'Annulla', options, width = 500, required) {
-        const { PromptDialogComponent } = await Promise.resolve().then(function () { return promptDialog_component; });
+        const { PromptDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.prompt');
         return this.open(PromptDialogComponent, {
             ariaLabel: 'inserisci valore',
             autoFocus: 'dialog',
@@ -335,7 +213,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async promptDate(title, type = PromptDialogType.Date, description, initialValue, okCaption = 'Ok', cancelCaption = 'Annulla', options, width = 500, required) {
-        const { PromptDateDialogComponent } = await Promise.resolve().then(function () { return promptDateDialog_component; });
+        const { PromptDateDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.prompt');
         return this.open(PromptDateDialogComponent, {
             ariaLabel: 'inserisci data',
             autoFocus: 'dialog',
@@ -372,7 +250,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async promptTime(title, description, slots, initialValue, okCaption = 'Ok', cancelCaption = 'Annulla', options, width = 500, required) {
-        const { PromptTimeDialogComponent } = await Promise.resolve().then(function () { return promptTimeDialog_component; });
+        const { PromptTimeDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.prompt');
         return this.open(PromptTimeDialogComponent, {
             ariaLabel: 'inserisci orario',
             autoFocus: 'dialog',
@@ -406,7 +284,7 @@ class ApplicationDialogService extends DialogService {
      * @returns The opened dialog reference.
      */
     async promptOtp(title = 'Conferma la tua identità', description, okCaption = 'Ok', cancelCaption = 'Annulla', width = 500) {
-        const { PromptOtpDialogComponent } = await Promise.resolve().then(function () { return promptOtpDialog_component; });
+        const { PromptOtpDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.auth');
         return this.open(PromptOtpDialogComponent, {
             ariaLabel: 'inserisci codice OTP',
             autoFocus: 'dialog',
@@ -433,2957 +311,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
             type: Service
         }] });
 
-class PromptDialogComponent {
-    constructor() {
-        this.f = viewChild.required('f', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "f" }] : /* istanbul ignore next */ []));
-        this.done = output();
-        this.dialogService = inject(DialogService);
-        this.dialogData = signal((() => {
-            const data = inject(MAT_DIALOG_DATA) ?? {};
-            return {
-                ...data,
-                appearance: data.appearance ?? 'fill',
-                title: data.title ?? 'Inserisci dato',
-                type: data.type ?? PromptDialogType.Default,
-                okCaption: data.okCaption ?? 'Ok',
-                cancelCaption: data.cancelCaption ?? 'Annulla',
-            };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.value = this.dialogData().initialValue && this.dialogData().type !== PromptDialogType.List
-            ? this.dialogData().initialValue
-            : undefined;
-    }
-    /**
-     * Validates the form and emits the result, or shows an error if validation fails.
-     */
-    ok() {
-        if (this.f().form.invalid) {
-            this.dialogService.error('Ci sono degli errori da correggere.');
-            return;
-        }
-        if (this.dialogData().type === PromptDialogType.Date) {
-            const date = SystemUtils.parseDate(this.value);
-            if (!date || date.getFullYear() > 9999) {
-                this.dialogService.error('Data non valida.');
-                return;
-            }
-        }
-        this.done.emit({
-            value: this.value,
-            type: this.dialogData().type,
-            options: this.dialogData().options
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PromptDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: PromptDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, viewQueries: [{ propertyName: "f", first: true, predicate: ["f"], descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n        @if (!dialogData().type) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"value\" #_value=\"ngModel\" name=\"_value\"\r\n            [required]=\"dialogData().required\" maxlength=\"200\">\r\n          @if (value) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"value = undefined\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (_value.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 1) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <input type=\"date\" matInput [(ngModel)]=\"value\" name=\"_value\" #_value=\"ngModel\"\r\n            [required]=\"dialogData().required\">\r\n          @if (_value.invalid) {\r\n          <mat-error>Data non valida.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 2) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <input type=\"number\" matInput [(ngModel)]=\"value\" #_value=\"ngModel\" name=\"_value\"\r\n            [required]=\"dialogData().required\" [min]=\"dialogData().minValue\" [max]=\"dialogData().maxValue\">\r\n          @if (value) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"value = undefined\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (_value.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 3) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <textarea matInput [(ngModel)]=\"value\" #_value=\"ngModel\" name=\"_value\" [required]=\"dialogData().required\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" maxlength=\"1000\"></textarea>\r\n          @if (value) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"value = undefined\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-hint align=\"end\">{{_value.value?.length || 0}}/1000 </mat-hint>\r\n          @if (_value.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 5) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <mat-select [(ngModel)]=\"value\" #_value=\"ngModel\" name=\"_value\" [required]=\"dialogData().required\">\r\n            @for (i of dialogData().initialValue; track $index) {\r\n            <mat-option [value]=\"i.value\">\r\n              {{i.name}}\r\n            </mat-option>\r\n            }\r\n          </mat-select>\r\n          @if (_value.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\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\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\">{{dialogData().cancelCaption}}</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.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: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PromptDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FormsModule, FlexLayoutModule, MatFormFieldModule, MatInputModule,
-                        MatButtonModule, MatIconModule, TextFieldModule, MatSelectModule, MatOptionModule, MatCheckboxModule, MatDialogActions,
-                        MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n        @if (!dialogData().type) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <input type=\"text\" matInput [(ngModel)]=\"value\" #_value=\"ngModel\" name=\"_value\"\r\n            [required]=\"dialogData().required\" maxlength=\"200\">\r\n          @if (value) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"value = undefined\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (_value.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 1) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <input type=\"date\" matInput [(ngModel)]=\"value\" name=\"_value\" #_value=\"ngModel\"\r\n            [required]=\"dialogData().required\">\r\n          @if (_value.invalid) {\r\n          <mat-error>Data non valida.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 2) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <input type=\"number\" matInput [(ngModel)]=\"value\" #_value=\"ngModel\" name=\"_value\"\r\n            [required]=\"dialogData().required\" [min]=\"dialogData().minValue\" [max]=\"dialogData().maxValue\">\r\n          @if (value) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"value = undefined\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (_value.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 3) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <textarea matInput [(ngModel)]=\"value\" #_value=\"ngModel\" name=\"_value\" [required]=\"dialogData().required\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" maxlength=\"1000\"></textarea>\r\n          @if (value) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"value = undefined\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-hint align=\"end\">{{_value.value?.length || 0}}/1000 </mat-hint>\r\n          @if (_value.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 5) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <mat-select [(ngModel)]=\"value\" #_value=\"ngModel\" name=\"_value\" [required]=\"dialogData().required\">\r\n            @for (i of dialogData().initialValue; track $index) {\r\n            <mat-option [value]=\"i.value\">\r\n              {{i.name}}\r\n            </mat-option>\r\n            }\r\n          </mat-select>\r\n          @if (_value.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\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\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\">{{dialogData().cancelCaption}}</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], propDecorators: { f: [{ type: i0.ViewChild, args: ['f', { isSignal: true }] }], done: [{ type: i0.Output, args: ["done"] }] } });
-
-var promptDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    PromptDialogComponent: PromptDialogComponent
-});
-
-class PromptDateDialogComponent {
-    constructor() {
-        this.f = viewChild.required('f', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "f" }] : /* istanbul ignore next */ []));
-        this.done = output();
-        this.dialogService = inject(DialogService);
-        this.dialogData = signal((() => {
-            const data = inject(MAT_DIALOG_DATA) ?? {};
-            const type = (data.type === PromptDialogType.Date || data.type === PromptDialogType.DateInterval)
-                ? data.type
-                : PromptDialogType.Date;
-            return {
-                ...data,
-                appearance: data.appearance ?? 'fill',
-                title: data.title ?? 'Inserisci dato',
-                type,
-                okCaption: data.okCaption ?? 'Ok',
-                cancelCaption: data.cancelCaption ?? 'Annulla',
-            };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.value = (() => {
-            const d = this.dialogData();
-            if (d.type === PromptDialogType.DateInterval) {
-                return d.initialValue ? d.initialValue : new DateInterval();
-            }
-            return d.initialValue ? d.initialValue : undefined;
-        })();
-    }
-    /**
-     * Validates the form and emits the result, or shows an error if validation fails.
-     */
-    ok() {
-        if (this.f().form.invalid) {
-            this.dialogService.error('Ci sono degli errori da correggere.');
-            return;
-        }
-        this.done.emit({
-            value: this.dialogData().type === PromptDialogType.Date
-                ? this.value
-                : this.value,
-            type: this.dialogData().type,
-            options: this.dialogData().options
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PromptDateDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: PromptDateDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, viewQueries: [{ propertyName: "f", first: true, predicate: ["f"], descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n        @if (dialogData().type === 1) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <input matInput [matDatepicker]=\"picker\" [(ngModel)]=\"value\" name=\"_value\" #_value=\"ngModel\"\r\n            [required]=\"dialogData().required\">\r\n          <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n          <mat-datepicker #picker></mat-datepicker>\r\n          @if (_value.invalid) {\r\n          <mat-error>Data non valida.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 4) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <mat-date-range-input [rangePicker]=\"picker\" min=\"1750-01-01\" [required]=\"dialogData().required\">\r\n            <input matStartDate [(ngModel)]=\"value.from\" [dateIntervalChange]=\"value\" #rangeFrom1=\"ngModel\"\r\n              name=\"rangeFrom1\" placeholder=\"Da data\">\r\n            <input matEndDate [(ngModel)]=\"value.to\" [dateIntervalChange]=\"value\" [end]=\"true\" #rangeTo1=\"ngModel\"\r\n              name=\"rangeTo1\" placeholder=\"A data\">\r\n          </mat-date-range-input>\r\n          @if (value.from || value.to) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\" (click)=\"value.clear()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n          <mat-date-range-picker #picker></mat-date-range-picker>\r\n          @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n          <mat-error>Intervallo non valido.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n\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\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\">{{dialogData().cancelCaption}}</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i5$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i5$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i5$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i5$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: DateIntervalChangeDirective, selector: "[dateIntervalChange]", inputs: ["dateIntervalChange", "end"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PromptDateDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FormsModule, FlexLayoutModule, MatFormFieldModule, MatInputModule, MatDatepickerModule, DateIntervalChangeDirective, MatButtonModule, MatIconModule,
-                        MatCheckboxModule, MatDialogActions, MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n        @if (dialogData().type === 1) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <input matInput [matDatepicker]=\"picker\" [(ngModel)]=\"value\" name=\"_value\" #_value=\"ngModel\"\r\n            [required]=\"dialogData().required\">\r\n          <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n          <mat-datepicker #picker></mat-datepicker>\r\n          @if (_value.invalid) {\r\n          <mat-error>Data non valida.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (dialogData().type === 4) {\r\n        <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n          <mat-label>{{dialogData().description}}</mat-label>\r\n          <mat-date-range-input [rangePicker]=\"picker\" min=\"1750-01-01\" [required]=\"dialogData().required\">\r\n            <input matStartDate [(ngModel)]=\"value.from\" [dateIntervalChange]=\"value\" #rangeFrom1=\"ngModel\"\r\n              name=\"rangeFrom1\" placeholder=\"Da data\">\r\n            <input matEndDate [(ngModel)]=\"value.to\" [dateIntervalChange]=\"value\" [end]=\"true\" #rangeTo1=\"ngModel\"\r\n              name=\"rangeTo1\" placeholder=\"A data\">\r\n          </mat-date-range-input>\r\n          @if (value.from || value.to) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\" (click)=\"value.clear()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n          <mat-date-range-picker #picker></mat-date-range-picker>\r\n          @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n          <mat-error>Intervallo non valido.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n\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\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\">{{dialogData().cancelCaption}}</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}\n"] }]
-        }], propDecorators: { f: [{ type: i0.ViewChild, args: ['f', { isSignal: true }] }], done: [{ type: i0.Output, args: ["done"] }] } });
-
-var promptDateDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    PromptDateDialogComponent: PromptDateDialogComponent
-});
-
-class PromptOtpDialogComponent {
-    constructor() {
-        this.f = viewChild.required('f', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "f" }] : /* istanbul ignore next */ []));
-        this.done = output();
-        this.dialogService = inject(DialogService);
-        this.dialogData = signal((() => {
-            const data = inject(MAT_DIALOG_DATA) ?? {};
-            return {
-                ...data,
-                appearance: data.appearance ?? 'fill',
-                title: data.title ?? 'Conferma la tua identità',
-                type: data.type ?? PromptDialogType.Default,
-                okCaption: data.okCaption ?? 'Ok',
-                cancelCaption: data.cancelCaption ?? 'Annulla',
-            };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Validates the form and emits the OTP result, or shows an error if validation fails.
-     */
-    ok() {
-        if (this.f().form.invalid) {
-            this.dialogService.error('Ci sono degli errori da correggere.');
-            return;
-        }
-        this.done.emit({ value: this.value });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PromptOtpDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: PromptOtpDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, viewQueries: [{ propertyName: "f", first: true, predicate: ["f"], descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n    @if (dialogData().description) {\r\n  <div [innerHtml]=\"dialogData().description | safeHtml\" style=\"padding-bottom: 20px;\"></div>\r\n  }\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n         <otp-input name=\"otp\" [(ngModel)]=\"value\" required></otp-input>   \r\n      </div>\r\n      <br>\r\n   </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button  [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\" >{{dialogData().cancelCaption}}</button>\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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { 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: "component", type: OtpInputComponent, selector: "otp-input" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PromptOtpDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FormsModule, FlexLayoutModule, MatButtonModule, MatIconModule,
-                        MatDialogActions, MatDialogClose, SafeHtmlPipe, OtpInputComponent], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n    @if (dialogData().description) {\r\n  <div [innerHtml]=\"dialogData().description | safeHtml\" style=\"padding-bottom: 20px;\"></div>\r\n  }\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n         <otp-input name=\"otp\" [(ngModel)]=\"value\" required></otp-input>   \r\n      </div>\r\n      <br>\r\n   </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button  [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\" >{{dialogData().cancelCaption}}</button>\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: { f: [{ type: i0.ViewChild, args: ['f', { isSignal: true }] }], done: [{ type: i0.Output, args: ["done"] }] } });
-
-var promptOtpDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    PromptOtpDialogComponent: PromptOtpDialogComponent
-});
-
-class PromptTimeDialogComponent {
-    constructor() {
-        this.f = viewChild.required('f', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "f" }] : /* istanbul ignore next */ []));
-        this.done = output();
-        this.dialogService = inject(DialogService);
-        this.dialogData = signal((() => {
-            const data = inject(MAT_DIALOG_DATA) ?? {};
-            return {
-                ...data,
-                appearance: data.appearance ?? 'fill',
-                title: data.title ?? 'Inserisci dato',
-                type: PromptDialogType.Time,
-                okCaption: data.okCaption ?? 'Ok',
-                cancelCaption: data.cancelCaption ?? 'Annulla',
-            };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.value = this.dialogData().initialValue ?? undefined;
-    }
-    /**
-     * Validates the form and emits the result, or shows an error if validation fails.
-     */
-    ok() {
-        if (this.f().form.invalid) {
-            this.dialogService.error('Ci sono degli errori da correggere.');
-            return;
-        }
-        this.done.emit({ value: this.value, options: this.dialogData().options });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PromptTimeDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: PromptTimeDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, viewQueries: [{ propertyName: "f", first: true, predicate: ["f"], descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"45\" fxFlex.xs=\"100\" fxFlexAlign=\"start\">\r\n          <div>\r\n            <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n              <mat-label>{{dialogData().description}}</mat-label>\r\n              <input type=\"time\" matInput [(ngModel)]=\"value\" name=\"_value\" #_value=\"ngModel\"\r\n                [required]=\"dialogData().required\" time [slots]=\"dialogData().slots\">\r\n              @if (_value.invalid) {\r\n              <mat-error>Ora non valida.</mat-error>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"45\" fxFlex.xs=\"100\" fxFlexAlign=\"start\">\r\n          @if(this.dialogData().slots) {\r\n          <div class=\"small bold uppercase\">Orari disponibili:</div>\r\n          <ul class=\"small\">\r\n            @for (s of this.dialogData().slots.replaceAll('-', ' - ').split('|'); track $index) {\r\n            <li>{{s}}</li>\r\n            }\r\n          </ul>\r\n          }\r\n        </div>\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\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\">{{dialogData().cancelCaption}}</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$2.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: "directive", type: TimeValidatorDirective, selector: "[time]", inputs: ["slots"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PromptTimeDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FormsModule, FlexLayoutModule,
-                        MatFormFieldModule, MatInputModule, MatButtonModule, MatIconModule, MatCheckboxModule,
-                        MatDialogActions, MatDialogClose, TimeValidatorDirective, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"45\" fxFlex.xs=\"100\" fxFlexAlign=\"start\">\r\n          <div>\r\n            <mat-form-field [appearance]=\"dialogData().appearance\" style=\"width: 100%;\">\r\n              <mat-label>{{dialogData().description}}</mat-label>\r\n              <input type=\"time\" matInput [(ngModel)]=\"value\" name=\"_value\" #_value=\"ngModel\"\r\n                [required]=\"dialogData().required\" time [slots]=\"dialogData().slots\">\r\n              @if (_value.invalid) {\r\n              <mat-error>Ora non valida.</mat-error>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"45\" fxFlex.xs=\"100\" fxFlexAlign=\"start\">\r\n          @if(this.dialogData().slots) {\r\n          <div class=\"small bold uppercase\">Orari disponibili:</div>\r\n          <ul class=\"small\">\r\n            @for (s of this.dialogData().slots.replaceAll('-', ' - ').split('|'); track $index) {\r\n            <li>{{s}}</li>\r\n            }\r\n          </ul>\r\n          }\r\n        </div>\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\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\">{{dialogData().cancelCaption}}</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}\n"] }]
-        }], propDecorators: { f: [{ type: i0.ViewChild, args: ['f', { isSignal: true }] }], done: [{ type: i0.Output, args: ["done"] }] } });
-
-var promptTimeDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    PromptTimeDialogComponent: PromptTimeDialogComponent
-});
-
-class SelectDialogComponent {
-    constructor() {
-        this.paginator = viewChild.required('paginator', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "paginator" }] : /* istanbul ignore next */ []));
-        this.selection = viewChild.required("selection", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
-        this.isViewReady = false;
-        this.dialogRef = inject((MatDialogRef));
-        this.cdr = inject(ChangeDetectorRef);
-        this.dialogData = signal((() => {
-            const data = inject(MAT_DIALOG_DATA) ?? {};
-            return {
-                ...data,
-                appearance: data.appearance ?? 'outline',
-                title: data.title ?? 'Seleziona',
-                okCaption: data.okCaption ?? 'Ok',
-                multipleSelection: data.multipleSelection ?? false,
-                items: data.canLookup ? [] : (data.items ?? []),
-                pageSize: data.canLookup && data.canPaginate && !data.pageSize ? 100 : data.pageSize,
-            };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.done = output();
-        this.edit = output();
-        this.view = output();
-        this.append = output();
-        this.delete = output();
-        this.lookup = output();
-        this.lookupOptions = output();
-        this.filter = output();
-        this.canEdit = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
-        this.canView = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canView" }] : /* istanbul ignore next */ []));
-        this.canAppend = signal(this.dialogData().canAppend ?? false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canAppend" }] : /* istanbul ignore next */ []));
-        this.canDelete = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canDelete" }] : /* istanbul ignore next */ []));
-        this.canPaginate = signal(this.dialogData().canPaginate ?? false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canPaginate" }] : /* istanbul ignore next */ []));
-        // Handle submit button activity
-        this.okDisabled = signal(this.dialogData().mustSelect ?? true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "okDisabled" }] : /* istanbul ignore next */ []));
-        // Used for array filtering
-        this.filterMetadata = { total: 0, count: 0 };
-        this.filterText = "";
-        this.filterOptions = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterOptions" }] : /* istanbul ignore next */ []));
-        this.filterOptionsInfo = signal("Tutto", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterOptionsInfo" }] : /* istanbul ignore next */ []));
-        // Used to sincronize lookup fields and params
-        this.lookupField = "";
-        // Used to display selected elements
-        this.selectionInfo = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selectionInfo" }] : /* istanbul ignore next */ []));
-        this.selectionMasterIndeterminate = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selectionMasterIndeterminate" }] : /* istanbul ignore next */ []));
-        this.selectionMasterChecked = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selectionMasterChecked" }] : /* istanbul ignore next */ []));
-        this.total = signal(this.dialogData().items?.length ?? 0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
-        const d = this.dialogData();
-        if (d.canLookup) {
-            if (d.lookupFields?.length) {
-                this.lookupField = d.lookupFields[0].value;
-            }
-            if (d.canFilter) {
-                this.filterOptions.set(d.filters ?? []);
-            }
-        }
-        afterNextRender(() => {
-            this.isViewReady = true;
-            const selectedOption = this.filterOptions().find(x => x.checked);
-            if (selectedOption) {
-                this.applyFilterByOptions(selectedOption);
-            }
-            if (d.lookupOnInit) {
-                this.applyFilter();
-            }
-        });
-    }
-    /**
-     * Updates the total item count signal, triggering UI refresh.
-     * @param newTotal - The new total count; defaults to 0 if omitted.
-     */
-    notifyChanges(newTotal) {
-        this.total.set(newTotal ?? 0);
-        this.cdr.markForCheck();
-    }
-    /** Returns `true` when every list item is currently selected. */
-    isAllSelected() {
-        return this.selection().selectedOptions.selected.length === this.dialogData().items.length;
-    }
-    /** Returns `true` when at least one list item is selected. */
-    hasSelection() {
-        return this.selection().selectedOptions.selected.length > 0;
-    }
-    /**
-     * Selects or deselects all items based on the master checkbox state.
-     * @param e - The checkbox change event.
-     */
-    masterSelectionToggle(e) {
-        if (e.checked)
-            // Deselect if not allselected so that toggle makes the right choice
-            this.selection().selectAll();
-        else
-            this.selection().deselectAll();
-        this.selectionMasterIndeterminate.set(false);
-        this.selectionMasterChecked.set(e.checked);
-        const selection = this.selection();
-        this.okDisabled.set(!!(this.dialogData().mustSelect &&
-            selection.selectedOptions.selected.length === 0));
-        this.updateSelectionInfo();
-    }
-    /**
-     * Handles selection or deselection of a list item.
-     * @param e - The selection list change event.
-     */
-    select(e) {
-        const selection = this.selection();
-        if (!this.dialogData().multipleSelection) {
-            this.selection().deselectAll();
-            if (e.options?.length > 0)
-                e.options[0].selected = true;
-            this.okDisabled.set(false);
-        }
-        else {
-            this.okDisabled.set(!!(this.dialogData().mustSelect &&
-                selection.selectedOptions.selected.length === 0));
-        }
-        // Update editors
-        this.canEdit.set(!!(this.dialogData().canEdit &&
-            selection.selectedOptions.selected.length === 1));
-        this.canView.set(!!(this.dialogData().canView &&
-            selection.selectedOptions.selected.length === 1));
-        this.canDelete.set(!!(this.dialogData().canDelete &&
-            selection.selectedOptions.selected.length > 0));
-        this.selectionMasterIndeterminate.set(!this.isAllSelected() && this.hasSelection());
-        this.selectionMasterChecked.set(this.hasSelection());
-        this.updateSelectionInfo();
-    }
-    /** Refreshes the selection info label shown in the dialog footer. */
-    updateSelectionInfo() {
-        const selection = this.selection();
-        if (selection.selectedOptions.selected.length > 0 && this.dialogData().multipleSelection) {
-            this.selectionInfo.set(selection.selectedOptions.selected.length +
-                " / " +
-                selection.options.length);
-        }
-        else {
-            this.selectionInfo.set(null);
-        }
-    }
-    /** Deselects all items and resets the master checkbox state. */
-    clearSelection() {
-        this.selectionMasterIndeterminate.set(false);
-        this.selectionMasterChecked.set(false);
-        if (this.isViewReady) {
-            this.selection().deselectAll();
-        }
-        this.selectionInfo.set(null);
-    }
-    /** Emits the current selection and closes the dialog. */
-    ok() {
-        if (!this.okDisabled()) {
-            const selectedItems = [];
-            this.selection().selectedOptions.selected.forEach((element) => {
-                selectedItems.push(element.value);
-            });
-            this.done.emit({ selectedItems: selectedItems });
-            setTimeout(() => {
-                this.dialogRef.close();
-            }, 500);
-        }
-    }
-    /** Clears the current filter text input. */
-    clearFilter() {
-        this.filterText = "";
-    }
-    /**
-     * Sets the filter text programmatically.
-     * @param text - The new filter string to apply.
-     */
-    setFilter(text) {
-        this.filterText = text;
-        this.cdr.markForCheck();
-    }
-    /**
-     * Returns the current filter text.
-     * @returns The active filter string.
-     */
-    getFilter() {
-        return this.filterText;
-    }
-    /** Emits the `lookupOptions` output event to open the filter options panel. */
-    showFilterOptions() {
-        if (this.lookupOptions) {
-            this.lookupOptions.emit();
-        }
-    }
-    /**
-     * Applies the given text filter, emitting a lookup when enabled.
-     * @param text - Optional filter string; populates `filterText` when provided.
-     * @param e - Optional keyboard event; lookup only fires on Enter.
-     */
-    doFilter(text, e) {
-        if (text) {
-            this.filterText = text;
-        }
-        if (this.dialogData().canLookup) {
-            if (!e || e.key === 'Enter') {
-                this.applyFilter();
-            }
-        }
-    }
-    /**
-     * Applies the current filter text, emitting a lookup event.
-     */
-    applyFilter() {
-        this.clearSelection();
-        this.lookup.emit({ items: this.dialogData().items, filter: this.filterText, owner: this });
-    }
-    /**
-     * Applies a structured filter option, emitting the filter output event.
-     * @param filterOption - The selected filter option object.
-     */
-    applyFilterByOptions(filterOption) {
-        if (this.dialogData().canLookup && this.dialogData().canFilter) {
-            this.filter.emit({
-                items: this.dialogData().items,
-                filter: this.filterText,
-                filterOption: filterOption,
-                owner: this,
-            });
-            this.filterOptionsInfo.set(filterOption ? (filterOption.title ?? "Tutto") : "Tutto");
-        }
-    }
-    /**
-     * Applies a structured filter option, emitting the filter output event.
-     * @param filterOption - The selected filter option object.
-     * @param apply - Optional flag to immediately apply the filter.
-     */
-    doFilterByOptions(filterOption, apply) {
-        this.applyFilterByOptions(filterOption);
-        if (apply) {
-            setTimeout(() => {
-                this.doFilter();
-            }, 250);
-        }
-    }
-    /**
-     * Triggers a server-side lookup with the given parameters (public API).
-     * @param params - An object containing the lookup query parameters.
-     */
-    doLookup(params) {
-        if (this.dialogData().canLookup) {
-            this.clearSelection();
-            this.lookupParams = params;
-            this.lookupParams.first = 0;
-            this.lookup.emit({ items: this.dialogData().items, params: this.lookupParams, owner: this });
-        }
-    }
-    /**
-     * Updates the paginator length and resets it to the first page.
-     * @param total - The new total number of items.
-     */
-    updateLookupPaginator(total) {
-        if (this.canPaginate()) {
-            const paginator = this.paginator();
-            if (paginator) {
-                paginator.pageIndex = 0;
-                paginator.length = total ?? 0;
-            }
-        }
-    }
-    /**
-     * Handles a paginator page change and triggers a new lookup.
-     * @param e - The paginator page change event.
-     */
-    doLookupPage(e) {
-        if (this.canPaginate() && this.dialogData().canLookup) {
-            this.clearSelection();
-            if (!this.lookupParams) {
-                this.lookupParams = { first: 0, count: this.dialogData().pageSize ?? 0 };
-            }
-            this.lookupParams.first = e.pageIndex * (this.dialogData().pageSize ?? 0);
-            this.lookup.emit({ items: this.dialogData().items, params: this.lookupParams, owner: this });
-        }
-    }
-    /** Emits the `append` output event to open the add-item flow. */
-    doAppend() {
-        this.append.emit({ items: this.dialogData().items, owner: this });
-    }
-    /** Emits the `edit` output event for the currently selected item. */
-    doEdit() {
-        const selection = this.selection();
-        if (selection.selectedOptions.selected?.length > 0) {
-            this.edit.emit({
-                item: selection.selectedOptions.selected[0].value,
-                items: this.dialogData().items,
-                owner: this
-            });
-        }
-    }
-    /** Emits the `view` output event for the currently selected item. */
-    doView() {
-        const selection = this.selection();
-        if (selection.selectedOptions.selected?.length > 0) {
-            this.view.emit(selection.selectedOptions.selected[0].value);
-        }
-    }
-    /** Emits the `delete` output event with all currently selected items. */
-    doDelete() {
-        const selectedItems = [];
-        this.selection().selectedOptions.selected.forEach((element) => {
-            selectedItems.push(element.value);
-        });
-        this.delete.emit({
-            items: this.dialogData().items,
-            selectedItems: selectedItems,
-        });
-        this.canDelete.set(false);
-        this.canEdit.set(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SelectDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done", edit: "edit", view: "view", append: "append", delete: "delete", lookup: "lookup", lookupOptions: "lookupOptions", filter: "filter" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: ["paginator"], descendants: true, isSignal: true }, { propertyName: "selection", first: true, predicate: ["selection"], descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<div style=\"padding: 0 24px\">\r\n  @if (dialogData().description) {\r\n  <div class=\"select-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\r\n  }\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n      @if (!dialogData().canLookupWithOptions) {\r\n      <div fxFlex>\r\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\r\n          <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\r\n          <input type=\"text\" (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation(); doFilter()\" matInput\r\n            title=\"{{dialogData().canLookup ? 'Digita il testo e premi invio' : 'Digita il testo'}}\"\r\n            [(ngModel)]=\"filterText\">\r\n          @if (filterText) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (dialogData().canLookupWithInlineOptions) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Ricerca\"\r\n            (click)=\"showFilterOptions()\" matTooltip=\"Opzioni di ricerca\">\r\n            <mat-icon>tune</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      }\r\n      @if (!dialogData().canLookupWithOptions && dialogData().canLookup && dialogData().lookupFields) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Come...</mat-label>\r\n          <mat-select [(value)]=\"lookupField\">\r\n            @for (field of dialogData().lookupFields; track $index) {\r\n            <mat-option [value]=\"field.value\">\r\n              {{field.name}}\r\n            </mat-option>\r\n            }\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      }\r\n      @if (dialogData().canLookupWithOptions) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button aria-label=\"Ricerca\" (click)=\"showFilterOptions()\">\r\n          <mat-icon>search</mat-icon> {{this.dialogData().searchButtonLabel ?? 'Ricerca'}}\r\n        </button>\r\n      </div>\r\n      }\r\n      @if (dialogData().canLookup && dialogData().canFilter) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <button type=\"button\" mat-button matTooltip=\"Filtra\" [attr.aria-label]=\"'Filtra'\"\r\n          [matMenuTriggerFor]=\"menuFilter\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"5px\">\r\n            <div><mat-icon>filter_alt</mat-icon></div>\r\n            <div>{{filterOptionsInfo()}}</div>\r\n            <div><mat-icon class=\"icon-menu-drop-down\">\r\n                arrow_drop_down</mat-icon></div>\r\n          </div>\r\n        </button>\r\n        <mat-menu #menuFilter=\"matMenu\" class=\"mat-menu-300\">\r\n          @for (f of filterOptions(); track $index) {\r\n          @if (f.divider) {\r\n          <mat-divider></mat-divider>\r\n          }\r\n          @if (f.groupName) {\r\n          <span style='font-size:small; padding: 2px 4px;'><i><b>{{f.groupName}}</b></i></span>\r\n          }\r\n          @if (!f.groupName && !f.divider) {\r\n          <button mat-menu-item (click)=\"doFilterByOptions(f, true)\" [attr.aria-label]=\"f.description\">\r\n            @if (f.radio && f.value) {\r\n            <span style=\"padding-left:40px\"></span>\r\n            }\r\n            <mat-icon>{{f.icon}}</mat-icon> {{f.title}}\r\n          </button>\r\n          }\r\n\r\n          }\r\n        </mat-menu>\r\n      </div>\r\n      }\r\n      @if (canEdit() || canAppend() || canView() || canDelete()) {\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"5px\">\r\n        <div fxFlex fxHide.lt-md>\r\n          @if (canAppend()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\r\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canEdit()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doEdit()\">\r\n            <mat-icon aria-label=\"Modifica\" matTooltip=\"Modifica\">edit</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canView()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doView()\">\r\n            <mat-icon aria-label=\"Mostra\" matTooltip=\"Mostra\">visibility</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canDelete()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doDelete()\">\r\n            <mat-icon aria-label=\"Elimina\" matTooltip=\"Elimina\">delete</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        <div fxFlex fxHide.gt-sm>\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azioni\" [attr.aria-label]=\"'Azioni'\"\r\n            [matMenuTriggerFor]=\"menuActions\">\r\n            <mat-icon>more_vert</mat-icon>\r\n          </button>\r\n          <mat-menu #menuActions=\"matMenu\" class=\"mat-menu-300\">\r\n            @if (canAppend()) {\r\n            <button mat-menu-item (click)=\"doAppend()\" [attr.aria-label]=\"'Aggiungi'\">\r\n              <mat-icon>add</mat-icon> Aggiungi\r\n            </button>\r\n            }\r\n            @if (canEdit()) {\r\n            <button mat-menu-item (click)=\"doEdit()\" [attr.aria-label]=\"'Modifica'\">\r\n              <mat-icon>edit</mat-icon> Modifica\r\n            </button>\r\n            }\r\n            @if (canView()) {\r\n            <button mat-menu-item (click)=\"doView()\" [attr.aria-label]=\"'Mostra'\">\r\n              <mat-icon>visibility</mat-icon> Mostra\r\n            </button>\r\n            }\r\n            @if (canDelete()) {\r\n            <button mat-menu-item (click)=\"doDelete()\" [attr.aria-label]=\"'Elimina'\">\r\n              <mat-icon>delete</mat-icon> Elimina\r\n            </button>\r\n            }\r\n          </mat-menu>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n  @if ((dialogData().multipleSelection || dialogData().header) && dialogData().items?.length > 0) {\r\n  <div>\r\n    <div fxLayout=\"row\" fxFill style=\"padding-top: 10px;\">\r\n      @if (dialogData().multipleSelection) {\r\n      <div fxFlex=\"64px\" fxFlexAlign=\"center\" style=\"padding-left: 8px;\">\r\n        <mat-checkbox (change)=\"$event ? masterSelectionToggle($event) : null\"\r\n          [indeterminate]=\"selectionMasterIndeterminate()\" [checked]=\"selectionMasterChecked()\"\r\n          [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\">\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n        @if (dialogData().header) {\r\n        <div class=\"text\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n<mat-dialog-content style=\"padding-top:0\">\r\n  <div fxLayout=\"column\" fxFill>\r\n    @if (dialogData().canLookup && (!dialogData().items || dialogData().items.length == 0)) {\r\n    <div class=\"text message\"><i>\r\n        @if (!dialogData().emptyMessage) {\r\n        <span>Nessun elemento da visualizzare.<br>Esegui una nuova ricerca o modifica quella\r\n          esistente.\r\n          @if (dialogData().maxItems > 0) {\r\n          <span>Saranno mostrati al massimo {{dialogData().maxItems}} elementi.</span>\r\n          }\r\n        </span>\r\n        } @else {\r\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\r\n        }\r\n      </i>\r\n    </div>\r\n    }\r\n    <mat-selection-list #selection (selectionChange)=\"select($event)\" dense hideSingleSelectionIndicator=\"true\"\r\n      [multiple]=\"dialogData().multipleSelection\">\r\n      @for (item of (dialogData().items | search: (!dialogData().canLookup ? filterText : ''): filterMetadata); track\r\n      $index) {\r\n      <mat-list-option [value]=\"item\" [selected]=\"item.selected\" togglePosition=\"before\">\r\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\r\n      </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"column\" fxFill>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\r\n      <div class=\"secondary\" style=\"padding-left:20px\">\r\n        @if (selectionInfo()) {\r\n        <span class=\"bold\">{{selectionInfo()}}</span>&nbsp; <span class=\"small\"> elementi selezionati</span>\r\n        } @else {\r\n        <span class=\"bold\">{{(dialogData().canLookup ? total() : (filterText ? filterMetadata.count : total())) ??\r\n          0}}</span>&nbsp; <span class=\"small\"> elementi</span>\r\n        }\r\n      </div>\r\n      <div fxFlexAlign=\"center\">\r\n        @if (canPaginate()) {\r\n        <mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"dialogData().pageSize\" [showFirstLastButtons]=\"true\"\r\n          (page)=\"doLookupPage($event)\" [length]=\"total() ?? 0\"></mat-paginator>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"okDisabled()\">\r\n        <span>{{dialogData().mustSelect ? dialogData().okCaption : 'Chiudi'}}</span>\r\n      </button>\r\n      @if (dialogData().mustSelect) {\r\n      <button mat-stroked-button mat-dialog-close>\r\n        <span>Annulla</span>\r\n      </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}::ng-deep .mdc-list-item__primary-text,.mdc-list-item__content{white-space:normal!important}::ng-deep .mdc-list-item.mdc-list-item--with-one-line{height:unset!important;min-height:48px!important}.select-description{padding:0 24px 24px}.mat-mdc-form-field-icon-suffix{padding-right:8px!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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$1.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$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.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: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i10.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i12.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i12.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i13.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "pipe", type: SearchFilterPipe, name: "search" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectDialogComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        FlexLayoutModule,
-                        MatDialogTitle,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        FormsModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatSelectModule,
-                        MatOptionModule,
-                        MatTooltipModule,
-                        MatMenuModule,
-                        MatDividerModule,
-                        MatCheckboxModule,
-                        MatDialogContent,
-                        MatListModule,
-                        MatDialogActions,
-                        MatDialogClose,
-                        MatPaginatorModule,
-                        SearchFilterPipe,
-                        SafeHtmlPipe
-                    ], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<div style=\"padding: 0 24px\">\r\n  @if (dialogData().description) {\r\n  <div class=\"select-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\r\n  }\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n      @if (!dialogData().canLookupWithOptions) {\r\n      <div fxFlex>\r\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\r\n          <mat-label>{{dialogData().searchLabel ?? 'Cerca...'}}</mat-label>\r\n          <input type=\"text\" (keyup.enter)=\"$event.preventDefault(); $event.stopPropagation(); doFilter()\" matInput\r\n            title=\"{{dialogData().canLookup ? 'Digita il testo e premi invio' : 'Digita il testo'}}\"\r\n            [(ngModel)]=\"filterText\">\r\n          @if (filterText) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"clearFilter()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (dialogData().canLookupWithInlineOptions) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Ricerca\"\r\n            (click)=\"showFilterOptions()\" matTooltip=\"Opzioni di ricerca\">\r\n            <mat-icon>tune</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      }\r\n      @if (!dialogData().canLookupWithOptions && dialogData().canLookup && dialogData().lookupFields) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <mat-form-field style='width:100%' [appearance]=\"dialogData().appearance\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Come...</mat-label>\r\n          <mat-select [(value)]=\"lookupField\">\r\n            @for (field of dialogData().lookupFields; track $index) {\r\n            <mat-option [value]=\"field.value\">\r\n              {{field.name}}\r\n            </mat-option>\r\n            }\r\n          </mat-select>\r\n        </mat-form-field>\r\n      </div>\r\n      }\r\n      @if (dialogData().canLookupWithOptions) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button aria-label=\"Ricerca\" (click)=\"showFilterOptions()\">\r\n          <mat-icon>search</mat-icon> {{this.dialogData().searchButtonLabel ?? 'Ricerca'}}\r\n        </button>\r\n      </div>\r\n      }\r\n      @if (dialogData().canLookup && dialogData().canFilter) {\r\n      <div fxFlex fxHide.lt-md>\r\n        <button type=\"button\" mat-button matTooltip=\"Filtra\" [attr.aria-label]=\"'Filtra'\"\r\n          [matMenuTriggerFor]=\"menuFilter\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"5px\">\r\n            <div><mat-icon>filter_alt</mat-icon></div>\r\n            <div>{{filterOptionsInfo()}}</div>\r\n            <div><mat-icon class=\"icon-menu-drop-down\">\r\n                arrow_drop_down</mat-icon></div>\r\n          </div>\r\n        </button>\r\n        <mat-menu #menuFilter=\"matMenu\" class=\"mat-menu-300\">\r\n          @for (f of filterOptions(); track $index) {\r\n          @if (f.divider) {\r\n          <mat-divider></mat-divider>\r\n          }\r\n          @if (f.groupName) {\r\n          <span style='font-size:small; padding: 2px 4px;'><i><b>{{f.groupName}}</b></i></span>\r\n          }\r\n          @if (!f.groupName && !f.divider) {\r\n          <button mat-menu-item (click)=\"doFilterByOptions(f, true)\" [attr.aria-label]=\"f.description\">\r\n            @if (f.radio && f.value) {\r\n            <span style=\"padding-left:40px\"></span>\r\n            }\r\n            <mat-icon>{{f.icon}}</mat-icon> {{f.title}}\r\n          </button>\r\n          }\r\n\r\n          }\r\n        </mat-menu>\r\n      </div>\r\n      }\r\n      @if (canEdit() || canAppend() || canView() || canDelete()) {\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"5px\">\r\n        <div fxFlex fxHide.lt-md>\r\n          @if (canAppend()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\r\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canEdit()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doEdit()\">\r\n            <mat-icon aria-label=\"Modifica\" matTooltip=\"Modifica\">edit</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canView()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doView()\">\r\n            <mat-icon aria-label=\"Mostra\" matTooltip=\"Mostra\">visibility</mat-icon>\r\n          </button>\r\n          }\r\n          @if (canDelete()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doDelete()\">\r\n            <mat-icon aria-label=\"Elimina\" matTooltip=\"Elimina\">delete</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        <div fxFlex fxHide.gt-sm>\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azioni\" [attr.aria-label]=\"'Azioni'\"\r\n            [matMenuTriggerFor]=\"menuActions\">\r\n            <mat-icon>more_vert</mat-icon>\r\n          </button>\r\n          <mat-menu #menuActions=\"matMenu\" class=\"mat-menu-300\">\r\n            @if (canAppend()) {\r\n            <button mat-menu-item (click)=\"doAppend()\" [attr.aria-label]=\"'Aggiungi'\">\r\n              <mat-icon>add</mat-icon> Aggiungi\r\n            </button>\r\n            }\r\n            @if (canEdit()) {\r\n            <button mat-menu-item (click)=\"doEdit()\" [attr.aria-label]=\"'Modifica'\">\r\n              <mat-icon>edit</mat-icon> Modifica\r\n            </button>\r\n            }\r\n            @if (canView()) {\r\n            <button mat-menu-item (click)=\"doView()\" [attr.aria-label]=\"'Mostra'\">\r\n              <mat-icon>visibility</mat-icon> Mostra\r\n            </button>\r\n            }\r\n            @if (canDelete()) {\r\n            <button mat-menu-item (click)=\"doDelete()\" [attr.aria-label]=\"'Elimina'\">\r\n              <mat-icon>delete</mat-icon> Elimina\r\n            </button>\r\n            }\r\n          </mat-menu>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n  @if ((dialogData().multipleSelection || dialogData().header) && dialogData().items?.length > 0) {\r\n  <div>\r\n    <div fxLayout=\"row\" fxFill style=\"padding-top: 10px;\">\r\n      @if (dialogData().multipleSelection) {\r\n      <div fxFlex=\"64px\" fxFlexAlign=\"center\" style=\"padding-left: 8px;\">\r\n        <mat-checkbox (change)=\"$event ? masterSelectionToggle($event) : null\"\r\n          [indeterminate]=\"selectionMasterIndeterminate()\" [checked]=\"selectionMasterChecked()\"\r\n          [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\">\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n        @if (dialogData().header) {\r\n        <div class=\"text\" [innerHtml]=\"dialogData().header | safeHtml\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n<mat-dialog-content style=\"padding-top:0\">\r\n  <div fxLayout=\"column\" fxFill>\r\n    @if (dialogData().canLookup && (!dialogData().items || dialogData().items.length == 0)) {\r\n    <div class=\"text message\"><i>\r\n        @if (!dialogData().emptyMessage) {\r\n        <span>Nessun elemento da visualizzare.<br>Esegui una nuova ricerca o modifica quella\r\n          esistente.\r\n          @if (dialogData().maxItems > 0) {\r\n          <span>Saranno mostrati al massimo {{dialogData().maxItems}} elementi.</span>\r\n          }\r\n        </span>\r\n        } @else {\r\n        <span [innerHtml]=\"dialogData().emptyMessage | safeHtml\"></span>\r\n        }\r\n      </i>\r\n    </div>\r\n    }\r\n    <mat-selection-list #selection (selectionChange)=\"select($event)\" dense hideSingleSelectionIndicator=\"true\"\r\n      [multiple]=\"dialogData().multipleSelection\">\r\n      @for (item of (dialogData().items | search: (!dialogData().canLookup ? filterText : ''): filterMetadata); track\r\n      $index) {\r\n      <mat-list-option [value]=\"item\" [selected]=\"item.selected\" togglePosition=\"before\">\r\n        <div [innerHtml]=\"item.template | safeHtml\"></div>\r\n      </mat-list-option>\r\n      }\r\n    </mat-selection-list>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"column\" fxFill>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\" fxFill>\r\n      <div class=\"secondary\" style=\"padding-left:20px\">\r\n        @if (selectionInfo()) {\r\n        <span class=\"bold\">{{selectionInfo()}}</span>&nbsp; <span class=\"small\"> elementi selezionati</span>\r\n        } @else {\r\n        <span class=\"bold\">{{(dialogData().canLookup ? total() : (filterText ? filterMetadata.count : total())) ??\r\n          0}}</span>&nbsp; <span class=\"small\"> elementi</span>\r\n        }\r\n      </div>\r\n      <div fxFlexAlign=\"center\">\r\n        @if (canPaginate()) {\r\n        <mat-paginator #paginator [hidePageSize]=\"true\" [pageSize]=\"dialogData().pageSize\" [showFirstLastButtons]=\"true\"\r\n          (page)=\"doLookupPage($event)\" [length]=\"total() ?? 0\"></mat-paginator>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"okDisabled()\">\r\n        <span>{{dialogData().mustSelect ? dialogData().okCaption : 'Chiudi'}}</span>\r\n      </button>\r\n      @if (dialogData().mustSelect) {\r\n      <button mat-stroked-button mat-dialog-close>\r\n        <span>Annulla</span>\r\n      </button>\r\n      }\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}::ng-deep .mdc-list-item__primary-text,.mdc-list-item__content{white-space:normal!important}::ng-deep .mdc-list-item.mdc-list-item--with-one-line{height:unset!important;min-height:48px!important}.select-description{padding:0 24px 24px}.mat-mdc-form-field-icon-suffix{padding-right:8px!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { paginator: [{ type: i0.ViewChild, args: ['paginator', { isSignal: true }] }], selection: [{ type: i0.ViewChild, args: ["selection", { isSignal: true }] }], done: [{ type: i0.Output, args: ["done"] }], edit: [{ type: i0.Output, args: ["edit"] }], view: [{ type: i0.Output, args: ["view"] }], append: [{ type: i0.Output, args: ["append"] }], delete: [{ type: i0.Output, args: ["delete"] }], lookup: [{ type: i0.Output, args: ["lookup"] }], lookupOptions: [{ type: i0.Output, args: ["lookupOptions"] }], filter: [{ type: i0.Output, args: ["filter"] }] } });
-
-var selectDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SelectDialogComponent: SelectDialogComponent
-});
-
-class SelectFileDialogComponent {
-    constructor() {
-        this.done = output();
-        this.dialogService = inject(DialogService);
-        this.dialogRef = inject((MatDialogRef));
-        this.dialogData = signal(inject(MAT_DIALOG_DATA) ?? {}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.file = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []));
-        this.fileClass = signal('selectfile-file', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileClass" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Handles the native file input change event and delegates to `selectFile`.
-     * @param e - The DOM change event from the file input.
-     */
-    update(e) {
-        const input = e.target;
-        if (input.files?.length) {
-            this.selectFile(input.files[0]);
-        }
-    }
-    /**
-     * Validates and sets the selected file, showing an error if size or type constraints are violated.
-     * @param file - The `File` object to validate and store.
-     */
-    selectFile(file) {
-        const data = this.dialogData();
-        const maxSize = data.maxSize ?? 0;
-        if (maxSize > 0) {
-            const size = file.size / 1048576;
-            if (size > maxSize) {
-                this.dialogService.error(`File troppo grande (massimo ${SystemUtils.formatFileSize(maxSize * 1048576)})`);
-                return;
-            }
-        }
-        if (data.accept) {
-            const accept = data.accept.toLowerCase();
-            const a = file.name.split('.').pop()?.toLowerCase();
-            let b = file.type.toLowerCase();
-            if (b.startsWith('image/') && accept.includes('image/*')) {
-                b = 'image/*';
-            }
-            else if (b.startsWith('video/') && accept.includes('video/*')) {
-                b = 'video/*';
-            }
-            else if (b.startsWith('audio/') && accept.includes('audio/*')) {
-                b = 'audio/*';
-            }
-            if (!accept.includes(a ?? '') && !accept.includes(b)) {
-                this.dialogService.error(`Sono accettati solo questi tipi di file: ${accept}`);
-                return;
-            }
-        }
-        this.file.set(file);
-    }
-    /**
-     * Formats a byte count into a human-readable size string.
-     * @param size - File size in bytes.
-     * @returns A formatted size string (e.g. "1.2 MB").
-     */
-    size(size) {
-        return SystemUtils.formatFileSize(size);
-    }
-    /** Emits the selected file and options, then closes the dialog. */
-    ok() {
-        this.done.emit({ file: this.file(), options: this.dialogData().options });
-        setTimeout(() => {
-            this.dialogRef.close();
-        }, 500);
-    }
-    /** Highlights the drop zone when a drag enters the area.
-     * @param e - The drag event.
-     */
-    onDragOver(e) {
-        this.fileClass.set('selectfile-file-drop');
-        e.preventDefault();
-    }
-    /** Highlights the drop zone when a dragged item enters.
-     * @param e - The drag event.
-     */
-    onDragEnter(e) {
-        this.fileClass.set('selectfile-file-drop');
-        e.preventDefault();
-    }
-    /** Resets the drop zone style when dragging ends.
-     * @param e - The drag event.
-     */
-    onDragEnd(e) {
-        this.fileClass.set('selectfile-file');
-        e.preventDefault();
-    }
-    /** Resets the drop zone style when a dragged item leaves the area.
-     * @param e - The drag event.
-     */
-    onDragLeave(e) {
-        this.fileClass.set('selectfile-file');
-        e.preventDefault();
-    }
-    /**
-     * Handles a file drop event, extracting and processing the dropped files.
-     * @param e - The drop event.
-     */
-    onDrop(e) {
-        this.fileClass.set('selectfile-file');
-        e.preventDefault();
-        e.stopPropagation();
-        if (e.dataTransfer?.files?.length) {
-            this.addFiles(e.dataTransfer.files);
-        }
-    }
-    /**
-     * Picks the first file from the list and passes it to `selectFile`.
-     * @param files - The `FileList` from the drag-and-drop event.
-     */
-    addFiles(files) {
-        if (files.length > 0) {
-            this.selectFile(files[0]);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectFileDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SelectFileDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectfile-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui il file o selezionalo</i></div>\n        <div>\n          <input #_file type=\"file\" [accept]=\"dialogData().accept\" [hidden]=\"true\" (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\" fxLayoutGap=\"5px\" fxLayoutAlign=\"center center\" fxFill>\n            <div class=\"small accent bold\"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni: <i>{{size(file().size)}}</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n      @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\" name=\"opt_{{i}}\">\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n    <div fxFlex=\"50\">\n      @if (dialogData().helpLink) {\n      <a mat-stroked-button href=\"{{dialogData().helpLink}}\" target=\"_blank\">{{dialogData().helpCaption}}</a>\n      }\n    </div>\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\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}}.selectfile-file,.selectfile-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectfile-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectfile-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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$1.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: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectFileDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FlexLayoutModule, MatButtonModule, MatCheckboxModule, FormsModule,
-                        MatDialogActions, MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectfile-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui il file o selezionalo</i></div>\n        <div>\n          <input #_file type=\"file\" [accept]=\"dialogData().accept\" [hidden]=\"true\" (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\" fxLayoutGap=\"5px\" fxLayoutAlign=\"center center\" fxFill>\n            <div class=\"small accent bold\"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni: <i>{{size(file().size)}}</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n      @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\" name=\"opt_{{i}}\">\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>\n    }\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\n    <div fxFlex=\"50\">\n      @if (dialogData().helpLink) {\n      <a mat-stroked-button href=\"{{dialogData().helpLink}}\" target=\"_blank\">{{dialogData().helpCaption}}</a>\n      }\n    </div>\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\n      <button mat-flat-button (click)=\"ok()\" [disabled]=\"!file()\">{{dialogData().okCaption}}</button>\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\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}}.selectfile-file,.selectfile-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectfile-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectfile-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], propDecorators: { done: [{ type: i0.Output, args: ["done"] }] } });
-
-var selectFileDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SelectFileDialogComponent: SelectFileDialogComponent
-});
-
-class SelectPictureDialogComponent {
-    constructor() {
-        this.done = output();
-        this.dialogService = inject(DialogService);
-        this.dialogRef = inject((MatDialogRef));
-        this.dialogData = signal(inject(MAT_DIALOG_DATA) ?? {}, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.file = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []));
-        this.fileClass = signal('selectpicture-file', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileClass" }] : /* istanbul ignore next */ []));
-        this.pictureWidth = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "pictureWidth" }] : /* istanbul ignore next */ []));
-        this.pictureHeight = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "pictureHeight" }] : /* istanbul ignore next */ []));
-        this.picturePreview = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "picturePreview" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Handles the native file input change event and delegates to `selectFile`.
-     * @param e - The DOM change event from the file input.
-     */
-    update(e) {
-        const input = e.target;
-        if (input.files?.length) {
-            this.selectFile(input.files[0]);
-        }
-    }
-    /**
-     * Validates the file size and type, then reads it as a data URL to generate a preview.
-     * @param file - The `File` object to validate and preview.
-     */
-    selectFile(file) {
-        const data = this.dialogData();
-        const maxSize = data.maxSize ?? 0;
-        if (maxSize > 0) {
-            const size = file.size / 1048576;
-            if (size > maxSize) {
-                this.dialogService.error(`File troppo grande (massimo ${SystemUtils.formatFileSize(maxSize * 1048576)})`);
-                return;
-            }
-        }
-        if (data.accept) {
-            const accept = data.accept.toLowerCase();
-            const a = file.name.split('.').pop()?.toLowerCase();
-            let b = file.type.toLowerCase();
-            if (b.startsWith('image/') && accept.includes('image/*')) {
-                b = 'image/*';
-            }
-            else if (b.startsWith('video/') && accept.includes('video/*')) {
-                b = 'video/*';
-            }
-            else if (b.startsWith('audio/') && accept.includes('audio/*')) {
-                b = 'audio/*';
-            }
-            if (!accept.includes(a ?? '') && !accept.includes(b)) {
-                this.dialogService.error(`Sono accettati solo questi tipi di file: ${accept}`);
-                return;
-            }
-        }
-        const reader = new FileReader();
-        reader.onload = (_e) => {
-            const img = new Image();
-            img.onload = () => {
-                const maxWidth = data.maxWidth ?? 0;
-                if (maxWidth > 0 && img.width > maxWidth) {
-                    this.dialogService.error(`Immagine troppo larga (massimo ${maxWidth} pixel)`);
-                    return;
-                }
-                const maxHeight = data.maxHeight ?? 0;
-                if (maxHeight > 0 && img.height > maxHeight) {
-                    this.dialogService.error(`Immagine troppo alta (massimo ${maxHeight} pixel)`);
-                    return;
-                }
-                this.pictureWidth.set(img.width);
-                this.pictureHeight.set(img.height);
-                this.picturePreview.set(_e.target.result);
-                this.file.set(file);
-            };
-            img.src = _e.target.result;
-        };
-        reader.readAsDataURL(file);
-    }
-    /**
-     * Formats a byte count into a human-readable size string.
-     * @param size - File size in bytes.
-     * @returns A formatted size string (e.g. "1.2 MB").
-     */
-    size(size) {
-        return SystemUtils.formatFileSize(size);
-    }
-    /** Emits the selected file and options, then closes the dialog. */
-    ok() {
-        this.done.emit({ file: this.file(), options: this.dialogData().options });
-        setTimeout(() => {
-            this.dialogRef.close();
-        }, 500);
-    }
-    /** Highlights the drop zone when a dragged item is over it.
-     * @param e - The drag event.
-     */
-    onDragOver(e) {
-        this.fileClass.set('selectpicture-file-drop');
-        e.preventDefault();
-    }
-    /** Highlights the drop zone when a dragged item enters.
-     * @param e - The drag event.
-     */
-    onDragEnter(e) {
-        this.fileClass.set('selectpicture-file-drop');
-        e.preventDefault();
-    }
-    /** Resets the drop zone style when dragging ends.
-     * @param e - The drag event.
-     */
-    onDragEnd(e) {
-        this.fileClass.set('selectpicture-file');
-        e.preventDefault();
-    }
-    /** Resets the drop zone style when a dragged item leaves.
-     * @param e - The drag event.
-     */
-    onDragLeave(e) {
-        this.fileClass.set('selectpicture-file');
-        e.preventDefault();
-    }
-    /**
-     * Handles a file drop event, extracting and processing the dropped image.
-     * @param e - The drop event.
-     */
-    onDrop(e) {
-        this.fileClass.set('selectpicture-file');
-        e.preventDefault();
-        e.stopPropagation();
-        if (e.dataTransfer?.files?.length) {
-            this.addFiles(e.dataTransfer.files);
-        }
-    }
-    /**
-     * Picks the first file from the list and passes it to `selectFile`.
-     * @param files - The `FileList` from the drag-and-drop event.
-     */
-    addFiles(files) {
-        if (files.length > 0) {
-            this.selectFile(files[0]);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectPictureDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SelectPictureDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectpicture-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"24px\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui l'immagine o selezionala</i>\n        </div>\n        <div>\n          <input #_file type=\"file\" [hidden]=\"true\" [accept]=\"dialogData().accept ?? 'image/*'\"\n            (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\" fxLayoutGap=\"5px\" fxLayoutAlign=\"center center\" fxFill>\n            <img [src]=\"picturePreview()\" class=\"selectpicture-preview\">\n            <div class=\"small accent bold \"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni:<i>{{pictureWidth()}} x {{pictureHeight()}} ({{size(file().size)}})</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n      @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\" name=\"opt_{{i}}\">\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>    \n    }\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]=\"!file()\">{{dialogData().okCaption}}</button>\n    <button mat-stroked-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}}.selectpicture-file{padding:24px;width:320px;border:5px dotted #eee}.selectpicture-preview{max-height:300px;max-width:300px;margin-bottom:15px!important}.selectpicture-file,.selectpicture-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectpicture-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectpicture-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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$1.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: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectPictureDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FlexLayoutModule, MatButtonModule, MatCheckboxModule, FormsModule,
-                        MatDialogActions, MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\n@if (dialogData().description) {\n<div class=\"selectpicture-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\n}\n<mat-dialog-content class=\"dialog-content\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"24px\" fxFill>\n    <div fxFlex=\"*\" [class]=\"fileClass()\" (drop)=\"onDrop($event)\" (dragover)=\"onDragOver($event)\"\n      (dragleave)=\"onDragLeave($event)\" (dragenter)=\"onDragEnter($event)\" (dragend)=\"onDragEnd($event)\">\n      <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxLayoutAlign=\"center center\" fxFill>\n        <div fxFlex=\"10px\" fxFlexAlign=\"start\" class=\"x-small secondary\"><i>Trascina qui l'immagine o selezionala</i>\n        </div>\n        <div>\n          <input #_file type=\"file\" [hidden]=\"true\" [accept]=\"dialogData().accept ?? 'image/*'\"\n            (change)=\"update($event)\" />\n          <button type=\"button\" mat-stroked-button (click)=\"_file.click()\">Seleziona file...</button>\n        </div>\n        @if (file()) {\n        <div style=\"padding:0 24px\">\n          <div fxLayout=\"column\" fxLayoutGap=\"5px\" fxLayoutAlign=\"center center\" fxFill>\n            <img [src]=\"picturePreview()\" class=\"selectpicture-preview\">\n            <div class=\"small accent bold \"><i>{{file().name}}</i></div>\n            <div class=\"small\">Dimensioni:<i>{{pictureWidth()}} x {{pictureHeight()}} ({{size(file().size)}})</i></div>\n          </div>\n        </div>\n        }\n      </div>\n    </div>\n    @if (dialogData().options) {\n    <div style=\"padding-bottom: 24px;\">\n      @for (o of dialogData().options; track o; let i = $index) {\n      <div>\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\" name=\"opt_{{i}}\">\n          {{o.description}}\n        </mat-checkbox>\n      </div>\n      }\n    </div>    \n    }\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]=\"!file()\">{{dialogData().okCaption}}</button>\n    <button mat-stroked-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}}.selectpicture-file{padding:24px;width:320px;border:5px dotted #eee}.selectpicture-preview{max-height:300px;max-width:300px;margin-bottom:15px!important}.selectpicture-file,.selectpicture-file-drop{padding:4px 4px 24px;width:80%;border:5px dotted var(--ars-color-divider, #757d87)!important}.selectpicture-file-drop{border:5px dotted var(--ars-color-accent, #7894ae)!important}.selectpicture-description{padding:0 24px 24px}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], propDecorators: { done: [{ type: i0.Output, args: ["done"] }] } });
-
-var selectPictureDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SelectPictureDialogComponent: SelectPictureDialogComponent
-});
-
-class TreeDataSource {
-    constructor() {
-        this._dataChange = new BehaviorSubject([]);
-        this.dataChange$ = this._dataChange.asObservable();
-    }
-    get data() {
-        return this._dataChange.value;
-    }
-    ngOnDestroy() {
-        this._dataChange.complete();
-    }
-    initialize(data) {
-        this._dataChange.next(data);
-    }
-    /**
-     * Find a node by id recursively.
-     * @param node - The source node to search from, or null to search from root.
-     * @param id - The id to search for.
-     * @returns The matching node, or undefined if not found.
-     */
-    findNode(node, id) {
-        if (node) {
-            if (node.id === id)
-                return node;
-            const children = node.children;
-            if (children) {
-                let _n;
-                children.some(n => {
-                    _n = this.findNode(n, id);
-                    return !!_n;
-                });
-                return _n;
-            }
-            return undefined;
-        }
-        // Search all root nodes when called with null
-        for (const root of this.data) {
-            const found = this.findNode(root, id);
-            if (found)
-                return found;
-        }
-        return undefined;
-    }
-    /**
-     * Remove a node from the tree.
-     * @param id - The id of the node to remove.
-     */
-    removeNode(id) {
-        let n = this.findNode(null, id);
-        if (!n)
-            return;
-        if (n.parent) {
-            // children/count are optional on INode: guard before indexing
-            const siblings = n.parent.children ?? [];
-            const p = siblings.findIndex(c => c.id === id);
-            if (p !== -1) {
-                siblings.splice(p, 1);
-                if ((n.parent.count ?? 0) > 0)
-                    n.parent.count--;
-            }
-        }
-        else {
-            const p = this.data.findIndex(n => n.id === id);
-            if (p !== -1) {
-                this.data.splice(p, 1);
-            }
-        }
-        this._dataChange.next(this.data);
-    }
-    /**
-     * Insert a new node at the top of its parent (or root).
-     * @param node - The new node to insert.
-     */
-    insertNode(node) {
-        if (node.parent) {
-            (node.parent.children ??= []).unshift(node);
-            node.parent.count = (node.parent.count ?? 0) + 1;
-        }
-        else
-            this.data.unshift(node);
-        this._dataChange.next(this.data);
-    }
-    /**
-     * Rename a node in the tree.
-     * @param id - The id of the node to rename.
-     * @param name - The new name for the node.
-     * @returns The renamed node, or undefined if not found.
-     */
-    renameNode(id, name) {
-        const n = this.findNode(null, id);
-        if (n) {
-            n.name = name;
-            this._dataChange.next(this.data);
-        }
-        return n;
-    }
-    /**
-     * Notify all subscribers of the current data state.
-     */
-    update() {
-        this._dataChange.next(this.data);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeDataSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeDataSource }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreeDataSource, decorators: [{
-            type: Injectable
-        }] });
-class SelectTreeDialogComponent {
-    constructor() {
-        /** Emitted when the user confirms a selection. */
-        this.done = output();
-        /** Emitted when the user requests to append a new node. */
-        this.append = output();
-        this.destroyRef = inject(DestroyRef);
-        this.dialogRef = inject((MatDialogRef));
-        /** Dialog configuration, injected and exposed as a signal. */
-        this.dialogData = signal((() => {
-            const data = inject(MAT_DIALOG_DATA) ?? {};
-            return { ...data, title: data.title ?? 'Seleziona', okCaption: data.okCaption ?? 'OK' };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        this.tree = inject(TreeDataSource);
-        this._elRef = inject(ElementRef);
-        /** Reference to the Material tree component. */
-        this.matTree = viewChild(MatTree, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "matTree" }] : /* istanbul ignore next */ []));
-        /** Provides children of a tree node to the tree component. */
-        this.childrenAccessor = (node) => (node.children ?? []);
-        /** Root nodes used as the tree data source. */
-        this.treeNodes = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "treeNodes" }] : /* istanbul ignore next */ []));
-        /** Currently selected tree node. */
-        this.currentNode = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "currentNode" }] : /* istanbul ignore next */ []));
-        /** Current filter text. */
-        this.filterText = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []));
-        /** Nodes matching the current filter text. */
-        this.filteredItems = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []));
-        /** Index of the currently highlighted filtered node (-1 = none). */
-        this.filterIndex = signal(-1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterIndex" }] : /* istanbul ignore next */ []));
-        /** The currently highlighted filtered node, or null. */
-        this.filteredNode = computed(() => {
-            const idx = this.filterIndex();
-            return idx >= 0 ? (this.filteredItems()[idx] ?? null) : null;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filteredNode" }] : /* istanbul ignore next */ []));
-        this.canAppend = signal(this.dialogData().canAppend || false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canAppend" }] : /* istanbul ignore next */ []));
-        /** Flat node map rebuilt whenever treeNodes changes. */
-        this._nodeMap = computed(() => {
-            const map = new Map();
-            const build = (nodes) => {
-                for (const n of nodes) {
-                    map.set(n.id, n);
-                    if (n.children?.length)
-                        build(n.children);
-                }
-            };
-            build(this.treeNodes());
-            return map;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_nodeMap" }] : /* istanbul ignore next */ []));
-        this.hasChild = (_, node) => !!(node.children?.length);
-        this.tree.dataChange$
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(data => {
-            this.treeNodes.set(data);
-            setTimeout(() => {
-                const current = this.currentNode();
-                if (current) {
-                    const n = this.findInTree(data, current.id);
-                    if (n) {
-                        this.currentNode.set(n);
-                        this.expand(n);
-                    }
-                }
-            });
-        });
-        const data = this.dialogData();
-        if (data.nodes) {
-            this.tree.initialize(data.nodes);
-        }
-        if (data.initialFilter) {
-            this.filterText.set(data.initialFilter);
-            this.doFilter();
-        }
-    }
-    /**
-     * Confirm the current selection and close the dialog.
-     */
-    ok() {
-        const node = this.currentNode();
-        if (node) {
-            this.done.emit({ selectedItems: [node] });
-        }
-        setTimeout(() => {
-            this.dialogRef.close();
-        }, 500);
-    }
-    /**
-     * Toggle selection of a tree node. Clicking the already-selected node deselects it.
-     * @param e - The mouse event (propagation is stopped).
-     * @param node - The node that was clicked.
-     */
-    select(e, node) {
-        if (e)
-            e.stopPropagation();
-        if (node) {
-            this.currentNode.set(node.id === this.currentNode()?.id ? undefined : node);
-        }
-    }
-    /**
-     * Clear the active filter text.
-     */
-    clearFilter() {
-        this.filterText.set('');
-        this.filteredItems.set([]);
-        this.filterIndex.set(-1);
-    }
-    /**
-     * Filter the tree nodes by name (minimum 3 characters).
-     */
-    doFilter() {
-        const text = this.filterText().trim().toLowerCase();
-        if (text.length < 3) {
-            this.filteredItems.set([]);
-            this.filterIndex.set(-1);
-            return;
-        }
-        const matches = Array.from(this._nodeMap().values())
-            .filter(n => n.name?.toLowerCase().includes(text));
-        this.filteredItems.set(matches);
-        const idx = matches.length > 0 ? 0 : -1;
-        this.filterIndex.set(idx);
-        if (idx >= 0)
-            this._scrollToFiltered(idx, matches);
-    }
-    /**
-     * Advance to the next matching filtered node and scroll it into view.
-     */
-    nextFiltered() {
-        const items = this.filteredItems();
-        if (!items.length)
-            return;
-        const next = (this.filterIndex() + 1) % items.length;
-        this.filterIndex.set(next);
-        this._scrollToFiltered(next, items);
-    }
-    /**
-     * Returns true when the node is the currently highlighted filter match.
-     * @param node - tree node to check.
-     */
-    isFilteredNode(node) {
-        return this.filteredNode()?.id === node.id;
-    }
-    /**
-     * Expands ancestors of the target node and scrolls it into view.
-     * @param index - index within `items` to scroll to.
-     * @param items - current filtered items array.
-     */
-    _scrollToFiltered(index, items) {
-        const node = items[index];
-        if (!node)
-            return;
-        this.currentNode.set(node);
-        this.expand(node);
-        setTimeout(() => {
-            const el = this._elRef.nativeElement.querySelector(`[data-node-id="${node.id}"]`);
-            el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-        });
-    }
-    /**
-     * Expand a node and all of its parent nodes.
-     * @param node - The node to expand.
-     * @returns Always false.
-     */
-    expand(node) {
-        this.matTree()?.expand(node);
-        let parent = node.parent;
-        const visited = new Set();
-        while (parent && !visited.has(parent)) {
-            visited.add(parent);
-            this.matTree()?.expand(parent);
-            parent = parent.parent;
-        }
-        return false;
-    }
-    /**
-     * Recursively find a node by id.
-     * @param nodes - Nodes to search.
-     * @param id - The id to find.
-     */
-    findInTree(nodes, id) {
-        for (const node of nodes) {
-            if (node.id === id)
-                return node;
-            if (node.children?.length) {
-                const found = this.findInTree(node.children, id);
-                if (found)
-                    return found;
-            }
-        }
-        return undefined;
-    }
-    /**
-     * Append a new node to the tree.
-     * @param node - The node to insert.
-     */
-    appendNode(node) {
-        this.tree.insertNode(node);
-    }
-    /**
-     * Collapse all tree nodes and reset the current selection.
-     */
-    collapseAll() {
-        this.matTree()?.collapseAll();
-        this.currentNode.set(undefined);
-    }
-    /**
-     * Expand all tree nodes and scroll to the selected node, if any.
-     */
-    expandAll() {
-        this.matTree()?.expandAll();
-        const node = this.currentNode();
-        if (node) {
-            setTimeout(() => {
-                const el = this._elRef.nativeElement.querySelector(`[data-node-id="${node.id}"]`);
-                el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-            });
-        }
-    }
-    /**
-     * Emit an append request with the currently selected node as the parent.
-     */
-    doAppend() {
-        this.append.emit({ parent: this.currentNode(), owner: this });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectTreeDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SelectTreeDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done", append: "append" }, providers: [TreeDataSource], viewQueries: [{ propertyName: "matTree", first: true, predicate: MatTree, descendants: true, isSignal: true }], ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<div style=\"padding: 0 24px\">\r\n  @if (dialogData().description) {\r\n  <div class=\"selecttree-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\r\n  }\r\n  <div style=\"padding-bottom: 10px;\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n      <div fxFlex fxHide.xs>\r\n        <mat-form-field style=\"width:100%\" appearance=\"outline\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca...</mat-label>\r\n          <input type=\"text\" (keyup)=\"doFilter()\" matInput title=\"Digita il testo'\"\r\n            (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\" \r\n            (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\r\n            [ngModel]=\"filterText()\"\r\n            (ngModelChange)=\"filterText.set($event)\">\r\n          @if (filterText()) {\r\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\"\r\n            (click)=\"clearFilter()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      @if (filteredItems().length > 0) {\r\n      <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\r\n      </div>\r\n      <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n        <button type=\"button\" type=\"button\" mat-icon-button (click)=\"nextFiltered()\">\r\n          <mat-icon aria-label=\"Vai al prossimo\" matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"50\" fxLayoutAlign=\"end center\" style=\"white-space:nowrap\">\r\n        <div>\r\n          @if (canAppend()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\r\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\r\n          </button>\r\n          }\r\n          <button type=\"button\" mat-icon-button (click)=\"collapseAll()\">\r\n            <mat-icon aria-label=\"Comprimi tutto\" matTooltip=\"Comprimi tutto\">unfold_less</mat-icon>\r\n          </button>\r\n          <button type=\"button\" mat-icon-button (click)=\"expandAll()\">\r\n            <mat-icon aria-label=\"Espandi tutto\" matTooltip=\"Espandi tutto\">unfold_more</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content>\r\n  <div fxLayout=\"column\" fxFill>\r\n    <mat-tree [dataSource]=\"treeNodes()\" [childrenAccessor]=\"childrenAccessor\" class=\"tree\">\r\n      <mat-tree-node [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\r\n        [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\" (click)=\"select($event, node);\"\r\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxFill>\r\n          <button type=\"button\" mat-icon-button disabled class=\"small-icon-button\"></button>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\r\n            {{node.name}}\r\n          </div>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            @if (node.count > 0) {\r\n            <span fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</span>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-tree-node>\r\n\r\n      <mat-tree-node #treeNodeRef=\"matTreeNode\" [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node;when: hasChild\"\r\n        matTreeNodePadding [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\"\r\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\"\r\n        (click)=\"select($event, node);\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxFill>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            <button type=\"button\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Apri/chiudi ' + node.name\"\r\n              class=\"small-icon-button\">\r\n              <mat-icon class=\"mat-icon-rtl-mirror\">\r\n                {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\r\n              </mat-icon>\r\n            </button>\r\n          </div>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\r\n            {{node.name}}\r\n          </div>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            @if (node.count > 0) {\r\n            <div fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</div>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-tree-node>\r\n    </mat-tree>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"!currentNode()\">{{dialogData().okCaption}}</button>\r\n    <button mat-button mat-dialog-close>Annulla</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.tree{background-color:transparent!important}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-filtered ::ng-deep .mdc-label,.tree-node-filtered ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-accent, #7894ae)!important}.tree-node-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.selecttree-description{padding:0 24px 24px}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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$1.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$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i8$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i8$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i8$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i8$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i8$1.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectTreeDialogComponent, decorators: [{
-            type: Component,
-            args: [{ providers: [TreeDataSource], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, FlexLayoutModule, MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule,
-                        MatIconModule, MatTooltipModule, MatDialogContent, MatTreeModule, MatDialogActions,
-                        MatDialogClose, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<div style=\"padding: 0 24px\">\r\n  @if (dialogData().description) {\r\n  <div class=\"selecttree-description\" [innerHtml]=\"dialogData().description | safeHtml\"></div>\r\n  }\r\n  <div style=\"padding-bottom: 10px;\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n      <div fxFlex fxHide.xs>\r\n        <mat-form-field style=\"width:100%\" appearance=\"outline\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca...</mat-label>\r\n          <input type=\"text\" (keyup)=\"doFilter()\" matInput title=\"Digita il testo'\"\r\n            (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\" \r\n            (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\r\n            [ngModel]=\"filterText()\"\r\n            (ngModelChange)=\"filterText.set($event)\">\r\n          @if (filterText()) {\r\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Clear\"\r\n            (click)=\"clearFilter()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      @if (filteredItems().length > 0) {\r\n      <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\r\n      </div>\r\n      <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n        <button type=\"button\" type=\"button\" mat-icon-button (click)=\"nextFiltered()\">\r\n          <mat-icon aria-label=\"Vai al prossimo\" matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"50\" fxLayoutAlign=\"end center\" style=\"white-space:nowrap\">\r\n        <div>\r\n          @if (canAppend()) {\r\n          <button type=\"button\" mat-icon-button (click)=\"doAppend()\">\r\n            <mat-icon aria-label=\"Aggiungi\" matTooltip=\"Aggiungi\">add</mat-icon>\r\n          </button>\r\n          }\r\n          <button type=\"button\" mat-icon-button (click)=\"collapseAll()\">\r\n            <mat-icon aria-label=\"Comprimi tutto\" matTooltip=\"Comprimi tutto\">unfold_less</mat-icon>\r\n          </button>\r\n          <button type=\"button\" mat-icon-button (click)=\"expandAll()\">\r\n            <mat-icon aria-label=\"Espandi tutto\" matTooltip=\"Espandi tutto\">unfold_more</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content>\r\n  <div fxLayout=\"column\" fxFill>\r\n    <mat-tree [dataSource]=\"treeNodes()\" [childrenAccessor]=\"childrenAccessor\" class=\"tree\">\r\n      <mat-tree-node [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding\r\n        [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\" (click)=\"select($event, node);\"\r\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxFill>\r\n          <button type=\"button\" mat-icon-button disabled class=\"small-icon-button\"></button>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\r\n            {{node.name}}\r\n          </div>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            @if (node.count > 0) {\r\n            <span fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</span>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-tree-node>\r\n\r\n      <mat-tree-node #treeNodeRef=\"matTreeNode\" [attr.data-node-id]=\"node.id\" *matTreeNodeDef=\"let node;when: hasChild\"\r\n        matTreeNodePadding [matTreeNodePaddingIndent]=\"20\" class=\"tree-node\"\r\n        [class.tree-node-activated]=\"currentNode()?.id === node.id\" [class.tree-node-filtered]=\"isFilteredNode(node)\"\r\n        (click)=\"select($event, node);\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxFill>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            <button type=\"button\" mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Apri/chiudi ' + node.name\"\r\n              class=\"small-icon-button\">\r\n              <mat-icon class=\"mat-icon-rtl-mirror\">\r\n                {{treeNodeRef.isExpanded ? 'expand_more' : 'chevron_right'}}\r\n              </mat-icon>\r\n            </button>\r\n          </div>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small\">\r\n            {{node.name}}\r\n          </div>\r\n          <div fxFlex=\"30px\" fxFlexAlign=\"center\">\r\n            @if (node.count > 0) {\r\n            <div fxLayoutAlign=\"end\" class=\"small\">({{node.count}})</div>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-tree-node>\r\n    </mat-tree>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"!currentNode()\">{{dialogData().okCaption}}</button>\r\n    <button mat-button mat-dialog-close>Annulla</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.tree{background-color:transparent!important}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-filtered ::ng-deep .mdc-label,.tree-node-filtered ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-accent, #7894ae)!important}.tree-node-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.selecttree-description{padding:0 24px 24px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { done: [{ type: i0.Output, args: ["done"] }], append: [{ type: i0.Output, args: ["append"] }], matTree: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTree), { isSignal: true }] }] } });
-
-var selectTreeDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SelectTreeDialogComponent: SelectTreeDialogComponent,
-    TreeDataSource: TreeDataSource
-});
-
-class SendToDialogComponent {
-    constructor() {
-        /** Emitted when the user confirms and sends the message. */
-        this.done = output();
-        /** Emitted when the user requests to populate the recipient list. */
-        this.populate = output();
-        this.cdr = inject(ChangeDetectorRef);
-        /** Dialog configuration, injected and exposed as a signal. */
-        this.dialogData = signal((() => {
-            const data = inject(MAT_DIALOG_DATA) ?? {};
-            const count = data.count ?? 0;
-            const title = data.title || (count
-                ? (count === 1 ? 'Invia documento a...' : `Invia ${count} documenti a...`)
-                : undefined);
-            return { ...data, count, appearance: data.appearance ?? 'fill', title };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        /** Form model for the send-to form fields. */
-        this.item = {
-            recipients: undefined,
-            subject: this.dialogData().subject,
-            text: this.dialogData().text,
-            options: undefined
-        };
-    }
-    /**
-     * Confirm the form and emit the result.
-     */
-    ok() {
-        this.item.options = this.dialogData().options;
-        this.done.emit(this.item);
-    }
-    /**
-     * Request the host to populate the recipient list.
-     * Only emits if `canPopulate` is enabled in the dialog data.
-     */
-    populateRecipients() {
-        if (this.dialogData().canPopulate) {
-            this.populate.emit({ item: this.item, source: this });
-        }
-    }
-    /**
-     * Update the recipient list from an external caller.
-     * @param recipients - The new recipients string (semicolon-separated).
-     */
-    updateRecipients(recipients) {
-        this.item.recipients = recipients;
-        this.cdr.markForCheck();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SendToDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SendToDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done", populate: "populate" }, ngImport: i0, template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <p>{{dialogData().info}}</p>\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Destinatari</mat-label>\r\n          <textarea matInput [(ngModel)]=\"item.recipients\" name=\"recipients\" maxlength=\"1000\" #recipients=\"ngModel\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" emails required></textarea>\r\n          @if (item.recipients) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n            (click)=\"item.recipients = null;\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n\r\n          @if (dialogData().canPopulate) {\r\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Popola\"\r\n            (click)=\"populateRecipients()\" matTooltip=\"Popola\">\r\n            <mat-icon>person</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-hint align=\"start\">Separati da punto e virgola</mat-hint>\r\n          <mat-hint align=\"end\">{{recipients.value?.length || 0}}/1000 </mat-hint>\r\n          @if (recipients.invalid) {\r\n          <mat-error>Non valido.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Oggetto</mat-label>\r\n          <input matInput name=\"subject\" [(ngModel)]=\"item.subject\" #subject=\"ngModel\" maxlength=\"200\" required />\r\n          @if (subject.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n          <mat-hint align=\"end\">{{subject.value?.length || 0}}/200 </mat-hint>\r\n        </mat-form-field>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Testo</mat-label>\r\n          <textarea matInput [(ngModel)]=\"item.text\" name=\"text\" maxlength=\"1000\" #text=\"ngModel\" cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" required></textarea>\r\n          <mat-hint align=\"end\">{{text.value?.length || 0}}/1000 </mat-hint>\r\n          @if (subject.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      @if (dialogData().options) {\r\n      <div style=\"padding-bottom: 24px;\">\r\n        @for (o of dialogData().options; track o; let i = $index) {\r\n        <div>\r\n          <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\" name=\"opt_{{i}}\">\r\n            {{o.description}}\r\n          </mat-checkbox>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </div>   \r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Invia</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: EmailsValidatorDirective, selector: "[emails]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SendToDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        MatDialogTitle,
-                        MatDialogContent,
-                        FormsModule,
-                        FlexLayoutModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        TextFieldModule,
-                        EmailsValidatorDirective,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                        MatCheckboxModule,
-                        MatDialogActions,
-                        MatDialogClose,
-                        SafeHtmlPipe
-                    ], template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <p>{{dialogData().info}}</p>\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"32px\" fxFill>\r\n      <div fxFlex=\"*\" fxLayout=\"column\" fxFill>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Destinatari</mat-label>\r\n          <textarea matInput [(ngModel)]=\"item.recipients\" name=\"recipients\" maxlength=\"1000\" #recipients=\"ngModel\"\r\n            cdkTextareaAutosize cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" emails required></textarea>\r\n          @if (item.recipients) {\r\n          <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n            (click)=\"item.recipients = null;\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n\r\n          @if (dialogData().canPopulate) {\r\n          <button type=\"button\" type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Popola\"\r\n            (click)=\"populateRecipients()\" matTooltip=\"Popola\">\r\n            <mat-icon>person</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-hint align=\"start\">Separati da punto e virgola</mat-hint>\r\n          <mat-hint align=\"end\">{{recipients.value?.length || 0}}/1000 </mat-hint>\r\n          @if (recipients.invalid) {\r\n          <mat-error>Non valido.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Oggetto</mat-label>\r\n          <input matInput name=\"subject\" [(ngModel)]=\"item.subject\" #subject=\"ngModel\" maxlength=\"200\" required />\r\n          @if (subject.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n          <mat-hint align=\"end\">{{subject.value?.length || 0}}/200 </mat-hint>\r\n        </mat-form-field>\r\n        <mat-form-field [appearance]=\"dialogData().appearance\">\r\n          <mat-label>Testo</mat-label>\r\n          <textarea matInput [(ngModel)]=\"item.text\" name=\"text\" maxlength=\"1000\" #text=\"ngModel\" cdkTextareaAutosize\r\n            cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\" required></textarea>\r\n          <mat-hint align=\"end\">{{text.value?.length || 0}}/1000 </mat-hint>\r\n          @if (subject.invalid) {\r\n          <mat-error>Obbligatorio.</mat-error>\r\n          }\r\n        </mat-form-field>\r\n      </div>\r\n      @if (dialogData().options) {\r\n      <div style=\"padding-bottom: 24px;\">\r\n        @for (o of dialogData().options; track o; let i = $index) {\r\n        <div>\r\n          <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\" name=\"opt_{{i}}\">\r\n            {{o.description}}\r\n          </mat-checkbox>\r\n        </div>\r\n        }\r\n      </div>\r\n      }\r\n    </div>   \r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Invia</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], propDecorators: { done: [{ type: i0.Output, args: ["done"] }], populate: [{ type: i0.Output, args: ["populate"] }] } });
-
-var sendToDialog_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    SendToDialogComponent: SendToDialogComponent
-});
-
-class ButtonSelectorComponent {
-    set value(value) {
-        this.setValue(value, true);
-    }
-    /**
-     * Updates the internal state. Form propagation is skipped for model->view
-     * writes (writeValue) to avoid the CVA echo loop, and performed for
-     * user/programmatic changes via the `value` setter.
-     * @param value     - The new value to store and display.
-     * @param propagate - When `true`, notifies the registered onChange callback.
-     */
-    setValue(value, propagate) {
-        this._value = value;
-        if (propagate) {
-            this.propagateChange(this._value);
-        }
-        this.stateChanges.next();
-        this.changed.emit(this._value);
-        this.current.set(this._value);
-    }
-    /** The current value as the selected item. */
-    get value() {
-        return this._value;
-    }
-    get disabled() {
-        if (this.ngControl && this.ngControl.disabled != null) {
-            return this.ngControl.disabled;
-        }
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        if (this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-    }
-    constructor(ngControl) {
-        this.ngControl = ngControl;
-        /** Emitted whenever the selected value changes (including programmatic resets). */
-        this.changed = output();
-        /** Emitted when the user explicitly picks an item from the menu. */
-        this.selected = output();
-        this.stateChanges = new Subject();
-        this.focused = false;
-        this._value = undefined;
-        this._disabled = false;
-        this.propagateChange = () => { };
-        this.propagateTouched = () => { };
-        this.id = `button-selector--${SystemUtils.generateUUID()}`;
-        this.describedBy = '';
-        this.renderer = inject(Renderer2);
-        /** Currently selected item, kept in sync with the form control value. */
-        this.current = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
-        /** Width of the trigger button in pixels. Use `-1` for 100 %, `0` for `auto`. */
-        this.width = input(-1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-        /** Border thickness override. Use `-1` to inherit. */
-        this.border = input(-1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "border" }] : /* istanbul ignore next */ []));
-        /** CSS border-radius of the trigger button. Defaults to a pill shape. */
-        this.borderRadius = input('9999px', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "borderRadius" }] : /* istanbul ignore next */ []));
-        /** Placeholder label shown when nothing is selected. */
-        this.label = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        /** Label shown above the selected value (replaces `label` when an item is selected). */
-        this.labelSelected = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "labelSelected" }] : /* istanbul ignore next */ []));
-        /** List of selectable options. */
-        this.options = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-        /** When `true`, the first available option is pre-selected on init. */
-        this.autoSelect = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "autoSelect" }] : /* istanbul ignore next */ []));
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-        // Pre-select the first option whenever options change and autoSelect is enabled
-        effect(() => {
-            if (this.autoSelect()) {
-                const options = this.options();
-                // !== undefined: values like 0 or false are legitimate selections
-                if (options.length > 0 && options[0].value !== undefined) {
-                    this.current.set(options[0]);
-                }
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-    }
-    /**
-     * Writes a new value to the component (called by the form layer).
-     * @param value - The new value to display.
-     */
-    writeValue(value) {
-        // Model -> view write: must NOT propagate back to the form (echo loop)
-        this.setValue(value, false);
-    }
-    /**
-     * Registers the on-change callback (called by the form layer).
-     * @param fn - Callback to invoke whenever the value changes.
-     */
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    /**
-     * Registers the on-touched callback (called by the form layer).
-     * @param fn - Callback to invoke when the control is touched.
-     */
-    registerOnTouched(fn) {
-        this.propagateTouched = fn;
-    }
-    /**
-     * Sets the ARIA described-by IDs for accessibility.
-     * @param ids - The list of element IDs to associate with this control.
-     */
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(' ');
-    }
-    /**
-     * Updates the disabled state when the Angular form layer changes it.
-     * @param isDisabled - Whether the control should be disabled.
-     */
-    setDisabledState(isDisabled) {
-        this._disabled = isDisabled;
-        if (isDisabled && this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-        if (!SystemUtils.isBrowser())
-            return;
-        const elem = document.getElementById(this.id);
-        if (elem) {
-            this.renderer.setProperty(elem, 'disabled', isDisabled);
-        }
-    }
-    /**
-     * Handles a click on the container element, focusing it and marking it as touched.
-     */
-    onContainerClick() {
-        if (!this.focused) {
-            if (!SystemUtils.isBrowser())
-                return;
-            const elem = document.getElementById(this.id);
-            if (elem) {
-                elem.focus();
-                this.propagateTouched();
-            }
-        }
-    }
-    /**
-     * Selects an option and optionally emits the `selected` output event.
-     * @param item   - The item to select.
-     * @param notify - When `true` (default), emits the `selected` event.
-     */
-    select(item, notify = true) {
-        this.setValue(item, true);
-        if (notify) {
-            this.selected.emit(item);
-        }
-    }
-    /** Clears the current selection and resets the control to an empty state. */
-    reset() {
-        this.setValue(undefined, true);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ButtonSelectorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ButtonSelectorComponent, isStandalone: true, selector: "button-selector", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelSelected: { classPropertyName: "labelSelected", publicName: "labelSelected", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, autoSelect: { classPropertyName: "autoSelect", publicName: "autoSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", selected: "selected" }, host: { properties: { "id": "id", "attr.aria-describedBy": "describedBy" } }, ngImport: i0, template: "<button mat-stroked-button class=\"menu-selector-button\" [style.border]=\"border() >= 0 ? border() : 'auto'\"\r\n    [style.border-radius]=\"borderRadius()\" [style.height]=\"border() <= 0 ? '40px' : 'auto'\"\r\n    [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\" [attr.aria-label]=\"label()\"\r\n    [matMenuTriggerFor]=\"optionsMenu\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n        <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n            @if(current()) {\r\n            <div style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                @if(labelSelected() || label()) {\r\n                <div class=\"x-small \">{{labelSelected() ?? label()}}</div>\r\n                <div fxHide.xs class=\"small truncated-1\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated-1\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                } @else {\r\n                <div fxHide.xs class=\"small truncated\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                }\r\n            </div>\r\n            } @else if(labelSelected() || label()) {\r\n            <div class=\"truncated\" style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                {{labelSelected() ?? label()}}</div>\r\n            }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n            <mat-icon>arrow_drop_down</mat-icon>\r\n        </div>\r\n    </div>\r\n</button>\r\n<mat-menu #optionsMenu=\"matMenu\">\r\n    @for (o of options(); track $index) {\r\n    <button mat-menu-item (click)=\"select(o)\" [disabled]=\"o.disabled\">\r\n        {{o.name}}\r\n        @if(o.bag) {\r\n        ({{o.bag}})\r\n        }\r\n    </button>\r\n    }\r\n</mat-menu>", styles: [".menu-selector-button{padding:0 10px 0 20px!important;border-radius:9999px!important}.menu-selector-button .in-search-bar{height:56px!important;padding:0 20px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}::ng-deep .menu-selector-button>.mdc-button__label{width:100%!important}.truncated-1{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 1){.truncated-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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$1.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$1.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: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.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: "ngmodule", type: MatMenuModule }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ButtonSelectorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'button-selector', standalone: true, imports: [FlexLayoutModule, MatIconModule, MatButtonModule,
-                        MatMenuModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[id]': 'id',
-                        '[attr.aria-describedBy]': 'describedBy',
-                    }, template: "<button mat-stroked-button class=\"menu-selector-button\" [style.border]=\"border() >= 0 ? border() : 'auto'\"\r\n    [style.border-radius]=\"borderRadius()\" [style.height]=\"border() <= 0 ? '40px' : 'auto'\"\r\n    [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\" [attr.aria-label]=\"label()\"\r\n    [matMenuTriggerFor]=\"optionsMenu\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n        <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n            @if(current()) {\r\n            <div style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                @if(labelSelected() || label()) {\r\n                <div class=\"x-small \">{{labelSelected() ?? label()}}</div>\r\n                <div fxHide.xs class=\"small truncated-1\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated-1\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                } @else {\r\n                <div fxHide.xs class=\"small truncated\">{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                <div fxHide.gt-xs class=\"x-small truncated\" style=\"max-width: 120px;\">\r\n                    <div>{{current()?.shortName ?? current()?.name ?? ''}}</div>\r\n                </div>\r\n                }\r\n            </div>\r\n            } @else if(labelSelected() || label()) {\r\n            <div class=\"truncated\" style=\"text-align: left;\"\r\n                [style.min-width]=\"width() > 0 ? width()+'px' : (width() === -1 ? '100%' : 'auto')\">\r\n                {{labelSelected() ?? label()}}</div>\r\n            }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n            <mat-icon>arrow_drop_down</mat-icon>\r\n        </div>\r\n    </div>\r\n</button>\r\n<mat-menu #optionsMenu=\"matMenu\">\r\n    @for (o of options(); track $index) {\r\n    <button mat-menu-item (click)=\"select(o)\" [disabled]=\"o.disabled\">\r\n        {{o.name}}\r\n        @if(o.bag) {\r\n        ({{o.bag}})\r\n        }\r\n    </button>\r\n    }\r\n</mat-menu>", styles: [".menu-selector-button{padding:0 10px 0 20px!important;border-radius:9999px!important}.menu-selector-button .in-search-bar{height:56px!important;padding:0 20px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}::ng-deep .menu-selector-button>.mdc-button__label{width:100%!important}.truncated-1{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 1){.truncated-1{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }], propDecorators: { changed: [{ type: i0.Output, args: ["changed"] }], selected: [{ type: i0.Output, args: ["selected"] }], disabled: [{
-                type: Input
-            }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelSelected", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], autoSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSelect", required: false }] }] } });
-
-class ButtonToggleComponent {
-    constructor() {
-        /** Emitted each time the button is clicked. Carries the current `value` and the new `toggled` state. */
-        this.changed = output();
-        /** Current value bound from the parent. Drives label and icon selection. */
-        this.value = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        /** Width of the button in pixels. Use `-1` for automatic sizing. */
-        this.width = input(-1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-        /** Border thickness override in pixels. Use `-1` to inherit. */
-        this.border = input(-1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "border" }] : /* istanbul ignore next */ []));
-        /** Label shown when `value` is `true`. */
-        this.labelOn = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "labelOn" }] : /* istanbul ignore next */ []));
-        /** Label shown when `value` is `false`. */
-        this.labelOff = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "labelOff" }] : /* istanbul ignore next */ []));
-        /** Material icon name shown when `value` is `true`. */
-        this.iconOn = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconOn" }] : /* istanbul ignore next */ []));
-        /** Material icon name shown when `value` is `false`. */
-        this.iconOff = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconOff" }] : /* istanbul ignore next */ []));
-        /** CSS class applied to the button at all breakpoints. */
-        this.cssClass = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
-        /** CSS class applied to the button on `xs` screens. */
-        this.cssClassSmall = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "cssClassSmall" }] : /* istanbul ignore next */ []));
-        /** Resolves the appropriate label for the current value state. */
-        this.label = computed(() => this.value() ? this.labelOn() ?? '' : this.labelOff() ?? '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        /** Resolves the appropriate icon name for the current value state. */
-        this.icon = computed(() => this.value() ? this.iconOn() ?? '' : this.iconOff() ?? '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Toggles the button state and emits the `changed` event.
-     * The emitted `toggled` value is the logical inverse of the current `value`.
-     */
-    toggle() {
-        const toggled = !this.value();
-        this.changed.emit({ value: this.value(), toggled });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ButtonToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ButtonToggleComponent, isStandalone: true, selector: "button-toggle", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, labelOn: { classPropertyName: "labelOn", publicName: "labelOn", isSignal: true, isRequired: false, transformFunction: null }, labelOff: { classPropertyName: "labelOff", publicName: "labelOff", isSignal: true, isRequired: false, transformFunction: null }, iconOn: { classPropertyName: "iconOn", publicName: "iconOn", isSignal: true, isRequired: false, transformFunction: null }, iconOff: { classPropertyName: "iconOff", publicName: "iconOff", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "cssClass", isSignal: true, isRequired: false, transformFunction: null }, cssClassSmall: { classPropertyName: "cssClassSmall", publicName: "cssClassSmall", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<button mat-stroked-button [style.border]=\"border() >= 0 ? border() : 'auto'\"\n    [style.height]=\"border() <= 0 ? '40px' : 'auto'\" [style.minWidth.px]=\"width() > 0 ? width() : 'auto'\"\n    [style.mxn-width.px]=\"width() > 0 ? width() : 'auto'\" [class]=\"cssClass()\" [attr.aria-label]=\"label()\"\n    (click)=\"toggle()\" [class.button-on]=\"value() === true\" [fxClass.xs]=\"cssClassSmall()\">\n    <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"center center\" fxFill>\n        @if(icon()) {\n        <div fxFlex=\"24px\"><mat-icon style=\"display: block;\">{{icon()}}</mat-icon></div>\n        }\n        <div [innerHtml]=\"label() | safeHtml\"></div>\n    </div>\n</button>", styles: [".button-on{background-color:var(--mat-switch-selected-focus-handle-color)!important;border-color:var(--mat-switch-selected-focus-handle-color)!important;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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: i1$1.FxClassDirective, selector: "    [fxClass],    [fxClass.xs],    [fxClass.sm],    [fxClass.md],    [fxClass.lg],    [fxClass.xl],    [fxClass.lt-sm],    [fxClass.lt-md],    [fxClass.lt-lg],    [fxClass.lt-xl],    [fxClass.gt-xs],    [fxClass.gt-sm],    [fxClass.gt-md],    [fxClass.gt-lg]  ", inputs: ["fxClass", "fxClass.xs", "fxClass.sm", "fxClass.md", "fxClass.lg", "fxClass.xl", "fxClass.lt-sm", "fxClass.lt-md", "fxClass.lt-lg", "fxClass.lt-xl", "fxClass.gt-xs", "fxClass.gt-sm", "fxClass.gt-md", "fxClass.gt-lg"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.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: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ButtonToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'button-toggle', standalone: true, imports: [FlexLayoutModule, MatIconModule, MatButtonModule, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-stroked-button [style.border]=\"border() >= 0 ? border() : 'auto'\"\n    [style.height]=\"border() <= 0 ? '40px' : 'auto'\" [style.minWidth.px]=\"width() > 0 ? width() : 'auto'\"\n    [style.mxn-width.px]=\"width() > 0 ? width() : 'auto'\" [class]=\"cssClass()\" [attr.aria-label]=\"label()\"\n    (click)=\"toggle()\" [class.button-on]=\"value() === true\" [fxClass.xs]=\"cssClassSmall()\">\n    <div fxLayout=\"row\" fxLayoutGap=\"8px\" fxLayoutAlign=\"center center\" fxFill>\n        @if(icon()) {\n        <div fxFlex=\"24px\"><mat-icon style=\"display: block;\">{{icon()}}</mat-icon></div>\n        }\n        <div [innerHtml]=\"label() | safeHtml\"></div>\n    </div>\n</button>", styles: [".button-on{background-color:var(--mat-switch-selected-focus-handle-color)!important;border-color:var(--mat-switch-selected-focus-handle-color)!important;font-weight:700}\n"] }]
-        }], propDecorators: { changed: [{ type: i0.Output, args: ["changed"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], labelOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOn", required: false }] }], labelOff: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOff", required: false }] }], iconOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOn", required: false }] }], iconOff: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOff", required: false }] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClass", required: false }] }], cssClassSmall: [{ type: i0.Input, args: [{ isSignal: true, alias: "cssClassSmall", required: false }] }] } });
-
-/**
- * A blank calendar header that hides the month/year navigation controls.
- * Used when an inline calendar should render without any navigation UI.
- */
-class CalendarEmptyHeader {
-    constructor() {
-        this.destroyRef = inject(DestroyRef);
-        this.calendar = inject((MatCalendar));
-        this.changeDetector = inject(ChangeDetectorRef);
-        // Re-run change detection whenever the calendar's internal state changes
-        // (e.g. active date, selected date) so the blank header stays in sync.
-        this.calendar.stateChanges
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => this.changeDetector.markForCheck());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CalendarEmptyHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: CalendarEmptyHeader, isStandalone: true, selector: "ng-component", ngImport: i0, template: '<div></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CalendarEmptyHeader, decorators: [{
-            type: Component,
-            args: [{
-                    template: '<div></div>',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: () => [] });
-
-class ChipsSelectorComponent {
-    get disabled() {
-        if (this.ngControl && this.ngControl.disabled != null) {
-            return this.ngControl.disabled;
-        }
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        if (this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-    }
-    /** True when the label should float above the field (focused or has a value). */
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    set value(value) {
-        this.setValue(value, true);
-    }
-    /**
-     * Updates the internal state and selection mirrors.
-     * @param value     - The new selection array.
-     * @param propagate - When `true`, notifies the registered onChange callback.
-     */
-    setValue(value, propagate) {
-        this._value = value;
-        this.selection = [];
-        this.singleSelection = undefined;
-        if (this._value) {
-            this.options().forEach(n => {
-                if (this._value?.findIndex((x) => x.value === n.value) !== -1) {
-                    this.selection.push(n);
-                }
-            });
-            if (this.selection.length > 0) {
-                this.singleSelection = this.selection[0];
-            }
-        }
-        this.cdr.markForCheck();
-        if (propagate) {
-            this.propagateChange(this._value);
-        }
-        this.stateChanges.next();
-        if (this.changesEnabled) {
-            this.changed.emit(this._value);
-        }
-    }
-    /** The current value as an array of selected items. */
-    get value() {
-        return this._value;
-    }
-    /** True when no item is selected. */
-    get empty() {
-        return !this._value || this._value.length === 0;
-    }
-    /** True when the control has validation errors and has been touched. */
-    get errorState() {
-        return this.ngControl?.errors != null && (this.ngControl?.touched ?? false);
-    }
-    constructor(ngControl) {
-        this.ngControl = ngControl;
-        /** Emitted when the selection changes. Carries the new array of selected items, or `undefined` when cleared. */
-        this.changed = output();
-        this.containerId = `chips-selector-container--${SystemUtils.generateUUID()}`;
-        this.containerWidth = signal(-6, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "containerWidth" }] : /* istanbul ignore next */ []));
-        this.focused = false;
-        this.stateChanges = new Subject();
-        this.destroyRef = inject(DestroyRef);
-        this.changesEnabled = false;
-        this.destroyed = false;
-        this.widthRetries = 0;
-        /** Debounce bridge for `ResizeObserver` notifications. */
-        this.resize$ = new Subject();
-        /** List of available options to display as chips. */
-        this.options = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
-        /** Minimum width in pixels when collapsed. Use `-1` for automatic. */
-        this.collapsedWidth = input(-1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "collapsedWidth" }] : /* istanbul ignore next */ []));
-        /** Display mode used when the selector is in collapsed state. */
-        this.collapsedDisplayMode = input('dropdown', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "collapsedDisplayMode" }] : /* istanbul ignore next */ []));
-        /** Pixel threshold below which the selector collapses. Use `-1` to disable. */
-        this.collapseAt = input(-1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "collapseAt" }] : /* istanbul ignore next */ []));
-        /** When `true`, `collapseAt` is compared against the container width rather than the window width. */
-        this.collapseAtContainer = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "collapseAtContainer" }] : /* istanbul ignore next */ []));
-        this.collapsed = computed(() => {
-            const cw = this.containerWidth();
-            const mw = this.collapseAt();
-            return this.mode() === 'collapsed' || (mw !== -1 && cw > 0 && mw > 0 && cw < mw);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
-        /** Label shown in the dropdown / above the chip list. */
-        this.label = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        /** When `true`, multiple chips can be selected simultaneously. */
-        this.multiple = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
-        /** When `true`, at least one item must remain selected. */
-        this.mustSelect = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "mustSelect" }] : /* istanbul ignore next */ []));
-        /** Layout mode: `'collapsed'` forces dropdown mode, `'dynamic'` collapses based on `collapseAt`. */
-        this.mode = input('dynamic', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-        /** When `true`, chips are stacked vertically instead of wrapping horizontally. */
-        this.stacked = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "stacked" }] : /* istanbul ignore next */ []));
-        /** Chips below this index receive extra padding to align with other UI elements. */
-        this.padAt = input(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "padAt" }] : /* istanbul ignore next */ []));
-        /** When `true`, the control is required. */
-        this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Placeholder text shown when no value is selected. */
-        this.placeholder = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-        this._disabled = false;
-        this.id = `chips-selector--${SystemUtils.generateUUID()}`;
-        this.describedBy = '';
-        this._value = [];
-        this.propagateChange = () => { };
-        this.propagateTouched = () => { };
-        this.renderer = inject(Renderer2);
-        this.cdr = inject(ChangeDetectorRef);
-        /** Currently selected items (may contain multiple entries when `multiple` is `true`). */
-        this.selection = [];
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-        // Notify state changes whenever required or placeholder inputs change
-        effect(() => {
-            this.required();
-            this.placeholder();
-            this.stateChanges.next();
-        });
-        // React to container size changes to keep the collapsed state up to date.
-        // `auditTime` on the animation-frame scheduler coalesces ResizeObserver bursts
-        // without adding perceptible latency, and defers the layout read out of the
-        // observer callback to avoid "ResizeObserver loop" warnings.
-        this.resize$
-            .pipe(takeUntilDestroyed(this.destroyRef), auditTime(0, animationFrameScheduler))
-            .subscribe(() => {
-            if (this.collapseAt() > 0) {
-                this.updateContainerWidth();
-            }
-        });
-        afterNextRender(() => {
-            if (SystemUtils.isBrowser() && typeof ResizeObserver !== 'undefined') {
-                const elem = document.getElementById(this.containerId);
-                if (elem) {
-                    this.resizeObserver = new ResizeObserver(() => this.resize$.next());
-                    this.resizeObserver.observe(elem);
-                }
-            }
-            setTimeout(() => {
-                this.updateContainerWidth();
-                this.changesEnabled = true;
-            }, 250);
-        });
-    }
-    ngOnDestroy() {
-        this.destroyed = true;
-        this.resizeObserver?.disconnect();
-        this.stateChanges.complete();
-    }
-    /**
-     * Measures the container (or window) width and updates the `containerWidth` signal,
-     * retrying after 100 ms if the element is not yet laid out.
-     */
-    updateContainerWidth() {
-        if (this.destroyed)
-            return;
-        const elem = document.getElementById(this.containerId);
-        if (elem && elem.clientWidth > 0) {
-            this.widthRetries = 0;
-            this.containerWidth.set(this.collapseAtContainer()
-                ? elem.clientWidth
-                : window.innerWidth);
-        }
-        else if (this.widthRetries < 50) {
-            // Bounded retry (max ~5 s): the old unbounded recursion kept running
-            // forever, even after the component was destroyed.
-            this.widthRetries++;
-            setTimeout(() => this.updateContainerWidth(), 100);
-        }
-    }
-    /**
-     * Resolves the effective selection array for the current display mode.
-     * In single-select collapsed button mode the `singleSelection` item is wrapped in an array.
-     * @returns The array of currently selected items.
-     */
-    getSelection() {
-        const value = !this.multiple() && this.collapsed() && this.collapsedDisplayMode() === 'button'
-            ? this.singleSelection
-            : this.selection;
-        if (Array.isArray(value)) {
-            return value;
-        }
-        return value ? [value] : [];
-    }
-    /**
-     * Schedules a value update after a short delay, giving the template time to sync `ngModel`.
-     */
-    updateValue() {
-        setTimeout(() => {
-            this.setValue(this.getSelection(), true);
-        }, 250);
-    }
-    /**
-     * Returns `true` when the given item can be selected in the current mode.
-     * In single-select mode an already-selected item is not re-selectable.
-     * @param item - The item to check.
-     * @returns True when the item is selectable.
-     */
-    isSelectable(item) {
-        return this.multiple() || this.getSelection().findIndex(x => x.value === item.value) === -1;
-    }
-    /**
-     * Writes a new value to the component (called by the form layer).
-     * @param value - The new selection to display.
-     */
-    writeValue(value) {
-        const next = value;
-        if (this.value !== next) {
-            // Model -> view write: must NOT propagate back to the form (echo loop)
-            this.setValue(next, false);
-        }
-    }
-    /**
-     * Registers the on-change callback (called by the form layer).
-     * @param fn - Callback to invoke whenever the value changes.
-     */
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    /**
-     * Registers the on-touched callback (called by the form layer).
-     * @param fn - Callback to invoke when the control is touched.
-     */
-    registerOnTouched(fn) {
-        this.propagateTouched = fn;
-    }
-    /**
-     * Sets the ARIA described-by IDs for accessibility.
-     * @param ids - The list of element IDs to associate with this control.
-     */
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(' ');
-    }
-    /**
-     * Updates the disabled state when the Angular form layer changes it.
-     * @param isDisabled - Whether the control should be disabled.
-     */
-    setDisabledState(isDisabled) {
-        this._disabled = isDisabled;
-        if (isDisabled && this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-        if (!SystemUtils.isBrowser())
-            return;
-        const elem = document.getElementById(this.id);
-        if (elem) {
-            this.renderer.setProperty(elem, 'disabled', isDisabled);
-        }
-    }
-    /**
-     * Handles a click on the container element, focusing it and marking it as touched.
-     */
-    onContainerClick() {
-        if (!this.focused) {
-            if (!SystemUtils.isBrowser())
-                return;
-            const elem = document.getElementById(this.id);
-            if (elem) {
-                elem.focus();
-                this.propagateTouched();
-            }
-        }
-    }
-    /**
-     * Clears the current selection and stops the event from bubbling.
-     * @param e - The originating click event.
-     */
-    clear(e) {
-        this.setValue([], true);
-        e.stopPropagation();
-    }
-    /**
-     * Selects a single item, replacing any existing selection.
-     * @param item - The item to select. Does nothing when `undefined`.
-     */
-    select(item) {
-        if (item) {
-            this.setValue([item], true);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ChipsSelectorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ChipsSelectorComponent, isStandalone: true, selector: "chips-selector", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedDisplayMode: { classPropertyName: "collapsedDisplayMode", publicName: "collapsedDisplayMode", isSignal: true, isRequired: false, transformFunction: null }, collapseAt: { classPropertyName: "collapseAt", publicName: "collapseAt", isSignal: true, isRequired: false, transformFunction: null }, collapseAtContainer: { classPropertyName: "collapseAtContainer", publicName: "collapseAtContainer", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, mustSelect: { classPropertyName: "mustSelect", publicName: "mustSelect", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, padAt: { classPropertyName: "padAt", publicName: "padAt", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { properties: { "id": "id", "class.floating": "shouldLabelFloat", "attr.aria-describedBy": "describedBy" } }, ngImport: i0, template: "<div [id]=\"containerId\" class=\"chips-selector\">\r\n    @if(containerWidth() > 0) {\r\n    @if(collapsed()) {\r\n    @if(collapsedDisplayMode() === 'dropdown') {\r\n    <mat-form-field [style.min-width]=\"collapsedWidth() > 0 ? collapsedWidth()+'px' : '100%'\" subscriptSizing=\"dynamic\">\r\n        @if(label()) {\r\n        <mat-label>{{label()}}</mat-label>\r\n        }\r\n        <mat-select [(ngModel)]=\"selection\" [multiple]=\"multiple()\" (selectionChange)=\"updateValue()\">\r\n            <mat-select-trigger>\r\n                @if (value && (value.length || 0) > 0) {\r\n                {{value[0].shortName ?? value[0].name}}\r\n                }\r\n                @if (value && (value.length || 0) > 1) {\r\n                <span class=\"collapsed-additional-selection\">\r\n                    (+{{(value.length || 0) - 1}} {{value.length === 2 ? 'altro' : 'altri'}})\r\n                </span>\r\n                }\r\n            </mat-select-trigger>\r\n            @for (o of options(); track $index) {\r\n            <mat-option [value]=\"o\" [disabled]=\"o.disabled\">\r\n                {{o.name}}\r\n                @if(o.bag) {\r\n                &nbsp; ({{o.bag}})\r\n                }\r\n            </mat-option>\r\n            }\r\n        </mat-select>\r\n        @if (value && (value.length || 0) > 0) {\r\n        <button matSuffix tabindex=\"-1\" mat-icon-button aria-label=\"Pulisci\" (click)=\"clear($event)\">\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n        }\r\n    </mat-form-field>\r\n    } @else {\r\n    <button-selector [label]=\"label()\" [options]=\"options()\" [width]=\"collapsedWidth()\" [(ngModel)]=\"singleSelection\"\r\n        name=\"value\" (selected)=\"updateValue()\"></button-selector>\r\n\r\n    }\r\n    } @else {\r\n    <mat-chip-listbox [class]=\"stacked() ? 'mat-mdc-chip-set-stacked' : ''\" [multiple]=\"multiple()\"\r\n        [(ngModel)]=\"selection\" (change)=\"updateValue()\">\r\n        @for (o of options(); track $index; let i = $index) {\r\n        <mat-chip-option [matBadge]=\"o.bag\" [matTooltip]=\"o.disabled === true ? 'Non disponibile' : (o.bagInfo ?? '')\" [selectable]=\"isSelectable(o)\" [value]=\"o\"\r\n            [disabled]=\"o.disabled\" [class.chip-padded]=\"i < padAt()\">{{o.shortName ??\r\n            o.name}}</mat-chip-option>\r\n        }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n</div>", styles: [".chips-selector{width:100%}.chips-selector .collapsed-additional-selection{opacity:.75;font-size:.75em}.chip-padded{margin-right:10px!important}.mdc-evolution-chip--disabled{pointer-events:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i5$2.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5$2.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ButtonSelectorComponent, selector: "button-selector", inputs: ["disabled", "width", "border", "borderRadius", "label", "labelSelected", "options", "autoSelect"], outputs: ["changed", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ChipsSelectorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'chips-selector', standalone: true, imports: [FlexLayoutModule, FormsModule, MatFormFieldModule, MatSelectModule,
-                        MatChipsModule, MatIconModule, MatButtonModule, MatBadgeModule, MatTooltipModule,
-                        ButtonSelectorComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[id]': 'id',
-                        '[class.floating]': 'shouldLabelFloat',
-                        '[attr.aria-describedBy]': 'describedBy',
-                    }, template: "<div [id]=\"containerId\" class=\"chips-selector\">\r\n    @if(containerWidth() > 0) {\r\n    @if(collapsed()) {\r\n    @if(collapsedDisplayMode() === 'dropdown') {\r\n    <mat-form-field [style.min-width]=\"collapsedWidth() > 0 ? collapsedWidth()+'px' : '100%'\" subscriptSizing=\"dynamic\">\r\n        @if(label()) {\r\n        <mat-label>{{label()}}</mat-label>\r\n        }\r\n        <mat-select [(ngModel)]=\"selection\" [multiple]=\"multiple()\" (selectionChange)=\"updateValue()\">\r\n            <mat-select-trigger>\r\n                @if (value && (value.length || 0) > 0) {\r\n                {{value[0].shortName ?? value[0].name}}\r\n                }\r\n                @if (value && (value.length || 0) > 1) {\r\n                <span class=\"collapsed-additional-selection\">\r\n                    (+{{(value.length || 0) - 1}} {{value.length === 2 ? 'altro' : 'altri'}})\r\n                </span>\r\n                }\r\n            </mat-select-trigger>\r\n            @for (o of options(); track $index) {\r\n            <mat-option [value]=\"o\" [disabled]=\"o.disabled\">\r\n                {{o.name}}\r\n                @if(o.bag) {\r\n                &nbsp; ({{o.bag}})\r\n                }\r\n            </mat-option>\r\n            }\r\n        </mat-select>\r\n        @if (value && (value.length || 0) > 0) {\r\n        <button matSuffix tabindex=\"-1\" mat-icon-button aria-label=\"Pulisci\" (click)=\"clear($event)\">\r\n            <mat-icon>close</mat-icon>\r\n        </button>\r\n        }\r\n    </mat-form-field>\r\n    } @else {\r\n    <button-selector [label]=\"label()\" [options]=\"options()\" [width]=\"collapsedWidth()\" [(ngModel)]=\"singleSelection\"\r\n        name=\"value\" (selected)=\"updateValue()\"></button-selector>\r\n\r\n    }\r\n    } @else {\r\n    <mat-chip-listbox [class]=\"stacked() ? 'mat-mdc-chip-set-stacked' : ''\" [multiple]=\"multiple()\"\r\n        [(ngModel)]=\"selection\" (change)=\"updateValue()\">\r\n        @for (o of options(); track $index; let i = $index) {\r\n        <mat-chip-option [matBadge]=\"o.bag\" [matTooltip]=\"o.disabled === true ? 'Non disponibile' : (o.bagInfo ?? '')\" [selectable]=\"isSelectable(o)\" [value]=\"o\"\r\n            [disabled]=\"o.disabled\" [class.chip-padded]=\"i < padAt()\">{{o.shortName ??\r\n            o.name}}</mat-chip-option>\r\n        }\r\n    </mat-chip-listbox>\r\n    }\r\n    }\r\n</div>", styles: [".chips-selector{width:100%}.chips-selector .collapsed-additional-selection{opacity:.75;font-size:.75em}.chip-padded{margin-right:10px!important}.mdc-evolution-chip--disabled{pointer-events:auto!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }], propDecorators: { changed: [{ type: i0.Output, args: ["changed"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], collapsedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedWidth", required: false }] }], collapsedDisplayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedDisplayMode", required: false }] }], collapseAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseAt", required: false }] }], collapseAtContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseAtContainer", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], mustSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "mustSelect", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], stacked: [{ type: i0.Input, args: [{ isSignal: true, alias: "stacked", required: false }] }], padAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "padAt", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{
-                type: Input
-            }] } });
-
-class FileInputComponent {
-    // Initialize
-    static { this.nextId = 0; }
-    set value(value) {
-        this.setValue(value, true);
-    }
-    /**
-     * Updates the internal state. Form propagation is skipped for model->view
-     * writes (writeValue) to avoid the CVA echo loop, and performed for
-     * user-driven changes (selectFile/clearFile) and the public value setter.
-     * @param value     - The new file info to store and display.
-     * @param propagate - When `true`, notifies the registered onChange callback.
-     */
-    setValue(value, propagate) {
-        this._value = value;
-        if (propagate) {
-            this.propagateChange(this._value);
-        }
-        this.stateChanges.next();
-        this.changed.emit(this._value);
-    }
-    get value() {
-        return this._value;
-    }
-    get size() {
-        return this._value?.file?.size;
-    }
-    get required() {
-        return this._required;
-    }
-    set required(value) {
-        this._required = coerceBooleanProperty(value);
-        this.stateChanges.next();
-    }
-    get disabled() {
-        if (this.ngControl && this.ngControl.disabled != null) {
-            return this.ngControl.disabled;
-        }
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-        if (this.focused) {
-            this.focused = false;
-            this.stateChanges.next();
-        }
-    }
-    get placeholder() {
-        return this._placeholder();
-    }
-    set placeholder(value) {
-        this._placeholder.set(value);
-        this.stateChanges.next();
-    }
-    get empty() {
-        return !this._value || !this._value.file;
-    }
-    /** True when the control has validation errors and has been touched. */
-    get errorState() {
-        return (this.ngControl?.errors != null) && (this.ngControl?.touched ?? false);
-    }
-    /** True when the label should float above the field. */
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    constructor(ngControl) {
-        this.ngControl = ngControl;
-        /** Reference to the hidden native file input element. */
-        this.__file = viewChild.required('__file', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "__file" }] : /* istanbul ignore next */ []));
-        this.renderer = inject(Renderer2);
-        this.uiService = inject(UIService);
-        this.stateChanges = new Subject();
-        this.controlType = 'file-input';
-        this.focused = false;
-        /** Whether the device supports camera capture. */
-        this.canCapture = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canCapture" }] : /* istanbul ignore next */ []));
-        /** Size in MB of the currently selected file. */
-        this.fileSize = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileSize" }] : /* istanbul ignore next */ []));
-        this._placeholder = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_placeholder" }] : /* istanbul ignore next */ []));
-        this._value = new FileInfo();
-        this._required = false;
-        this._disabled = false;
-        /** The currently displayed file name. Can be bound two-way from outside or updated on file selection. */
-        this.fileName = model(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "fileName" }] : /* istanbul ignore next */ []));
-        this.maxSizeMb = input(5, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "maxSizeMb" }] : /* istanbul ignore next */ []));
-        this.minSizeMb = input(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "minSizeMb" }] : /* istanbul ignore next */ []));
-        this.isNew = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isNew" }] : /* istanbul ignore next */ []));
-        this.canPreview = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canPreview" }] : /* istanbul ignore next */ []));
-        this.appearance = input(this.uiService.appearance(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
-        this.accept = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "accept" }] : /* istanbul ignore next */ []));
-        this.id = `${this.controlType}-${FileInputComponent.nextId++}`;
-        this.describedBy = '';
-        this.changed = output();
-        this.download = output();
-        this.preview = output();
-        this.propagateChange = (_) => { };
-        this.propagateTouched = () => { };
-        if (this.ngControl != null) {
-            this.ngControl.valueAccessor = this;
-        }
-        // Detect camera availability and set the default placeholder after the first render
-        afterNextRender(() => { this.setupDevices(); });
-    }
-    /**
-     * Detects camera availability and updates the placeholder accordingly.
-     */
-    async setupDevices() {
-        this.canCapture.set(false);
-        if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-            try {
-                const stream = await navigator.mediaDevices.getUserMedia({ video: true });
-                if (stream) {
-                    this.canCapture.set(true);
-                }
-            }
-            catch { }
-        }
-        if (!this.placeholder || this.placeholder === 'Seleziona file') {
-            this._placeholder.set(this.canCapture()
-                ? 'Seleziona file o acquisisci con fotocamera'
-                : 'Seleziona file');
-        }
-    }
-    ngOnDestroy() {
-        this.stateChanges.complete();
-    }
-    ngDoCheck() {
-        this.updateInputDirtyCheck();
-    }
-    /**
-     * Writes a new value to the component (called by the form layer).
-     * @param value - The new file info to display.
-     */
-    writeValue(value) {
-        // Model -> view write: must NOT propagate back to the form (echo loop)
-        this.setValue(value, false);
-    }
-    /**
-     * Registers the on-change callback (called by the form layer).
-     * @param fn - Callback to invoke whenever the value changes.
-     */
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    /**
-     * Registers the on-touched callback (called by the form layer).
-     * @param fn - Callback to invoke when the control is touched.
-     */
-    registerOnTouched(fn) {
-        this.propagateTouched = fn;
-    }
-    /**
-     * Sets the ARIA describedby attribute from the given element IDs.
-     * @param ids - Array of element IDs that describe this control.
-     */
-    setDescribedByIds(ids) {
-        this.describedBy = ids.join(' ');
-    }
-    /**
-     * Updates the disabled state of the underlying native element.
-     * @param isDisabled - Whether the control should be disabled.
-     */
-    setDisabledState(isDisabled) {
-        if (!SystemUtils.isBrowser())
-            return;
-        const elem = document.getElementById(this.id);
-        if (elem) {
-            this.renderer.setProperty(elem, 'disabled', isDisabled);
-        }
-    }
-    /** Focuses the native input element and marks the control as touched. */
-    onContainerClick() {
-        if (!this.focused) {
-            if (!SystemUtils.isBrowser())
-                return;
-            const elem = document.getElementById(this.id);
-            if (elem) {
-                elem.focus();
-                this.propagateTouched();
-            }
-        }
-    }
-    /**
-     * Checks whether the value has changed since the last dirty check and emits `stateChanges` if needed.
-     */
-    updateInputDirtyCheck() {
-        const newValue = this._value;
-        if (this.previousNativeValue !== newValue) {
-            this.previousNativeValue = newValue;
-            this.stateChanges.next();
-        }
-    }
-    /**
-     * Handles file selection from the native input element.
-     * @param e - The DOM change event from the file input.
-     */
-    selectFile(e) {
-        const input = e.target;
-        if (input.files?.length) {
-            const f = input.files[0];
-            const fileInfo = new FileInfo();
-            const fileSizeMb = f.size / 1048576;
-            fileInfo.file = f;
-            fileInfo.valid =
-                (!this.maxSizeMb() || fileSizeMb <= this.maxSizeMb()) &&
-                    (!this.minSizeMb() || fileSizeMb >= this.minSizeMb());
-            this.setValue(fileInfo, true);
-            this.fileName.set(f.name);
-            this.fileSize.set(Math.round(fileSizeMb));
-        }
-    }
-    /**
-     * Checks whether a file is currently selected.
-     * @returns `true` if a file is attached to the current value.
-     */
-    hasFile() {
-        return !!(this._value?.file);
-    }
-    /**
-     * Clears the currently selected file and resets the control.
-     */
-    clearFile() {
-        if (this.hasFile()) {
-            this.fileName.set(undefined);
-            this.fileSize.set(0);
-            const fi = new FileInfo();
-            fi.file = undefined;
-            fi.valid = !this.required;
-            this.setValue(fi, true);
-            this.__file().nativeElement.value = '';
-        }
-    }
-    /**
-     * Emits the `download` output event if the file is not newly added.
-     */
-    downloadFile() {
-        if (!this.isNew())
-            this.download.emit();
-    }
-    /**
-     * Emits the `preview` output event if the file is not new and preview is enabled.
-     */
-    previewFile() {
-        if (!this.isNew() && this.canPreview())
-            this.preview.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FileInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: FileInputComponent, isStandalone: true, selector: "file-input", inputs: { required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, maxSizeMb: { classPropertyName: "maxSizeMb", publicName: "maxSizeMb", isSignal: true, isRequired: false, transformFunction: null }, minSizeMb: { classPropertyName: "minSizeMb", publicName: "minSizeMb", isSignal: true, isRequired: false, transformFunction: null }, isNew: { classPropertyName: "isNew", publicName: "isNew", isSignal: true, isRequired: false, transformFunction: null }, canPreview: { classPropertyName: "canPreview", publicName: "canPreview", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileName: "fileNameChange", changed: "changed", download: "download", preview: "preview" }, host: { properties: { "id": "id", "class.floating": "shouldLabelFloat", "attr.aria-describedBy": "describedBy" } }, providers: [{ provide: MatFormFieldControl, useExisting: FileInputComponent }], viewQueries: [{ propertyName: "__file", first: true, predicate: ["__file"], descendants: true, isSignal: true }], ngImport: i0, template: "<mat-form-field style=\"width:100%\" [appearance]=\"appearance()\">\r\n  <mat-label>{{placeholder}}</mat-label>\r\n  <input type=\"file\" [hidden]=\"true\" [accept]=\"accept()\" (change)=\"selectFile($event)\" #__file />\r\n  <input name=\"_fileName\" #_fileName=\"ngModel\" [ngModel]=\"fileName()\" (ngModelChange)=\"fileName.set($event)\" [id]=\"id\" matInput readonly [required]=\"required\"\r\n    fileSize [size]=\"fileSize()\" [maxSizeMb]=\"maxSizeMb()\" [minSizeMb]=\"minSizeMb()\" [disabled]=\"disabled\" />\r\n  @if (hasFile()) {\r\n  <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\" (click)=\"clearFile()\" [disabled]=\"disabled\">\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n  }\r\n  @if (!disabled) {\r\n  <button type=\"button\" type=\"button\" mat-icon-button matSuffix (click)=\"__file.click()\" aria-label=\"Seleziona file\"\r\n    matTooltip=\"Seleziona\" [disabled]=\"disabled\">\r\n    <mat-icon>add</mat-icon>\r\n  </button>\r\n  }\r\n  @if (!isNew() && canPreview()) {\r\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"previewFile()\" aria-label=\"Anteprima\" matTooltip=\"Anteprima\" [disabled]=\"disabled\">\r\n    <mat-icon>preview</mat-icon>\r\n  </button>\r\n  }\r\n  @if (!isNew()) {\r\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"downloadFile()\" aria-label=\"Scarica file\"\r\n    matTooltip=\"Scarica\" [disabled]=\"disabled\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  }\r\n  @if (hasFile() && fileSize() > 0) {\r\n  <mat-hint align=\"start\">{{fileSize()}} MB</mat-hint>\r\n  }\r\n  @if (hasFile() && fileSize() == 0) {\r\n  <mat-hint align=\"start\">\r\n    &gt; 1 MB</mat-hint>\r\n      } @if (maxSizeMb()) {\r\n      <mat-hint align=\"end\">Massimo {{maxSizeMb()}} MB\r\n      </mat-hint>\r\n      }\r\n      @if (_fileName.invalid && !hasFile()) {\r\n      <mat-error>Obbligatorio.</mat-error>\r\n      }\r\n      @if (_fileName.invalid && hasFile()) {\r\n      <mat-error>Dimensione non consentita.</mat-error>\r\n      }\r\n</mat-form-field>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: FileSizeValidatorDirective, selector: "[fileSize]", inputs: ["maxSizeMb", "minSizeMb", "size"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FileInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'file-input', providers: [{ provide: MatFormFieldControl, useExisting: FileInputComponent }], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormFieldModule, MatInputModule, FormsModule, FileSizeValidatorDirective, MatButtonModule,
-                        MatIconModule, MatTooltipModule], host: {
-                        '[id]': 'id',
-                        '[class.floating]': 'shouldLabelFloat',
-                        '[attr.aria-describedBy]': 'describedBy',
-                    }, template: "<mat-form-field style=\"width:100%\" [appearance]=\"appearance()\">\r\n  <mat-label>{{placeholder}}</mat-label>\r\n  <input type=\"file\" [hidden]=\"true\" [accept]=\"accept()\" (change)=\"selectFile($event)\" #__file />\r\n  <input name=\"_fileName\" #_fileName=\"ngModel\" [ngModel]=\"fileName()\" (ngModelChange)=\"fileName.set($event)\" [id]=\"id\" matInput readonly [required]=\"required\"\r\n    fileSize [size]=\"fileSize()\" [maxSizeMb]=\"maxSizeMb()\" [minSizeMb]=\"minSizeMb()\" [disabled]=\"disabled\" />\r\n  @if (hasFile()) {\r\n  <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\" (click)=\"clearFile()\" [disabled]=\"disabled\">\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n  }\r\n  @if (!disabled) {\r\n  <button type=\"button\" type=\"button\" mat-icon-button matSuffix (click)=\"__file.click()\" aria-label=\"Seleziona file\"\r\n    matTooltip=\"Seleziona\" [disabled]=\"disabled\">\r\n    <mat-icon>add</mat-icon>\r\n  </button>\r\n  }\r\n  @if (!isNew() && canPreview()) {\r\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"previewFile()\" aria-label=\"Anteprima\" matTooltip=\"Anteprima\" [disabled]=\"disabled\">\r\n    <mat-icon>preview</mat-icon>\r\n  </button>\r\n  }\r\n  @if (!isNew()) {\r\n  <button type=\"button\" mat-icon-button matSuffix (click)=\"downloadFile()\" aria-label=\"Scarica file\"\r\n    matTooltip=\"Scarica\" [disabled]=\"disabled\">\r\n    <mat-icon>save_alt</mat-icon>\r\n  </button>\r\n  }\r\n  @if (hasFile() && fileSize() > 0) {\r\n  <mat-hint align=\"start\">{{fileSize()}} MB</mat-hint>\r\n  }\r\n  @if (hasFile() && fileSize() == 0) {\r\n  <mat-hint align=\"start\">\r\n    &gt; 1 MB</mat-hint>\r\n      } @if (maxSizeMb()) {\r\n      <mat-hint align=\"end\">Massimo {{maxSizeMb()}} MB\r\n      </mat-hint>\r\n      }\r\n      @if (_fileName.invalid && !hasFile()) {\r\n      <mat-error>Obbligatorio.</mat-error>\r\n      }\r\n      @if (_fileName.invalid && hasFile()) {\r\n      <mat-error>Dimensione non consentita.</mat-error>\r\n      }\r\n</mat-form-field>" }]
-        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }], propDecorators: { __file: [{ type: i0.ViewChild, args: ['__file', { isSignal: true }] }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }, { type: i0.Output, args: ["fileNameChange"] }], maxSizeMb: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSizeMb", required: false }] }], minSizeMb: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSizeMb", required: false }] }], isNew: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNew", required: false }] }], canPreview: [{ type: i0.Input, args: [{ isSignal: true, alias: "canPreview", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], download: [{ type: i0.Output, args: ["download"] }], preview: [{ type: i0.Output, args: ["preview"] }] } });
-
-class FilePreviewComponent {
-    constructor() {
-        this.iframe = viewChild('iframe', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iframe" }] : /* istanbul ignore next */ []));
-        this.httpClient = inject(HttpClient);
-        this.dialogService = inject(DialogService);
-        this.dialogData = inject(MAT_DIALOG_DATA) ?? {};
-        this.url = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []));
-        // Revoke the blob object URL on destroy: createObjectURL keeps the whole
-        // downloaded blob alive until revoked — repeated previews leaked memory.
-        inject(DestroyRef).onDestroy(() => {
-            const u = this.url();
-            if (u?.startsWith('blob:'))
-                URL.revokeObjectURL(u);
-        });
-        const data = this.dialogData;
-        if (!data?.url)
-            return;
-        if (!data.embed) {
-            this.dialogService.setBusy('Download in corso...');
-            this.httpClient.get(data.url, {
-                headers: data.authToken
-                    ? new HttpHeaders().set('Authorization', data.authToken)
-                    : new HttpHeaders(),
-                responseType: 'blob'
-            })
-                .pipe(takeUntilDestroyed())
-                .subscribe({
-                next: (res) => {
-                    this.url.set(URL.createObjectURL(res));
-                    this.dialogService.clearBusy();
-                },
-                error: () => {
-                    this.dialogService.clearBusy();
-                }
-            });
-        }
-        else {
-            this.url.set('https://view.officeapps.live.com/op/embed.aspx?src=' + encodeURIComponent(data.url));
-        }
-    }
-    /**
-     * Handles the iframe load event: scrolls to the top and centers a single image when present.
-     */
-    loaded() {
-        const iframe = this.iframe()?.nativeElement;
-        if (!iframe) {
-            return;
-        }
-        try {
-            iframe.contentWindow?.scrollTo(0, 0);
-            // Resize and center single image
-            if (!this.dialogData?.embed && iframe.contentDocument) {
-                const images = iframe.contentDocument.querySelectorAll('img') || [];
-                if (images.length === 1) {
-                    Object.assign(images[0].style, {
-                        position: 'absolute',
-                        top: '50%',
-                        left: '50%',
-                        transform: 'translate(-50%, -50%)',
-                        maxWidth: images[0].style.maxWidth || '100%',
-                        maxHeight: images[0].style.maxHeight || '100%'
-                    });
-                    const iframeBody = iframe.contentDocument.body;
-                    if (iframeBody && !iframeBody.style.height) {
-                        iframeBody.style.height = '100%';
-                    }
-                }
-            }
-        }
-        catch (e) {
-            console.error('Impossibile accedere al contenuto dell\'iframe:', e);
-        }
-    }
-    /**
-     * Opens the current file URL in a new browser tab for manual download.
-     */
-    download() {
-        const currentUrl = this.url();
-        if (currentUrl) {
-            window.open(currentUrl, '_blank');
-        }
-    }
-    /**
-     * Displays a help dialog with browser-specific instructions for enabling PDF preview.
-     */
-    troubles() {
-        this.dialogService.info("<p>Se non riesci a visualizzare l'anteprima dei file PDF probabilmente devi abilitare un'impostazione del tuo browser.</p>" +
-            "<b>Per Google Chrome</b><br>" +
-            "<p class='small' style='padding-left:10px'><i>impostazioni > privacy e sicurezza > impostazioni sito > documenti PDF</i></p>" +
-            "<b>Per Microsoft Edge</b><br>" +
-            "<p class='small' style='padding-left:10px'><i>impostazioni > cookie e autorizzazioni sito > documenti PDF</i></p>" +
-            "<b>Per Mozilla Firefox</b><br>" +
-            "<p class='small' style='padding-left:10px'><i>impostazioni > generale > applicazioni</i></p>" +
-            "<b>Altri browser</b><br>" +
-            "<p class='small' style='padding-left:10px'>Fate riferimento alla documentazione specifica del vostro browser.</p>", "Problemi con le anteprime dei file PDF?");
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FilePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: FilePreviewComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true, isSignal: true }], ngImport: i0, template: "<mat-dialog-content class=\"file-preview\"  id=\"file-preview-scrollable\">\r\n  <div class=\"content\">\r\n    @if (!url()) {\r\n    <div class=\"loading\">Caricamento in corso...</div>\r\n    } @else {\r\n    <iframe class=\"iframe\" #iframe  (load)=\"loaded()\"  [src]=\"url() | safeUrl\"></iframe>\r\n    }\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions id=\"file-preview-fixed\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"50\">\r\n      <button mat-stroked-button  (click)=\"troubles()\"\r\n        matTooltip=\"Fai click se non riesci a visualizzare l'anteprima dei file PDF\">Problemi con i PDF?</button>\r\n    </div>\r\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\r\n      <button mat-stroked-button  (click)=\"download()\">Scarica</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".file-preview{padding:0}.file-preview .content{height:100%;width:100%;overflow:hidden;background-color:var(--ars-filepreview-content-background-color, #f7faf8)}.file-preview .content .loading{animation:blinker 2s linear infinite;font-size:x-large;color:var(--ars-color-text, #191c1b);width:100%;height:100%;padding:20px}.file-preview .content .iframe{width:100%;height:100%;border:0;background-color:var(--ars-filepreview-content-background-color, #f7faf8)!important}@keyframes blinker{50%{opacity:0}}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FilePreviewComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogContent, FlexLayoutModule, MatDialogActions, MatButtonModule, MatTooltipModule,
-                        MatDialogClose, SafeUrlPipe], template: "<mat-dialog-content class=\"file-preview\"  id=\"file-preview-scrollable\">\r\n  <div class=\"content\">\r\n    @if (!url()) {\r\n    <div class=\"loading\">Caricamento in corso...</div>\r\n    } @else {\r\n    <iframe class=\"iframe\" #iframe  (load)=\"loaded()\"  [src]=\"url() | safeUrl\"></iframe>\r\n    }\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions id=\"file-preview-fixed\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"50\">\r\n      <button mat-stroked-button  (click)=\"troubles()\"\r\n        matTooltip=\"Fai click se non riesci a visualizzare l'anteprima dei file PDF\">Problemi con i PDF?</button>\r\n    </div>\r\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\r\n      <button mat-stroked-button  (click)=\"download()\">Scarica</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".file-preview{padding:0}.file-preview .content{height:100%;width:100%;overflow:hidden;background-color:var(--ars-filepreview-content-background-color, #f7faf8)}.file-preview .content .loading{animation:blinker 2s linear infinite;font-size:x-large;color:var(--ars-color-text, #191c1b);width:100%;height:100%;padding:20px}.file-preview .content .iframe{width:100%;height:100%;border:0;background-color:var(--ars-filepreview-content-background-color, #f7faf8)!important}@keyframes blinker{50%{opacity:0}}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { iframe: [{ type: i0.ViewChild, args: ['iframe', { isSignal: true }] }] } });
-
-class FilterBarComponent {
-    constructor() {
-        /** Emitted whenever any filter value changes. */
-        this.changed = output();
-        /** The list of filter groups to display. */
-        this.filters = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "filters" }] : /* istanbul ignore next */ []));
-        this.canFilterByText = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canFilterByText" }] : /* istanbul ignore next */ []));
-        this.canFilterByText2 = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canFilterByText2" }] : /* istanbul ignore next */ []));
-        this.canFilterByText3 = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canFilterByText3" }] : /* istanbul ignore next */ []));
-        /** Initial text values for the search inputs — synced into the model signals on change. */
-        this.initialText = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "initialText" }] : /* istanbul ignore next */ []));
-        this.initialText2 = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "initialText2" }] : /* istanbul ignore next */ []));
-        this.initialText3 = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "initialText3" }] : /* istanbul ignore next */ []));
-        this.textName = input("testo", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "textName" }] : /* istanbul ignore next */ []));
-        this.text2Name = input("...", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text2Name" }] : /* istanbul ignore next */ []));
-        this.text3Name = input("...", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text3Name" }] : /* istanbul ignore next */ []));
-        this.textLength = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "textLength" }] : /* istanbul ignore next */ []));
-        this.text2Length = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "text2Length" }] : /* istanbul ignore next */ []));
-        this.text3Length = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "text3Length" }] : /* istanbul ignore next */ []));
-        this.showTextSearchButton = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showTextSearchButton" }] : /* istanbul ignore next */ []));
-        this.appearance = input('outline', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
-        /** Two-way bindable text filter values. */
-        this.text = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-        this.text2 = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text2" }] : /* istanbul ignore next */ []));
-        this.text3 = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text3" }] : /* istanbul ignore next */ []));
-        /** Filter group for slot 1, derived reactively from the `filters` input. */
-        this.flt1 = computed(() => this.filters()?.find(n => n.group === Filters.FLT_1), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "flt1" }] : /* istanbul ignore next */ []));
-        /** Filter group for slot 2, derived reactively from the `filters` input. */
-        this.flt2 = computed(() => this.filters()?.find(n => n.group === Filters.FLT_2), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "flt2" }] : /* istanbul ignore next */ []));
-        /** Filter group for slot 3, derived reactively from the `filters` input. */
-        this.flt3 = computed(() => this.filters()?.find(n => n.group === Filters.FLT_3), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "flt3" }] : /* istanbul ignore next */ []));
-        /** Filter group for slot 4, derived reactively from the `filters` input. */
-        this.flt4 = computed(() => this.filters()?.find(n => n.group === Filters.FLT_4), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "flt4" }] : /* istanbul ignore next */ []));
-        /** Filter group for slot 5, derived reactively from the `filters` input. */
-        this.flt5 = computed(() => this.filters()?.find(n => n.group === Filters.FLT_5), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "flt5" }] : /* istanbul ignore next */ []));
-        /** True when filter slot 1 has an action or item list. */
-        this.canFilterByFlt1 = computed(() => {
-            const g = this.flt1();
-            return !!(g?.action || (g?.items && g.items.length > 0));
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canFilterByFlt1" }] : /* istanbul ignore next */ []));
-        /** True when filter slot 2 has an action or item list. */
-        this.canFilterByFlt2 = computed(() => {
-            const g = this.flt2();
-            return !!(g?.action || (g?.items && g.items.length > 0));
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canFilterByFlt2" }] : /* istanbul ignore next */ []));
-        /** True when filter slot 3 has an action or item list. */
-        this.canFilterByFlt3 = computed(() => {
-            const g = this.flt3();
-            return !!(g?.action || (g?.items && g.items.length > 0));
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canFilterByFlt3" }] : /* istanbul ignore next */ []));
-        /** True when filter slot 4 has an action or item list. */
-        this.canFilterByFlt4 = computed(() => {
-            const g = this.flt4();
-            return !!(g?.action || (g?.items && g.items.length > 0));
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canFilterByFlt4" }] : /* istanbul ignore next */ []));
-        /** True when filter slot 5 has an action or item list. */
-        this.canFilterByFlt5 = computed(() => {
-            const g = this.flt5();
-            return !!(g?.action || (g?.items && g.items.length > 0));
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canFilterByFlt5" }] : /* istanbul ignore next */ []));
-        this.currentFilter = new CurrentFilter();
-        this.cdr = inject(ChangeDetectorRef);
-        // Sync the initialText inputs into the model signals whenever they change
-        effect(() => {
-            this.text.set(this.initialText());
-            this.text2.set(this.initialText2());
-            this.text3.set(this.initialText3());
-        });
-    }
-    /**
-     * No-op kept for API compatibility.
-     * Filter groups are now computed reactively from the `filters()` input.
-     */
-    initializeFilters() { }
-    /**
-     * Applies the selected filter item to the current filter state and emits the change.
-     * @param filter - The filter item to apply.
-     */
-    applyFilter(filter) {
-        let changed = false;
-        switch (filter.group) {
-            case Filters.FLT_1:
-                changed = this.currentFilter.flt1 !== filter.value;
-                if (changed) {
-                    this.currentFilter.flt1 = filter.value;
-                    this.currentFilter.flt1Name = filter.titleSelected;
-                }
-                break;
-            case Filters.FLT_2:
-                changed = this.currentFilter.flt2 !== filter.value;
-                if (changed) {
-                    this.currentFilter.flt2 = filter.value;
-                    this.currentFilter.flt2Name = filter.titleSelected;
-                }
-                break;
-            case Filters.FLT_3:
-                changed = this.currentFilter.flt3 !== filter.value;
-                if (changed) {
-                    this.currentFilter.flt3 = filter.value;
-                    this.currentFilter.flt3Name = filter.titleSelected;
-                }
-                break;
-            case Filters.FLT_4:
-                changed = this.currentFilter.flt4 !== filter.value;
-                if (changed) {
-                    this.currentFilter.flt4 = filter.value;
-                    this.currentFilter.flt4Name = filter.titleSelected;
-                }
-                break;
-            case Filters.FLT_5:
-                changed = this.currentFilter.flt5 !== filter.value;
-                if (changed) {
-                    this.currentFilter.flt5 = filter.value;
-                    this.currentFilter.flt5Name = filter.titleSelected;
-                }
-                break;
-        }
-        if (changed) {
-            this.cdr.markForCheck();
-            this.changed.emit({ filter: this.currentFilter, group: filter.group });
-        }
-    }
-    /**
-     * Executes the action associated with a filter group, or clears the filter.
-     * @param group - The filter group number.
-     * @param clear - When `true`, clears the filter instead of triggering its action.
-     */
-    applyFilterAction(group, clear = false) {
-        if (!clear) {
-            const g = this.getFilterGroup(group);
-            if (g?.action) {
-                g.action(this, g);
-            }
-        }
-        else {
-            this.clearFilter(group);
-        }
-    }
-    /** Commits the current text inputs to the filter state and emits the change. */
-    applyTextFilter() {
-        this.currentFilter.text = this.text();
-        this.currentFilter.text2 = this.text2();
-        this.currentFilter.text3 = this.text3();
-        this.changed.emit({
-            filter: this.currentFilter,
-            group: Filters.FLT_TEXT
-        });
-    }
-    /**
-     * Clears the active filter for the specified group and emits the change if it was set.
-     * @param group - The filter group number to clear.
-     */
-    clearFilter(group) {
-        let changed = false;
-        switch (group) {
-            case Filters.FLT_1:
-                changed = this.currentFilter.flt1 != undefined;
-                if (changed) {
-                    this.currentFilter.flt1 = undefined;
-                    this.currentFilter.flt1Name = undefined;
-                }
-                break;
-            case Filters.FLT_2:
-                changed = this.currentFilter.flt2 != undefined;
-                if (changed) {
-                    this.currentFilter.flt2 = undefined;
-                    this.currentFilter.flt2Name = undefined;
-                }
-                break;
-            case Filters.FLT_3:
-                changed = this.currentFilter.flt3 != undefined;
-                if (changed) {
-                    this.currentFilter.flt3 = undefined;
-                    this.currentFilter.flt3Name = undefined;
-                }
-                break;
-            case Filters.FLT_4:
-                changed = this.currentFilter.flt4 != undefined;
-                if (changed) {
-                    this.currentFilter.flt4 = undefined;
-                    this.currentFilter.flt4Name = undefined;
-                }
-                break;
-            case Filters.FLT_5:
-                changed = this.currentFilter.flt5 != undefined;
-                if (changed) {
-                    this.currentFilter.flt5 = undefined;
-                    this.currentFilter.flt5Name = undefined;
-                }
-                break;
-        }
-        if (changed) {
-            this.cdr.markForCheck();
-            this.changed.emit({ filter: this.currentFilter, group: group });
-        }
-    }
-    /** Resets all active filters and text inputs, then emits the change. */
-    clearAllFilters() {
-        this.currentFilter.flt1 = undefined;
-        this.currentFilter.flt1Name = undefined;
-        this.currentFilter.flt2 = undefined;
-        this.currentFilter.flt2Name = undefined;
-        this.currentFilter.flt3 = undefined;
-        this.currentFilter.flt3Name = undefined;
-        this.currentFilter.flt4 = undefined;
-        this.currentFilter.flt4Name = undefined;
-        this.currentFilter.flt5 = undefined;
-        this.currentFilter.flt5Name = undefined;
-        this.currentFilter.text = undefined;
-        this.currentFilter.text2 = undefined;
-        this.currentFilter.text3 = undefined;
-        this.text.set(undefined);
-        this.text2.set(undefined);
-        this.text3.set(undefined);
-        this.cdr.markForCheck();
-        this.changed.emit({ filter: this.currentFilter, group: -1 });
-    }
-    /**
-     * Returns `true` when more than one filter type is active, showing the "clear all" button.
-     * @returns True when the clear-all button should be visible.
-     */
-    canClearAllFilters() {
-        let count = 0;
-        if (this.canFilterByText())
-            count++;
-        if (this.canFilterByText2())
-            count++;
-        if (this.canFilterByText3())
-            count++;
-        if (this.canFilterByFlt1())
-            count++;
-        if (this.canFilterByFlt2())
-            count++;
-        if (this.canFilterByFlt3())
-            count++;
-        if (this.canFilterByFlt4())
-            count++;
-        if (this.canFilterByFlt5())
-            count++;
-        return count > 1;
-    }
-    /**
-     * Returns the filter group matching the given id, or `undefined` if not found.
-     * @param id - The group id to look up.
-     * @returns The matching `FilterGroup`, or `undefined`.
-     */
-    getFilterGroup(id) {
-        return this.filters()?.find(n => n.group === id);
-    }
-    /** Synchronises the filter bar display with the values currently stored in `currentFilter`. */
-    syncFilter() {
-        let g = this.getFilterGroup(Filters.FLT_1);
-        if (g?.items) {
-            this.currentFilter.flt1Name = undefined;
-            if (this.currentFilter.flt1) {
-                const gi = g.items.find(n => n.value === this.currentFilter.flt1);
-                if (gi)
-                    this.currentFilter.flt1Name = gi.titleSelected;
-                else
-                    this.currentFilter.flt1 = undefined;
-            }
-        }
-        g = this.getFilterGroup(Filters.FLT_2);
-        if (g?.items) {
-            this.currentFilter.flt2Name = undefined;
-            if (this.currentFilter.flt2) {
-                const gi = g.items.find(n => n.value === this.currentFilter.flt2);
-                if (gi)
-                    this.currentFilter.flt2Name = gi.titleSelected;
-                else
-                    this.currentFilter.flt2 = undefined;
-            }
-        }
-        g = this.getFilterGroup(Filters.FLT_3);
-        if (g?.items) {
-            this.currentFilter.flt3Name = undefined;
-            if (this.currentFilter.flt3) {
-                const gi = g.items.find(n => n.value === this.currentFilter.flt3);
-                if (gi)
-                    this.currentFilter.flt3Name = gi.titleSelected;
-                else
-                    this.currentFilter.flt3 = undefined;
-            }
-        }
-        g = this.getFilterGroup(Filters.FLT_4);
-        if (g?.items) {
-            this.currentFilter.flt4Name = undefined;
-            if (this.currentFilter.flt4) {
-                const gi = g.items.find(n => n.value === this.currentFilter.flt4);
-                if (gi)
-                    this.currentFilter.flt4Name = gi.titleSelected;
-                else
-                    this.currentFilter.flt4 = undefined;
-            }
-        }
-        g = this.getFilterGroup(Filters.FLT_5);
-        if (g?.items) {
-            this.currentFilter.flt5Name = undefined;
-            if (this.currentFilter.flt5) {
-                const gi = g.items.find(n => n.value === this.currentFilter.flt5);
-                if (gi)
-                    this.currentFilter.flt5Name = gi.titleSelected;
-                else
-                    this.currentFilter.flt5 = undefined;
-            }
-        }
-        this.text.set(this.currentFilter.text);
-        this.text2.set(this.currentFilter.text2);
-        this.text3.set(this.currentFilter.text3);
-        this.cdr.markForCheck();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FilterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: FilterBarComponent, isStandalone: true, selector: "filter-bar", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, canFilterByText: { classPropertyName: "canFilterByText", publicName: "canFilterByText", isSignal: true, isRequired: false, transformFunction: null }, canFilterByText2: { classPropertyName: "canFilterByText2", publicName: "canFilterByText2", isSignal: true, isRequired: false, transformFunction: null }, canFilterByText3: { classPropertyName: "canFilterByText3", publicName: "canFilterByText3", isSignal: true, isRequired: false, transformFunction: null }, initialText: { classPropertyName: "initialText", publicName: "initialText", isSignal: true, isRequired: false, transformFunction: null }, initialText2: { classPropertyName: "initialText2", publicName: "initialText2", isSignal: true, isRequired: false, transformFunction: null }, initialText3: { classPropertyName: "initialText3", publicName: "initialText3", isSignal: true, isRequired: false, transformFunction: null }, textName: { classPropertyName: "textName", publicName: "textName", isSignal: true, isRequired: false, transformFunction: null }, text2Name: { classPropertyName: "text2Name", publicName: "text2Name", isSignal: true, isRequired: false, transformFunction: null }, text3Name: { classPropertyName: "text3Name", publicName: "text3Name", isSignal: true, isRequired: false, transformFunction: null }, textLength: { classPropertyName: "textLength", publicName: "textLength", isSignal: true, isRequired: false, transformFunction: null }, text2Length: { classPropertyName: "text2Length", publicName: "text2Length", isSignal: true, isRequired: false, transformFunction: null }, text3Length: { classPropertyName: "text3Length", publicName: "text3Length", isSignal: true, isRequired: false, transformFunction: null }, showTextSearchButton: { classPropertyName: "showTextSearchButton", publicName: "showTextSearchButton", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"filterbox\"\r\n  [class.filterbox-filtered]=\"currentFilter.filtered()\">\r\n  <div fxFlex=\"*\" fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\">\r\n    @if (canFilterByText() || canFilterByText2() || canFilterByText3()) {\r\n    <div fxFlex.lt-sm=\"100\" fxFlexAlign=\"center\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill style=\"padding:4px;\">\r\n        @if (canFilterByText()) {\r\n        <mat-form-field [style.width]=\"textLength() ?? '100%'\" [appearance]=\"appearance()\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{textName()}}...</mat-label>\r\n          <input matInput name=\"_text\" [ngModel]=\"text()\" (ngModelChange)=\"text.set($event)\" maxlength=\"100\" #_text=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (showTextSearchButton()) {\r\n          <button type=\"button\" matSuffix mat-icon-button aria-label=\"Trova\" (click)=\"applyTextFilter();\"\r\n            matTooltip=\"Trova\">\r\n            <mat-icon>search</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (canFilterByText2()) {\r\n        <mat-form-field \r\n        [style.width]=\"text2Length() ?? '100%'\" [appearance]=\"appearance()\"\r\n          subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{text2Name()}}...</mat-label>\r\n          <input matInput name=\"_text2\" [ngModel]=\"text2()\" (ngModelChange)=\"text2.set($event)\" maxlength=\"100\" #_text2=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text2()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text2.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (canFilterByText3()) {\r\n        <mat-form-field [style.width]=\"text3Length() ?? '100%'\" [appearance]=\"appearance()\"\r\n          subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{text3Name()}}...</mat-label>\r\n          <input matInput name=\"_text3\" [ngModel]=\"text3()\" (ngModelChange)=\"text3.set($event)\" maxlength=\"100\" #_text3=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text3()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text3.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n      </div>\r\n    </div>\r\n    }\r\n    <div fxFlex.lt-sm=\"100\">\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n        @if (canFilterByFlt1() && flt1()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\"\r\n            [attr.aria-label]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\" \r\n            (click)=\"applyFilterAction(1, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt1) {\r\n            <span>{{flt1()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt1Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt1) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(1, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt1() && flt1()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\"\r\n          [attr.aria-label]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt1\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt1) {\r\n          <span>{{flt1()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt1Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt1=\"matMenu\">\r\n            @for (f of flt1()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt1()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt2() && flt2()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\"\r\n            [attr.aria-label]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\" \r\n            (click)=\"applyFilterAction(2, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt2) {\r\n            <span>{{flt2()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt2Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt2) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(2, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt2() && flt2()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\"\r\n          [attr.aria-label]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt2\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt2) {\r\n          <span>{{flt2()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt2Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt2=\"matMenu\">\r\n            @for (f of flt2()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt2()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt3() && flt3()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\"\r\n            [attr.aria-label]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\" \r\n            (click)=\"applyFilterAction(3, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt3) {\r\n            <span>{{flt3()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt3Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt3) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(3, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt3() && flt3()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\"\r\n          [attr.aria-label]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt3\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt3) {\r\n          <span>{{flt3()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt3Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt3=\"matMenu\">\r\n            @for (f of flt3()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt3()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt4() && flt4()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\"\r\n            [attr.aria-label]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\" \r\n            (click)=\"applyFilterAction(4, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt4) {\r\n            <span>{{flt4()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt4Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt4) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(4, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt4() && flt4()?.items) {\r\n        <button fxFlexAlign=\"center\" class=\"filterbox-button\" type=\"button\" mat-button [matTooltip]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\"\r\n          [attr.aria-label]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt4\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt4) {\r\n          <span>{{flt4()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt4Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt4=\"matMenu\">\r\n            @for (f of flt4()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt4()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt5() && flt5()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\"\r\n            [attr.aria-label]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\" \r\n            (click)=\"applyFilterAction(5, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt5) {\r\n            <span>{{flt5()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt5Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt5) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(5, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt5() && flt5()?.items) {\r\n        <button fxFlexAlign=\"center\" class=\"filterbox-button\" type=\"button\" mat-button [matTooltip]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\"\r\n          [attr.aria-label]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt5\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt5) {\r\n          <span>{{flt5()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt5Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt5=\"matMenu\">\r\n            @for (f of flt5()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt5()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    @if (currentFilter.filtered() && canClearAllFilters()) {\r\n    <button type=\"button\" mat-icon-button matTooltip=\"Azzera tutti i filtri\" aria-label=\"Azzera tutti i filtri\"\r\n      (click)=\"clearAllFilters()\">\r\n      <mat-icon>filter_alt_off</mat-icon>\r\n    </button>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".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}}.filterbox{border-radius:auto;background-color:transparent;padding:4px}.filterbox-button{max-width:200px;white-space:normal;text-align:center;display:-webkit-box;display:inline-block;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.filterbox-selected{font-weight:800!important}.filterbox-filtered{border-radius:12px;background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7)}@media(prefers-color-scheme:dark){.filterbox-filtered{background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7)}}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i10.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: FilterBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "filter-bar", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexLayoutModule, MatFormFieldModule, MatInputModule, FormsModule,
-                        MatTooltipModule, MatButtonModule, MatIconModule, MatMenuModule, MatDividerModule, SafeHtmlPipe], template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"filterbox\"\r\n  [class.filterbox-filtered]=\"currentFilter.filtered()\">\r\n  <div fxFlex=\"*\" fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\">\r\n    @if (canFilterByText() || canFilterByText2() || canFilterByText3()) {\r\n    <div fxFlex.lt-sm=\"100\" fxFlexAlign=\"center\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill style=\"padding:4px;\">\r\n        @if (canFilterByText()) {\r\n        <mat-form-field [style.width]=\"textLength() ?? '100%'\" [appearance]=\"appearance()\" subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{textName()}}...</mat-label>\r\n          <input matInput name=\"_text\" [ngModel]=\"text()\" (ngModelChange)=\"text.set($event)\" maxlength=\"100\" #_text=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n          @if (showTextSearchButton()) {\r\n          <button type=\"button\" matSuffix mat-icon-button aria-label=\"Trova\" (click)=\"applyTextFilter();\"\r\n            matTooltip=\"Trova\">\r\n            <mat-icon>search</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (canFilterByText2()) {\r\n        <mat-form-field \r\n        [style.width]=\"text2Length() ?? '100%'\" [appearance]=\"appearance()\"\r\n          subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{text2Name()}}...</mat-label>\r\n          <input matInput name=\"_text2\" [ngModel]=\"text2()\" (ngModelChange)=\"text2.set($event)\" maxlength=\"100\" #_text2=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text2()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text2.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n        @if (canFilterByText3()) {\r\n        <mat-form-field [style.width]=\"text3Length() ?? '100%'\" [appearance]=\"appearance()\"\r\n          subscriptSizing=\"dynamic\">\r\n          <mat-label>Cerca per {{text3Name()}}...</mat-label>\r\n          <input matInput name=\"_text3\" [ngModel]=\"text3()\" (ngModelChange)=\"text3.set($event)\" maxlength=\"100\" #_text3=\"ngModel\"\r\n            (keyup.Enter)=\"applyTextFilter()\" matTooltip=\"Premi INVIO per avviare la ricerca\">\r\n          @if (text3()) {\r\n          <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n            (click)=\"text3.set(undefined); applyTextFilter();\" matTooltip=\"Azzera\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n          }\r\n        </mat-form-field>\r\n        }\r\n      </div>\r\n    </div>\r\n    }\r\n    <div fxFlex.lt-sm=\"100\">\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n        @if (canFilterByFlt1() && flt1()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\"\r\n            [attr.aria-label]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\" \r\n            (click)=\"applyFilterAction(1, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt1) {\r\n            <span>{{flt1()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt1Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt1) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(1, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt1() && flt1()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\"\r\n          [attr.aria-label]=\"flt1()!.tooltip || 'Filtra per ' + flt1()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt1\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt1) {\r\n          <span>{{flt1()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt1Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt1=\"matMenu\">\r\n            @for (f of flt1()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt1()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt2() && flt2()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\"\r\n            [attr.aria-label]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\" \r\n            (click)=\"applyFilterAction(2, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt2) {\r\n            <span>{{flt2()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt2Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt2) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(2, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt2() && flt2()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\"\r\n          [attr.aria-label]=\"flt2()!.tooltip || 'Filtra per ' + flt2()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt2\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt2) {\r\n          <span>{{flt2()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt2Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt2=\"matMenu\">\r\n            @for (f of flt2()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt2()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt3() && flt3()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\"\r\n            [attr.aria-label]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\" \r\n            (click)=\"applyFilterAction(3, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt3) {\r\n            <span>{{flt3()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt3Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt3) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(3, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt3() && flt3()?.items) {\r\n        <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\"\r\n          [attr.aria-label]=\"flt3()!.tooltip || 'Filtra per ' + flt3()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt3\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt3) {\r\n          <span>{{flt3()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt3Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt3=\"matMenu\">\r\n            @for (f of flt3()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt3()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt4() && flt4()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\"\r\n            [attr.aria-label]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\" \r\n            (click)=\"applyFilterAction(4, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt4) {\r\n            <span>{{flt4()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt4Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt4) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(4, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt4() && flt4()?.items) {\r\n        <button fxFlexAlign=\"center\" class=\"filterbox-button\" type=\"button\" mat-button [matTooltip]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\"\r\n          [attr.aria-label]=\"flt4()!.tooltip || 'Filtra per ' + flt4()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt4\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt4) {\r\n          <span>{{flt4()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt4Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt4=\"matMenu\">\r\n            @for (f of flt4()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt4()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n\r\n        @if (canFilterByFlt5() && flt5()?.action) {\r\n        <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n          <button type=\"button\" class=\"filterbox-button\" mat-button [matTooltip]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\"\r\n            [attr.aria-label]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\" \r\n            (click)=\"applyFilterAction(5, false)\">\r\n            &nbsp;\r\n            @if (!currentFilter.flt5) {\r\n            <span>{{flt5()!.title}}</span>\r\n            } @else {\r\n            <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt5Name | safeHtml\"></span>\r\n            }\r\n          </button>\r\n          @if (currentFilter.flt5) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera\" aria-label=\"Azzera\"\r\n            (click)=\"applyFilterAction(5, true);\" class=\"small-icon-button\">\r\n            <mat-icon>clear</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n        } @else if (canFilterByFlt5() && flt5()?.items) {\r\n        <button fxFlexAlign=\"center\" class=\"filterbox-button\" type=\"button\" mat-button [matTooltip]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\"\r\n          [attr.aria-label]=\"flt5()!.tooltip || 'Filtra per ' + flt5()!.title\" [matMenuTriggerFor]=\"menuApplyFilterFlt5\"\r\n          >\r\n          &nbsp;\r\n          @if (!currentFilter.flt5) {\r\n          <span>{{flt5()!.title}}</span>\r\n          } @else {\r\n          <span class=\"filterbox-selected\" [innerHtml]=\"currentFilter.flt5Name | safeHtml\"></span>\r\n          }\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n          <mat-menu #menuApplyFilterFlt5=\"matMenu\">\r\n            @for (f of flt5()!.items; track $index) {\r\n            @if (f.divider) {\r\n            <mat-divider></mat-divider>\r\n            }\r\n            <button mat-menu-item (click)=\"applyFilter(f)\" [attr.aria-label]=\"f.description\" style=\"min-width: 200px\">\r\n              <span [innerHTML]=\"f.title | safeHtml\"></span>\r\n            </button>\r\n            }\r\n            <mat-divider></mat-divider>\r\n            <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n              <div fxLayoutAlign=\"end\" style=\"width: 100%; min-width: 200px; padding: 4px 4px 0 4px;\">\r\n                <button type=\"button\" mat-button  (click)=\"clearFilter(flt5()!.items![0].group)\"\r\n                  aria-label=\"Azzera\">\r\n                  <mat-icon style=\"font-size:18px; height: 18px; width:18px;\">clear</mat-icon> Azzera\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </mat-menu>\r\n        </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    @if (currentFilter.filtered() && canClearAllFilters()) {\r\n    <button type=\"button\" mat-icon-button matTooltip=\"Azzera tutti i filtri\" aria-label=\"Azzera tutti i filtri\"\r\n      (click)=\"clearAllFilters()\">\r\n      <mat-icon>filter_alt_off</mat-icon>\r\n    </button>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".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}}.filterbox{border-radius:auto;background-color:transparent;padding:4px}.filterbox-button{max-width:200px;white-space:normal;text-align:center;display:-webkit-box;display:inline-block;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.filterbox-selected{font-weight:800!important}.filterbox-filtered{border-radius:12px;background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7)}@media(prefers-color-scheme:dark){.filterbox-filtered{background-color:var(--ars-filterbox-filtered-background-color, #f9fbe7)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { changed: [{ type: i0.Output, args: ["changed"] }], filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }], canFilterByText: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFilterByText", required: false }] }], canFilterByText2: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFilterByText2", required: false }] }], canFilterByText3: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFilterByText3", required: false }] }], initialText: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialText", required: false }] }], initialText2: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialText2", required: false }] }], initialText3: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialText3", required: false }] }], textName: [{ type: i0.Input, args: [{ isSignal: true, alias: "textName", required: false }] }], text2Name: [{ type: i0.Input, args: [{ isSignal: true, alias: "text2Name", required: false }] }], text3Name: [{ type: i0.Input, args: [{ isSignal: true, alias: "text3Name", required: false }] }], textLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "textLength", required: false }] }], text2Length: [{ type: i0.Input, args: [{ isSignal: true, alias: "text2Length", required: false }] }], text3Length: [{ type: i0.Input, args: [{ isSignal: true, alias: "text3Length", required: false }] }], showTextSearchButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTextSearchButton", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }] } });
-
-class TreePickerComponent {
-    /** Returns true when the node can be selected: depth < maxDepth or explicitly listed in maxDepthOverrides. */
-    isSelectable(node) {
-        return this._isSelectableNode(node);
-    }
-    _isSelectableNode(node) {
-        const depth = this._maps().depthMap.get(node.id) ?? 0;
-        return depth < this.maxDepth() || this._overrideSubtreeSet().has(node.id);
-    }
-    constructor() {
-        /** Nested tree data to display. */
-        this.tree = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
-        /** Currently selected node ids. Supports two-way binding via [(selection)]. */
-        this.selection = model([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
-        /** When true, checkboxes and chip remove buttons are disabled (mirrors Material convention). */
-        this.disabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        /** Description to display when no selection is made. */
-        this.descriptionEmpty = input('<span>Nessuna selezione: vengono inclusi <strong>tutti gli elementi</strong>.</span>', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "descriptionEmpty" }] : /* istanbul ignore next */ []));
-        /** Maximum number of tree levels to display (default: 3). */
-        this.maxDepth = input(3, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "maxDepth" }] : /* istanbul ignore next */ []));
-        /**
-         * List of node IDs at depth >= maxDepth that unlock selection for themselves
-         * and all their descendants, regardless of depth.
-         */
-        this.maxDepthOverrides = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "maxDepthOverrides" }] : /* istanbul ignore next */ []));
-        /**
-         * Number of levels to auto-expand on load.
-         * 0 or undefined = only top level visible (no expansion);
-         * 1 = expand depth-0 nodes; 2 = expand depth-0 and depth-1 nodes; etc.
-         * Must be less than maxDepth.
-         */
-        this.minDepth = input(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "minDepth" }] : /* istanbul ignore next */ []));
-        /**
-         * Emits the count of visible selected nodes whenever the selection changes.
-         * Emits 0 when nothing is selected (meaning all items are implicitly included).
-         */
-        this.selectionCount = output();
-        /** Emits void whenever the user changes the selection (toggle, remove, clear). */
-        this.changed = output();
-        this._treeRef = viewChild((MatTree), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_treeRef" }] : /* istanbul ignore next */ []));
-        this._elRef = inject(ElementRef);
-        /**
-         * Set of all node IDs selectable via overrides: each listed root and all its descendants.
-         * Recomputed whenever the tree data or the override list changes.
-         */
-        this._overrideSubtreeSet = computed(() => {
-            const overrideIds = new Set(this.maxDepthOverrides());
-            const maps = this._maps();
-            const result = new Set();
-            for (const id of overrideIds) {
-                const root = maps.nodeMap.get(id);
-                if (!root)
-                    continue;
-                const addSubtree = (n) => {
-                    result.add(n.id);
-                    for (const child of (n.children ?? []))
-                        addSubtree(child);
-                };
-                addSubtree(root);
-            }
-            return result;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_overrideSubtreeSet" }] : /* istanbul ignore next */ []));
-        /** All three maps rebuilt lazily as a single computed whenever taxonomy changes. */
-        this._maps = computed(() => {
-            const parentMap = new Map();
-            const depthMap = new Map();
-            const nodeMap = new Map();
-            const build = (nodes, parent, depth = 0) => {
-                for (const node of nodes) {
-                    depthMap.set(node.id, depth);
-                    nodeMap.set(node.id, node);
-                    if (parent)
-                        parentMap.set(node.id, parent);
-                    if (node.children?.length)
-                        build(node.children, node, depth + 1);
-                }
-            };
-            build(this.tree());
-            return { parentMap, depthMap, nodeMap };
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_maps" }] : /* istanbul ignore next */ []));
-        /** O(1) set of selected ids, rebuilt only when selection changes. */
-        this._selectedSet = computed(() => new Set(this.selection()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_selectedSet" }] : /* istanbul ignore next */ []));
-        /** True when at least one node is explicitly selected. */
-        this.hasSelection = computed(() => this.selection().length > 0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
-        /** Count of selected nodes within selectable levels (depth < maxDepth or in overrides), shown in the tab label. */
-        this.selectedVisibleCount = computed(() => this.selection().filter(id => {
-            const node = this._maps().nodeMap.get(id);
-            return node ? this._isSelectableNode(node) : false;
-        }).length, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "selectedVisibleCount" }] : /* istanbul ignore next */ []));
-        this.treeChildrenAccessor = (node) => {
-            return (node.children ?? []);
-        };
-        this.hasChild = (_, node) => !!(node.children?.length);
-        /** Current filter text. */
-        this.filterText = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterText" }] : /* istanbul ignore next */ []));
-        /** Nodes matching the current filter text, in nodeMap iteration order. */
-        this.filteredItems = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []));
-        /** Index of the currently highlighted filtered node (-1 = none). */
-        this.filterIndex = signal(-1, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filterIndex" }] : /* istanbul ignore next */ []));
-        /** The currently highlighted filtered node, or null. */
-        this.filteredNode = computed(() => {
-            const idx = this.filterIndex();
-            return idx >= 0 ? (this.filteredItems()[idx] ?? null) : null;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "filteredNode" }] : /* istanbul ignore next */ []));
-        // Expand nodes up to minDepth whenever new taxonomy data arrives
-        effect(() => {
-            const maps = this._maps();
-            const expandLevels = this.minDepth() ?? 0;
-            setTimeout(() => {
-                const tree = this._treeRef();
-                if (!tree)
-                    return;
-                tree.collapseAll();
-                if (expandLevels <= 0)
-                    return;
-                maps.depthMap.forEach((depth, id) => {
-                    if (depth < expandLevels) {
-                        const node = maps.nodeMap.get(id);
-                        if (node)
-                            tree.expand(node);
-                    }
-                });
-            });
-        });
-        // Emit visible selection count on every selection change
-        effect(() => {
-            this.selectionCount.emit(this.selectedVisibleCount());
-        });
-    }
-    /** Expands all visible nodes in the tree. */
-    expandAll() {
-        this._treeRef()?.expandAll();
-    }
-    /** Collapses all nodes in the tree. */
-    collapseAll() {
-        this._treeRef()?.collapseAll();
-    }
-    /** Clears the entire selection. */
-    clearAll() {
-        this.selection.set([]);
-        this.changed.emit();
-    }
-    /** Searches nodes by text and moves to the first match. */
-    doFilter() {
-        const text = this.filterText().trim().toLowerCase();
-        if (text.length < 3) {
-            this.filteredItems.set([]);
-            this.filterIndex.set(-1);
-            return;
-        }
-        const matches = Array.from(this._maps().nodeMap.values())
-            .filter(n => n.name?.toLowerCase().includes(text));
-        this.filteredItems.set(matches);
-        const idx = matches.length > 0 ? 0 : -1;
-        this.filterIndex.set(idx);
-        if (idx >= 0)
-            this._scrollToFiltered(idx, matches);
-    }
-    /** Clears the filter and restores the original tree state. */
-    clearFilter() {
-        this.filterText.set('');
-        this.filteredItems.set([]);
-        this.filterIndex.set(-1);
-    }
-    /** Moves to the next matching node, cycling back to the first. */
-    nextFiltered() {
-        const items = this.filteredItems();
-        if (!items.length)
-            return;
-        const next = (this.filterIndex() + 1) % items.length;
-        this.filterIndex.set(next);
-        this._scrollToFiltered(next, items);
-    }
-    /** Returns true when the node is the currently highlighted filter match. */
-    isFilteredNode(node) {
-        return this.filteredNode()?.id === node.id;
-    }
-    /** Expands ancestors of the target node and scrolls it into view. */
-    _scrollToFiltered(index, items) {
-        const node = items[index];
-        if (!node)
-            return;
-        const tree = this._treeRef();
-        if (tree) {
-            let parent = this._maps().parentMap.get(node.id);
-            while (parent) {
-                tree.expand(parent);
-                parent = this._maps().parentMap.get(parent.id);
-            }
-        }
-        setTimeout(() => {
-            const el = this._elRef.nativeElement.querySelector(`[data-node-id="${node.id}"]`);
-            el?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-        });
-    }
-    /**
-     * Returns true when the node is in the active selection.
-     * @param node - tree node to check
-     * @returns true if selected
-     */
-    isSelected(node) {
-        return this._selectedSet().has(node.id);
-    }
-    /**
-     * Returns true when a subset (but not all) of the node's descendants are selected,
-     * producing the indeterminate checkbox state.
-     * @param node - tree node to evaluate
-     * @returns true if the node is in a partial-selection (indeterminate) state
-     */
-    isIndeterminate(node) {
-        if (!node.children?.length)
-            return false;
-        const descendants = this._getSelectableDescendants(node);
-        const set = this._selectedSet();
-        const count = descendants.filter(d => set.has(d.id)).length;
-        return count > 0 && count < descendants.length;
-    }
-    /**
-     * Toggles the node and all its descendants; then syncs the ancestor chain.
-     * @param node - the node that was clicked
-     */
-    toggleNode(node) {
-        this.selection.update(current => {
-            const set = new Set(current);
-            if (set.has(node.id)) {
-                set.delete(node.id);
-            }
-            else {
-                set.add(node.id);
-            }
-            this._syncParentsInSet(node, set);
-            return Array.from(set);
-        });
-        this.changed.emit();
-    }
-    /**
-     * Deselects the node and all its descendants. Called by the chip remove button.
-     * @param node - the node to remove from the selection
-     */
-    removeNode(node) {
-        this.selection.update(current => {
-            const set = new Set(current);
-            set.delete(node.id);
-            this._syncParentsInSet(node, set);
-            return Array.from(set);
-        });
-        this.changed.emit();
-    }
-    /**
-     * Returns the INode for the given id, or undefined if not found.
-     * @param id - node id to look up
-     * @returns the matching INode
-     */
-    nodeById(id) {
-        return this._maps().nodeMap.get(id);
-    }
-    /**
-     * Returns true when the node at the given id is within the visible depth range
-     * and should appear in the chip list.
-     * @param id - node id to check
-     * @returns true if the node depth is less than maxDepth
-     */
-    isChipVisible(id) {
-        const node = this._maps().nodeMap.get(id);
-        return node ? this._isSelectableNode(node) : false;
-    }
-    /**
-     * Returns only the selectable descendants of node (depth < maxDepth or in overrides),
-     * used for indeterminate state and parent auto-selection logic.
-     * @param node - root of the subtree to traverse
-     * @returns flat array of selectable descendant INodes
-     */
-    _getSelectableDescendants(node) {
-        const result = [];
-        for (const child of (node.children ?? [])) {
-            const c = child;
-            if (this._isSelectableNode(c))
-                result.push(c);
-            result.push(...this._getSelectableDescendants(c));
-        }
-        return result;
-    }
-    /**
-     * Walks up the ancestor chain from node, selecting a parent only when all
-     * its descendants are in the set, deselecting it otherwise.
-     * @param node - starting node for the upward traversal
-     * @param set - mutable selection set updated in place
-     */
-    _syncParentsInSet(node, set) {
-        let parent = this._maps().parentMap.get(node.id);
-        while (parent) {
-            const descendants = this._getSelectableDescendants(parent);
-            if (descendants.length > 0 && descendants.every(d => set.has(d.id))) {
-                set.add(parent.id);
-            }
-            else {
-                set.delete(parent.id);
-            }
-            parent = this._maps().parentMap.get(parent.id);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: TreePickerComponent, isStandalone: true, selector: "tree-picker", inputs: { tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, descriptionEmpty: { classPropertyName: "descriptionEmpty", publicName: "descriptionEmpty", isSignal: true, isRequired: false, transformFunction: null }, maxDepth: { classPropertyName: "maxDepth", publicName: "maxDepth", isSignal: true, isRequired: false, transformFunction: null }, maxDepthOverrides: { classPropertyName: "maxDepthOverrides", publicName: "maxDepthOverrides", isSignal: true, isRequired: false, transformFunction: null }, minDepth: { classPropertyName: "minDepth", publicName: "minDepth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectionCount: "selectionCount", changed: "changed" }, viewQueries: [{ propertyName: "_treeRef", first: true, predicate: (MatTree), descendants: true, isSignal: true }], ngImport: i0, template: "<mat-tab-group class=\"taxonomy-picker-tabs\" style=\"height:100%\">\r\n    <mat-tab style=\"overflow-x: hidden !important; height: 100%\">\r\n        <ng-template mat-tab-label>\r\n            Seleziona\r\n            <mat-icon\r\n                style=\"font-size:16px;height:16px;width:16px;margin-left:4px;vertical-align:middle;color:var(--mat-sys-primary)\"\r\n                [matTooltip]=\"'Nessuna selezione = tutti gli argomenti inclusi;\\r\\nOgni elemento selezionato include sempre tutti i suoi sottoelementi'\"\r\n                matTooltipPosition=\"above\">\r\n                info\r\n            </mat-icon>\r\n        </ng-template>\r\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\r\n            <div fxFlex>\r\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n                    <div fxFlex fxHide.xs>\r\n                        <mat-form-field style=\"width:200px; padding: 8px 0px\" appearance=\"outline\"\r\n                            subscriptSizing=\"dynamic\">\r\n                            <mat-label>Cerca...</mat-label>\r\n                            <input type=\"text\" (keyup)=\"doFilter()\" matInput [ngModel]=\"filterText()\"\r\n                                (ngModelChange)=\"filterText.set($event)\"\r\n                                (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\r\n                                (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\">\r\n                            @if (filterText()) {\r\n                            <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                                aria-label=\"Clear\" (click)=\"clearFilter()\">\r\n                                <mat-icon>close</mat-icon>\r\n                            </button>\r\n                            }\r\n                        </mat-form-field>\r\n                    </div>\r\n                    @if (filteredItems().length > 0) {\r\n                    <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n                        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\r\n                    </div>\r\n                    <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n                        <button mat-icon-button (click)=\"nextFiltered()\">\r\n                            <mat-icon aria-label=\"Vai al prossimo\"\r\n                                matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\r\n                        </button>\r\n                    </div>\r\n                    }\r\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end center\">\r\n                        <button mat-icon-button [matTooltip]=\"'Espandi tutto'\" (click)=\"expandAll()\">\r\n                            <mat-icon>unfold_more</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button [matTooltip]=\"'Comprimi tutto'\" (click)=\"collapseAll()\">\r\n                            <mat-icon>unfold_less</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button [matTooltip]=\"'Azzera selezione'\" [disabled]=\"!hasSelection()\"\r\n                            (click)=\"clearAll()\">\r\n                            <mat-icon>deselect</mat-icon>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div fxFlex=\"*\" style=\"overflow-y: auto;\">\r\n                <mat-tree [dataSource]=\"tree()\" [childrenAccessor]=\"treeChildrenAccessor\" class=\"tree\">\r\n                    <!-- Leaf node -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\r\n                        class=\"tree-node\" [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\r\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\r\n                        [attr.data-node-id]=\"node.id\">\r\n                        <button mat-icon-button disabled style=\"visibility: hidden\"></button>\r\n                        @if (isSelectable(node)) {\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </mat-checkbox>\r\n                        } @else {\r\n                        <div class=\"tree-node-label-only\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </div>\r\n                        }\r\n                    </mat-tree-node>\r\n                    <!-- Expandable node with children -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding\r\n                        [matTreeNodePaddingIndent]=\"20\" #treeNode=\"matTreeNode\" class=\"tree-node\"\r\n                        [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\r\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\r\n                        [attr.data-node-id]=\"node.id\">\r\n                        <button mat-icon-button matTreeNodeToggle>\r\n                            <mat-icon>{{treeNode.isExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\r\n                        </button>\r\n                        @if (isSelectable(node)) {\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [indeterminate]=\"isIndeterminate(node)\"\r\n                            [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </mat-checkbox>\r\n                        } @else {\r\n                        <div class=\"tree-node-label-only\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </div>\r\n                        }\r\n                    </mat-tree-node>\r\n                </mat-tree>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n    <mat-tab [label]=\"hasSelection() ? 'Selezionati (' + selectedVisibleCount() + ')' : 'Selezionati (tutti)'\"\r\n        style=\"height: 100%;\">\r\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\r\n            <div fxFlex>\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\" style=\"padding:12px\">\r\n                    @if (!hasSelection()) {\r\n                    <mat-icon>info</mat-icon>\r\n                    <span [innerHTML]=\"descriptionEmpty() | safeHtml\"></span>\r\n                    } @else {\r\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n                        <button mat-button color=\"warn\" style=\"margin-left:auto\" (click)=\"clearAll()\">\r\n                            <mat-icon>deselect</mat-icon> Azzera tutto\r\n                        </button>\r\n                    </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n            <div fxFlex=\"*\" style=\"overflow-y: auto; padding-bottom: 12px;\">\r\n                <mat-chip-set>\r\n                    @for (id of selection(); track id) {\r\n                    @let node = nodeById(id);\r\n                    @if (node && isChipVisible(id)) {\r\n                    <mat-chip (removed)=\"removeNode(node)\" style=\"max-width: 280px;\" [matTooltip]=\"node.name\">\r\n                        {{node.name}}\r\n                        @if (!disabled()) {\r\n                        <button matChipRemove matTooltip=\"Elimina\"><mat-icon>cancel</mat-icon></button>\r\n                        }\r\n                    </mat-chip>\r\n                    }\r\n                    }\r\n                </mat-chip-set>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n</mat-tab-group>", styles: [".tree-picker-tabs ::ng-deep .mat-mdc-tab-body-wrapper{flex:1 1 auto;height:100%}.tree{padding:8px 0 16px;background-color:transparent!important}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:not(.tree-node-no-select):hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-filtered ::ng-deep .mdc-label,.tree-node-filtered ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-accent, #7894ae)!important}.tree-node-filtered .tree-node-label-only{font-weight:700;color:var(--ars-color-accent, #7894ae);opacity:1}.tree-node-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.tree-node-label-only{display:flex;flex-direction:column;justify-content:center;padding-left:30px;opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i8$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i8$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i8$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i8$1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i8$1.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i4$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i4$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i4$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i5$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i5$2.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i5$2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1$1.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$1.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$1.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$1.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$1.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$1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: TreePickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tree-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatTreeModule, MatCheckboxModule, MatIconModule, MatTabsModule, MatChipsModule,
-                        MatButtonModule, MatTooltipModule, MatFormFieldModule, MatInputModule, FormsModule, FlexLayoutModule, SafeHtmlPipe], template: "<mat-tab-group class=\"taxonomy-picker-tabs\" style=\"height:100%\">\r\n    <mat-tab style=\"overflow-x: hidden !important; height: 100%\">\r\n        <ng-template mat-tab-label>\r\n            Seleziona\r\n            <mat-icon\r\n                style=\"font-size:16px;height:16px;width:16px;margin-left:4px;vertical-align:middle;color:var(--mat-sys-primary)\"\r\n                [matTooltip]=\"'Nessuna selezione = tutti gli argomenti inclusi;\\r\\nOgni elemento selezionato include sempre tutti i suoi sottoelementi'\"\r\n                matTooltipPosition=\"above\">\r\n                info\r\n            </mat-icon>\r\n        </ng-template>\r\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\r\n            <div fxFlex>\r\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n                    <div fxFlex fxHide.xs>\r\n                        <mat-form-field style=\"width:200px; padding: 8px 0px\" appearance=\"outline\"\r\n                            subscriptSizing=\"dynamic\">\r\n                            <mat-label>Cerca...</mat-label>\r\n                            <input type=\"text\" (keyup)=\"doFilter()\" matInput [ngModel]=\"filterText()\"\r\n                                (ngModelChange)=\"filterText.set($event)\"\r\n                                (keydown.enter)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\"\r\n                                (keydown.arrowDown)=\"$event.preventDefault(); $event.stopPropagation(); nextFiltered()\">\r\n                            @if (filterText()) {\r\n                            <button type=\"button\" type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                                aria-label=\"Clear\" (click)=\"clearFilter()\">\r\n                                <mat-icon>close</mat-icon>\r\n                            </button>\r\n                            }\r\n                        </mat-form-field>\r\n                    </div>\r\n                    @if (filteredItems().length > 0) {\r\n                    <div fxFlex=\"50px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n                        <div class=\"small\">{{filterIndex() + 1}} / {{filteredItems().length}}</div>\r\n                    </div>\r\n                    <div fxFlex=\"48px\" fxHide.xs fxLayoutAlign=\"end center\">\r\n                        <button mat-icon-button (click)=\"nextFiltered()\">\r\n                            <mat-icon aria-label=\"Vai al prossimo\"\r\n                                matTooltip=\"Vai al prossimo\">arrow_downward</mat-icon>\r\n                        </button>\r\n                    </div>\r\n                    }\r\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end center\">\r\n                        <button mat-icon-button [matTooltip]=\"'Espandi tutto'\" (click)=\"expandAll()\">\r\n                            <mat-icon>unfold_more</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button [matTooltip]=\"'Comprimi tutto'\" (click)=\"collapseAll()\">\r\n                            <mat-icon>unfold_less</mat-icon>\r\n                        </button>\r\n                        <button mat-icon-button [matTooltip]=\"'Azzera selezione'\" [disabled]=\"!hasSelection()\"\r\n                            (click)=\"clearAll()\">\r\n                            <mat-icon>deselect</mat-icon>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div fxFlex=\"*\" style=\"overflow-y: auto;\">\r\n                <mat-tree [dataSource]=\"tree()\" [childrenAccessor]=\"treeChildrenAccessor\" class=\"tree\">\r\n                    <!-- Leaf node -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node\" matTreeNodePadding [matTreeNodePaddingIndent]=\"20\"\r\n                        class=\"tree-node\" [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\r\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\r\n                        [attr.data-node-id]=\"node.id\">\r\n                        <button mat-icon-button disabled style=\"visibility: hidden\"></button>\r\n                        @if (isSelectable(node)) {\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </mat-checkbox>\r\n                        } @else {\r\n                        <div class=\"tree-node-label-only\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </div>\r\n                        }\r\n                    </mat-tree-node>\r\n                    <!-- Expandable node with children -->\r\n                    <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding\r\n                        [matTreeNodePaddingIndent]=\"20\" #treeNode=\"matTreeNode\" class=\"tree-node\"\r\n                        [class.tree-node-filtered]=\"filteredNode()?.id === node.id\"\r\n                        [class.tree-node-no-select]=\"!isSelectable(node)\"\r\n                        [attr.data-node-id]=\"node.id\">\r\n                        <button mat-icon-button matTreeNodeToggle>\r\n                            <mat-icon>{{treeNode.isExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\r\n                        </button>\r\n                        @if (isSelectable(node)) {\r\n                        <mat-checkbox [checked]=\"isSelected(node)\" [indeterminate]=\"isIndeterminate(node)\"\r\n                            [disabled]=\"disabled()\" (change)=\"toggleNode(node)\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </mat-checkbox>\r\n                        } @else {\r\n                        <div class=\"tree-node-label-only\">\r\n                            <span class=\"small\">{{node.name}}</span>\r\n                        </div>\r\n                        }\r\n                    </mat-tree-node>\r\n                </mat-tree>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n    <mat-tab [label]=\"hasSelection() ? 'Selezionati (' + selectedVisibleCount() + ')' : 'Selezionati (tutti)'\"\r\n        style=\"height: 100%;\">\r\n        <div fxLayout=\"column\" fxFill style=\"overflow: hidden; height: 100%;\">\r\n            <div fxFlex>\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\" style=\"padding:12px\">\r\n                    @if (!hasSelection()) {\r\n                    <mat-icon>info</mat-icon>\r\n                    <span [innerHTML]=\"descriptionEmpty() | safeHtml\"></span>\r\n                    } @else {\r\n                    <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n                        <button mat-button color=\"warn\" style=\"margin-left:auto\" (click)=\"clearAll()\">\r\n                            <mat-icon>deselect</mat-icon> Azzera tutto\r\n                        </button>\r\n                    </div>\r\n                    }\r\n                </div>\r\n            </div>\r\n            <div fxFlex=\"*\" style=\"overflow-y: auto; padding-bottom: 12px;\">\r\n                <mat-chip-set>\r\n                    @for (id of selection(); track id) {\r\n                    @let node = nodeById(id);\r\n                    @if (node && isChipVisible(id)) {\r\n                    <mat-chip (removed)=\"removeNode(node)\" style=\"max-width: 280px;\" [matTooltip]=\"node.name\">\r\n                        {{node.name}}\r\n                        @if (!disabled()) {\r\n                        <button matChipRemove matTooltip=\"Elimina\"><mat-icon>cancel</mat-icon></button>\r\n                        }\r\n                    </mat-chip>\r\n                    }\r\n                    }\r\n                </mat-chip-set>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n</mat-tab-group>", styles: [".tree-picker-tabs ::ng-deep .mat-mdc-tab-body-wrapper{flex:1 1 auto;height:100%}.tree{padding:8px 0 16px;background-color:transparent!important}.tree-node{min-height:36px!important;padding-right:12px;margin-right:0}.tree-node .small-icon-button{width:2rem!important;height:2rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.tree-node .small-icon-button .mat-mdc-button-touch-target{width:2rem!important;height:2rem!important}.tree-node:not(.tree-node-no-select):hover{cursor:pointer;background-color:var(--mat-menu-item-hover-state-layer-color, transparent);border-radius:24px}.tree-node-filtered ::ng-deep .mdc-label,.tree-node-filtered ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-accent, #7894ae)!important}.tree-node-filtered .tree-node-label-only{font-weight:700;color:var(--ars-color-accent, #7894ae);opacity:1}.tree-node-activated ::ng-deep .mdc-label,.tree-node-activated ::ng-deep .mat-mdc-checkbox label{font-weight:700;color:var(--ars-color-secondary, #4a635f)!important}.tree-node-label-only{display:flex;flex-direction:column;justify-content:center;padding-left:30px;opacity:.7}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], descriptionEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionEmpty", required: false }] }], maxDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepth", required: false }] }], maxDepthOverrides: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDepthOverrides", required: false }] }], minDepth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDepth", required: false }] }], selectionCount: [{ type: i0.Output, args: ["selectionCount"] }], changed: [{ type: i0.Output, args: ["changed"] }], _treeRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatTree), { isSignal: true }] }] } });
-
 /*
- * Public API Surface of scm-utils
+ * Public API Surface of @arsedizioni/ars-utils/ui.application
  */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ApplicationDialogService, ButtonSelectorComponent, ButtonToggleComponent, CalendarEmptyHeader, ChipsSelectorComponent, CurrentFilter, CurrentFilterChanged, CurrentFilterItem, FileInputComponent, FilePreviewComponent, FilterBarComponent, Filters, ItemNode, PromptDateDialogComponent, PromptDialogComponent, PromptDialogType, PromptOtpDialogComponent, PromptTimeDialogComponent, SelectDialogComponent, SelectFileDialogComponent, SelectPictureDialogComponent, SelectTreeDialogComponent, SelectableItem, SelectableNode, SendToDialogComponent, TreeDataSource, TreePickerComponent };
+export { ApplicationDialogService };
 //# sourceMappingURL=arsedizioni-ars-utils-ui.application.mjs.map