@arsedizioni/ars-utils 22.6.86 → 22.6.88

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

@@ -1,795 +1,1258 @@
-import { PlatformLocation } from '@angular/common';
-import * as i0 from '@angular/core';
-import { output, inject, signal, ChangeDetectionStrategy, Component, Service } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogClose, MatDialogActions, MatDialog } from '@angular/material/dialog';
-import { MAT_SNACK_BAR_DATA, MatSnackBar } from '@angular/material/snack-bar';
-import { SafeHtmlPipe, SystemUtils } from '@arsedizioni/ars-utils/core';
-import * as i1 from '@arsedizioni/ars-utils/ui';
-import { FlexLayoutModule, UIService, PromptDialogType } from '@arsedizioni/ars-utils/ui';
-import { ShellService } from '@arsedizioni/ars-utils/ui.shell';
-import { first } from 'rxjs/operators';
-import * as i3 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i2 from '@angular/material/checkbox';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { form, validate, required, FormField, FormRoot } from '@angular/forms/signals';
-import { SignalsUtils } from '@arsedizioni/ars-utils/core.validators';
-import * as i4 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i5 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i2$1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-
-class ConfirmDialogComponent {
-    constructor() {
-        /** Emitted when the user makes a choice. Carries the selected result and any option state. */
-        this.choosen = output();
-        this.dialogRef = inject((MatDialogRef));
-        /** Dialog configuration, with sensible defaults applied at construction time. */
-        this.dialogData = signal({
-            title: 'Conferma',
-            okCaption: 'Si',
-            cancelCaption: 'No',
-            message: '',
-            ...(inject(MAT_DIALOG_DATA) ?? {}),
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        // Ensure optional captions always have a value even when the caller omits them
-        this.dialogData.update(d => ({
-            ...d,
-            title: d.title ?? 'Conferma',
-            okCaption: d.okCaption ?? 'Si',
-            cancelCaption: d.cancelCaption ?? 'No',
-        }));
-    }
-    /**
-     * Confirms the dialog, emitting `'ok'` together with the current option selections.
-     */
-    ok() {
-        this.choosen.emit({ result: 'ok', options: this.dialogData().options });
-        this.dialogRef.close();
-    }
-    /**
-     * Cancels the dialog, emitting `'cancel'`.
-     */
-    cancel() {
-        this.choosen.emit({ result: 'cancel' });
-        this.dialogRef.close();
-    }
-    /**
-     * Triggers the tertiary action, emitting `'other'`.
-     */
-    other() {
-        this.choosen.emit({ result: 'other' });
-        this.dialogRef.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ConfirmDialogComponent, isStandalone: true, selector: "ng-component", outputs: { choosen: "choosen" }, ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxFill>\r\n    <div fxFlex=\"*\">\r\n      @if (dialogData().message) {\r\n      <div [innerHtml]=\"dialogData().message | safeHtml\"></div>\r\n      }\r\n    </div>\r\n    @if (dialogData().details) {\r\n      <div class=\"details-box\">\r\n      <p class=\"x-small uppercase secondary\">Dettaglio:</p>\r\n      <div class=\"small details\">\r\n        <div [innerHtml]=\"dialogData().details | safeHtml\"></div>\r\n      </div>\r\n    </div>\r\n    }\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</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      @if (dialogData().otherCaption) {\r\n      <button mat-flat-button (click)=\"other()\"\r\n        [mat-dialog-close]=\"true\">{{dialogData().otherCaption}}</button>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button (click)=\"ok()\"\r\n        [mat-dialog-close]=\"true\">{{dialogData().okCaption}}</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" (click)=\"cancel()\">{{dialogData().cancelCaption}}</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}.details-box{border-top:1px solid var(--ars-color-divider, #757d87)}.details{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:5px;max-height:350px;padding:8px 12px;overflow:auto}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.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.7", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogClose, FlexLayoutModule, MatCheckboxModule,
-                        MatDialogActions, MatButtonModule, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxFill>\r\n    <div fxFlex=\"*\">\r\n      @if (dialogData().message) {\r\n      <div [innerHtml]=\"dialogData().message | safeHtml\"></div>\r\n      }\r\n    </div>\r\n    @if (dialogData().details) {\r\n      <div class=\"details-box\">\r\n      <p class=\"x-small uppercase secondary\">Dettaglio:</p>\r\n      <div class=\"small details\">\r\n        <div [innerHtml]=\"dialogData().details | safeHtml\"></div>\r\n      </div>\r\n    </div>\r\n    }\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</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      @if (dialogData().otherCaption) {\r\n      <button mat-flat-button (click)=\"other()\"\r\n        [mat-dialog-close]=\"true\">{{dialogData().otherCaption}}</button>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button (click)=\"ok()\"\r\n        [mat-dialog-close]=\"true\">{{dialogData().okCaption}}</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" (click)=\"cancel()\">{{dialogData().cancelCaption}}</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}.details-box{border-top:1px solid var(--ars-color-divider, #757d87)}.details{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:5px;max-height:350px;padding:8px 12px;overflow:auto}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { choosen: [{ type: i0.Output, args: ["choosen"] }] } });
-
+import { PlatformLocation } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Service, inject, output, signal } from "@angular/core";
+import { MAT_DIALOG_DATA, MatDialog, MatDialogActions, MatDialogClose, MatDialogContent, MatDialogRef, MatDialogTitle } from "@angular/material/dialog";
+import { MAT_SNACK_BAR_DATA, MatSnackBar } from "@angular/material/snack-bar";
+import { SafeHtmlPipe, SystemUtils } from "@arsedizioni/ars-utils/core";
+import * as i1 from "@arsedizioni/ars-utils/ui";
+import { FlexLayoutModule, PromptDialogType, UIService } from "@arsedizioni/ars-utils/ui";
+import { ShellService } from "@arsedizioni/ars-utils/ui.shell";
+import { first } from "rxjs/operators";
+import * as i3 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import * as i2$1 from "@angular/material/checkbox";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { FormField, FormRoot, form, required, validate } from "@angular/forms/signals";
+import { SignalsUtils } from "@arsedizioni/ars-utils/core.validators";
+import * as i4 from "@angular/material/form-field";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import { MatInputModule } from "@angular/material/input";
+import * as i2 from "@angular/material/icon";
+import { MatIconModule } from "@angular/material/icon";
+var ConfirmDialogComponent = class ConfirmDialogComponent {
+	constructor() {
+		this.choosen = output();
+		this.dialogRef = inject(MatDialogRef);
+		this.dialogData = signal({
+			title: "Conferma",
+			okCaption: "Si",
+			cancelCaption: "No",
+			message: "",
+			...inject(MAT_DIALOG_DATA) ?? {}
+		}, ...ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []);
+		this.dialogData.update((d) => ({
+			...d,
+			title: d.title ?? "Conferma",
+			okCaption: d.okCaption ?? "Si",
+			cancelCaption: d.cancelCaption ?? "No"
+		}));
+	}
+	ok() {
+		this.choosen.emit({
+			result: "ok",
+			options: this.dialogData().options
+		});
+		this.dialogRef.close();
+	}
+	cancel() {
+		this.choosen.emit({ result: "cancel" });
+		this.dialogRef.close();
+	}
+	other() {
+		this.choosen.emit({ result: "other" });
+		this.dialogRef.close();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: ConfirmDialogComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: ConfirmDialogComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			outputs: { choosen: "choosen" },
+			ngImport: i0,
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxFill>\r\n    <div fxFlex=\"*\">\r\n      @if (dialogData().message) {\r\n      <div [innerHtml]=\"dialogData().message | safeHtml\"></div>\r\n      }\r\n    </div>\r\n    @if (dialogData().details) {\r\n      <div class=\"details-box\">\r\n      <p class=\"x-small uppercase secondary\">Dettaglio:</p>\r\n      <div class=\"small details\">\r\n        <div [innerHtml]=\"dialogData().details | safeHtml\"></div>\r\n      </div>\r\n    </div>\r\n    }\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</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      @if (dialogData().otherCaption) {\r\n      <button mat-flat-button (click)=\"other()\"\r\n        [mat-dialog-close]=\"true\">{{dialogData().otherCaption}}</button>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button (click)=\"ok()\"\r\n        [mat-dialog-close]=\"true\">{{dialogData().okCaption}}</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" (click)=\"cancel()\">{{dialogData().cancelCaption}}</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}.details-box{border-top:1px solid var(--ars-color-divider, #757d87)}.details{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:5px;max-height:350px;padding:8px 12px;overflow:auto}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: MatDialogTitle,
+					selector: "[mat-dialog-title], [matDialogTitle]",
+					inputs: ["id"],
+					exportAs: ["matDialogTitle"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "directive",
+					type: MatDialogClose,
+					selector: "[mat-dialog-close], [matDialogClose]",
+					inputs: [
+						"aria-label",
+						"type",
+						"mat-dialog-close",
+						"matDialogClose"
+					],
+					exportAs: ["matDialogClose"]
+				},
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexDirective,
+					selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ",
+					inputs: [
+						"fxFlex",
+						"fxFlex.xs",
+						"fxFlex.sm",
+						"fxFlex.md",
+						"fxFlex.lg",
+						"fxFlex.xl",
+						"fxFlex.lt-sm",
+						"fxFlex.lt-md",
+						"fxFlex.lt-lg",
+						"fxFlex.lt-xl",
+						"fxFlex.gt-xs",
+						"fxFlex.gt-sm",
+						"fxFlex.gt-md",
+						"fxFlex.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutGapDirective,
+					selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ",
+					inputs: [
+						"fxLayoutGap",
+						"fxLayoutGap.xs",
+						"fxLayoutGap.sm",
+						"fxLayoutGap.md",
+						"fxLayoutGap.lg",
+						"fxLayoutGap.xl",
+						"fxLayoutGap.lt-sm",
+						"fxLayoutGap.lt-md",
+						"fxLayoutGap.lt-lg",
+						"fxLayoutGap.lt-xl",
+						"fxLayoutGap.gt-xs",
+						"fxLayoutGap.gt-sm",
+						"fxLayoutGap.gt-md",
+						"fxLayoutGap.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexFillDirective,
+					selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ",
+					inputs: [
+						"fxFlexFill",
+						"fxFill",
+						"fxFlexFill.xs",
+						"fxFlexFill.sm",
+						"fxFlexFill.md",
+						"fxFlexFill.lg",
+						"fxFlexFill.xl",
+						"fxFlexFill.lt-sm",
+						"fxFlexFill.lt-md",
+						"fxFlexFill.lt-lg",
+						"fxFlexFill.lt-xl",
+						"fxFlexFill.gt-xs",
+						"fxFlexFill.gt-sm",
+						"fxFlexFill.gt-md",
+						"fxFlexFill.gt-lg"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: MatCheckboxModule
+				},
+				{
+					kind: "component",
+					type: i2$1.MatCheckbox,
+					selector: "mat-checkbox",
+					inputs: [
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"aria-expanded",
+						"aria-controls",
+						"aria-owns",
+						"id",
+						"required",
+						"labelPosition",
+						"name",
+						"value",
+						"disableRipple",
+						"tabIndex",
+						"color",
+						"disabledInteractive",
+						"checked",
+						"disabled",
+						"indeterminate"
+					],
+					outputs: ["change", "indeterminateChange"],
+					exportAs: ["matCheckbox"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogActions,
+					selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]",
+					inputs: ["align"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i3.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.2.1",
+	ngImport: i0,
+	type: ConfirmDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatDialogTitle,
+				MatDialogContent,
+				MatDialogClose,
+				FlexLayoutModule,
+				MatCheckboxModule,
+				MatDialogActions,
+				MatButtonModule,
+				SafeHtmlPipe
+			],
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxFill>\r\n    <div fxFlex=\"*\">\r\n      @if (dialogData().message) {\r\n      <div [innerHtml]=\"dialogData().message | safeHtml\"></div>\r\n      }\r\n    </div>\r\n    @if (dialogData().details) {\r\n      <div class=\"details-box\">\r\n      <p class=\"x-small uppercase secondary\">Dettaglio:</p>\r\n      <div class=\"small details\">\r\n        <div [innerHtml]=\"dialogData().details | safeHtml\"></div>\r\n      </div>\r\n    </div>\r\n    }\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</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      @if (dialogData().otherCaption) {\r\n      <button mat-flat-button (click)=\"other()\"\r\n        [mat-dialog-close]=\"true\">{{dialogData().otherCaption}}</button>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button (click)=\"ok()\"\r\n        [mat-dialog-close]=\"true\">{{dialogData().okCaption}}</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" (click)=\"cancel()\">{{dialogData().cancelCaption}}</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}.details-box{border-top:1px solid var(--ars-color-divider, #757d87)}.details{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:5px;max-height:350px;padding:8px 12px;overflow:auto}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { choosen: [{
+		type: i0.Output,
+		args: ["choosen"]
+	}] }
+});
 var DeleteDialogConfirmMode;
-(function (DeleteDialogConfirmMode) {
-    DeleteDialogConfirmMode[DeleteDialogConfirmMode["None"] = 0] = "None";
-    DeleteDialogConfirmMode[DeleteDialogConfirmMode["Simple"] = 1] = "Simple";
-    DeleteDialogConfirmMode[DeleteDialogConfirmMode["Strong"] = 2] = "Strong";
+(function(DeleteDialogConfirmMode) {
+	DeleteDialogConfirmMode[DeleteDialogConfirmMode["None"] = 0] = "None";
+	DeleteDialogConfirmMode[DeleteDialogConfirmMode["Simple"] = 1] = "Simple";
+	DeleteDialogConfirmMode[DeleteDialogConfirmMode["Strong"] = 2] = "Strong";
 })(DeleteDialogConfirmMode || (DeleteDialogConfirmMode = {}));
-class DeleteDialogComponent {
-    constructor() {
-        /** Error text of a field: the message declared in the schema, or the shared fallback. */
-        this.getErrorMessage = SignalsUtils.getFieldErrorMessage;
-        /** Emitted when the user makes a choice. Carries the selected result. */
-        this.choosen = output();
-        this.dialogRef = inject((MatDialogRef));
-        /** Dialog configuration with defaults applied at construction time. */
-        this.dialogData = signal((() => {
-            const raw = inject(MAT_DIALOG_DATA) ?? {};
-            return {
-                title: 'Attenzione',
-                okCaption: 'Si',
-                cancelCaption: 'No',
-                confirmMode: DeleteDialogConfirmMode.None,
-                message: '',
-                ...raw,
-            };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        /**
-         * Model backing the signal form: `confirmed` starts as `true` for all modes
-         * except `Simple`, which requires explicit checkbox confirmation, and
-         * `confirmValue` is the strong-confirmation text.
-         */
-        this.model = signal({
-            confirmed: this.dialogData().confirmMode !== DeleteDialogConfirmMode.Simple,
-            confirmValue: '',
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
-        /**
-         * Signal form for the confirmation. In `Simple` mode the checkbox must be
-         * checked; in `Strong` mode the text must be exactly the word "elimina".
-         */
-        this.form = form(this.model, p => {
-            validate(p.confirmed, ({ value }) => this.dialogData().confirmMode !== DeleteDialogConfirmMode.Simple || value()
-                ? undefined
-                : { kind: 'confirmed', message: 'Confermo la cancellazione' });
-            required(p.confirmValue, {
-                message: 'Digita la parola "elimina"',
-                when: () => this.dialogData().confirmMode === DeleteDialogConfirmMode.Strong,
-            });
-            validate(p.confirmValue, ({ value }) => this.dialogData().confirmMode !== DeleteDialogConfirmMode.Strong
-                || !value()
-                || value().toLowerCase() === 'elimina'
-                ? undefined
-                : { kind: 'confirmValue', message: 'Digita la parola "elimina"' });
-        });
-    }
-    /**
-     * Confirms the deletion, emitting `'ok'` and closing the dialog.
-     */
-    ok() {
-        this.choosen.emit({ result: 'ok' });
-        this.dialogRef.close();
-    }
-    /**
-     * Cancels the operation, emitting `'cancel'` and closing the dialog.
-     */
-    cancel() {
-        this.choosen.emit({ result: 'cancel' });
-        this.dialogRef.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DeleteDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: DeleteDialogComponent, isStandalone: true, selector: "ng-component", outputs: { choosen: "choosen" }, ngImport: i0, template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form [formRoot]=\"form\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxFill>\r\n      <div fxFlex=\"*\">\r\n        @if (dialogData().message) {\r\n        <div [innerHtml]=\"dialogData().message | safeHtml\"></div>\r\n        }\r\n      </div>\r\n      @if (dialogData().details) {\r\n      <div class=\"details-box\">\r\n        <p class=\"x-small uppercase secondary\">Dettaglio:</p>\r\n        <div class=\"small details\">\r\n          <div [innerHtml]=\"dialogData().details | safeHtml\"></div>\r\n        </div>\r\n      </div>\r\n      }\r\n      @if (dialogData().confirmMode === 1) {\r\n      <div>\r\n        <mat-checkbox [formField]=\"form.confirmed\">\r\n          Confermo la cancellazione\r\n        </mat-checkbox>\r\n      </div>\r\n      } @else if (dialogData().confirmMode === 2) {\r\n      <p>Per confermare la cancellazione digita la parola <i><b>elimina</b></i>.</p>\r\n      <mat-form-field style=\"width: 200px\" [appearance]=\"dialogData().appearance\">\r\n        <mat-label>Conferma</mat-label>\r\n        <input matInput [formField]=\"form.confirmValue\"\r\n          [attr.aria-label]=\"'Digita la parola -elimina-'\">\r\n        @if (form.confirmValue().invalid()) {\r\n        <mat-error>{{ getErrorMessage(form.confirmValue().errors()) }}</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      }\r\n      <br>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"form().invalid()\"\r\n      [mat-dialog-close]=\"true\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\"\r\n      (click)=\"cancel()\">{{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}.details-box{border-top:1px solid var(--ars-color-divider, #757d87)}.details{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:5px;max-height:350px;padding:8px 12px;overflow:auto}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: FormRoot, selector: "form[formRoot]", inputs: ["formRoot"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.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: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.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: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DeleteDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogClose, FlexLayoutModule, MatCheckboxModule, FormField, FormRoot,
-                        MatDialogActions, MatButtonModule, MatFormFieldModule, MatInputModule, SafeHtmlPipe], template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form [formRoot]=\"form\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxFill>\r\n      <div fxFlex=\"*\">\r\n        @if (dialogData().message) {\r\n        <div [innerHtml]=\"dialogData().message | safeHtml\"></div>\r\n        }\r\n      </div>\r\n      @if (dialogData().details) {\r\n      <div class=\"details-box\">\r\n        <p class=\"x-small uppercase secondary\">Dettaglio:</p>\r\n        <div class=\"small details\">\r\n          <div [innerHtml]=\"dialogData().details | safeHtml\"></div>\r\n        </div>\r\n      </div>\r\n      }\r\n      @if (dialogData().confirmMode === 1) {\r\n      <div>\r\n        <mat-checkbox [formField]=\"form.confirmed\">\r\n          Confermo la cancellazione\r\n        </mat-checkbox>\r\n      </div>\r\n      } @else if (dialogData().confirmMode === 2) {\r\n      <p>Per confermare la cancellazione digita la parola <i><b>elimina</b></i>.</p>\r\n      <mat-form-field style=\"width: 200px\" [appearance]=\"dialogData().appearance\">\r\n        <mat-label>Conferma</mat-label>\r\n        <input matInput [formField]=\"form.confirmValue\"\r\n          [attr.aria-label]=\"'Digita la parola -elimina-'\">\r\n        @if (form.confirmValue().invalid()) {\r\n        <mat-error>{{ getErrorMessage(form.confirmValue().errors()) }}</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      }\r\n      <br>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"form().invalid()\"\r\n      [mat-dialog-close]=\"true\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\"\r\n      (click)=\"cancel()\">{{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}.details-box{border-top:1px solid var(--ars-color-divider, #757d87)}.details{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:5px;max-height:350px;padding:8px 12px;overflow:auto}\n"] }]
-        }], propDecorators: { choosen: [{ type: i0.Output, args: ["choosen"] }] } });
-
-class ToastComponent {
-    constructor() {
-        /** Emitted when the user clicks the optional action button. */
-        this.action = output();
-        /** Snack-bar payload with a safe fallback to an empty message when no data is injected. */
-        this.dialogData = signal(inject(MAT_SNACK_BAR_DATA) ?? { message: '' }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Emits the `action` event to notify the caller that the action button was clicked.
-     */
-    do() {
-        this.action.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ToastComponent, isStandalone: true, selector: "ng-component", outputs: { action: "action" }, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n  @if (dialogData().icon) {\r\n  <div fxFlex='30px' fxLayoutAlign=\"start\" fxFlexAlign=\"center\">\r\n    <mat-icon>{{dialogData().icon}}</mat-icon>\r\n  </div>\r\n  }\r\n  <div fxFlex='*' fxLayoutAlign=\"start\" fxFlexAlign=\"center\">\r\n    @if (dialogData().message) {\r\n    <span [innerHTML]=\"dialogData().message | safeHtml\"></span>\r\n    }\r\n  </div>\r\n  @if (dialogData().actionCaption) {\r\n  <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n    <div style=\"padding-left: 20px;\">\r\n      <button type=\"button\" mat-flat-button (click)=\"do()\"\r\n        [innerHTML]=\"dialogData().actionCaption\"></button>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.FxFlexDirective, selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i1.FxLayoutAlignDirective, selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FxLayoutGapDirective, selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.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.7", ngImport: i0, type: ToastComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexLayoutModule, MatIconModule, MatButtonModule, SafeHtmlPipe], template: "<div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n  @if (dialogData().icon) {\r\n  <div fxFlex='30px' fxLayoutAlign=\"start\" fxFlexAlign=\"center\">\r\n    <mat-icon>{{dialogData().icon}}</mat-icon>\r\n  </div>\r\n  }\r\n  <div fxFlex='*' fxLayoutAlign=\"start\" fxFlexAlign=\"center\">\r\n    @if (dialogData().message) {\r\n    <span [innerHTML]=\"dialogData().message | safeHtml\"></span>\r\n    }\r\n  </div>\r\n  @if (dialogData().actionCaption) {\r\n  <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n    <div style=\"padding-left: 20px;\">\r\n      <button type=\"button\" mat-flat-button (click)=\"do()\"\r\n        [innerHTML]=\"dialogData().actionCaption\"></button>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>" }]
-        }], propDecorators: { action: [{ type: i0.Output, args: ["action"] }] } });
-
-class DialogService extends ShellService {
-    /**
-     * Updates the global form-field appearance.
-     * @param value - The new appearance value. Falls back to `'fill'` when `undefined` is passed.
-     * @returns void
-     */
-    setAppearance(value) {
-        this.uiService.setAppearance(value);
-    }
-    constructor() {
-        super();
-        this.uiService = inject(UIService);
-        /**
-         * Shares the SAME `appearance` signal instance as the root `UIService`:
-         * `uiService.setAppearance('outline')` is immediately visible here and in
-         * every dialog opened by this service.
-         *
-         * Held by delegation and no longer by inheritance: this service now extends `ShellService`,
-         * which knows nothing about Material and must not, so the two members every caller uses of
-         * `UIService` are re-exposed here.
-         */
-        this.appearance = this.uiService.appearance;
-        this.dialog = inject(MatDialog);
-        this.snackBar = inject(MatSnackBar);
-        this.location = inject(PlatformLocation);
-        this.popHistory = [];
-        this.popState = true;
-        this.poppingState = false;
-        // Handle dialog close when back button is clicked
-        this.location.onPopState(() => {
-            if (!this.poppingState) {
-                const count = this.dialog.openDialogs.length;
-                if (count > 0) {
-                    // Disable pop state if needed
-                    this.popState = false;
-                    // Close dialog
-                    this.dialog.openDialogs[count - 1].close();
-                }
-            }
-            else {
-                this.poppingState = false;
-            }
-        });
-    }
-    /**
-     * Lets the next `popstate` through without closing the topmost dialog.
-     *
-     * Back closing the dialog on top is the rule of this service, and its listener is registered in
-     * the constructor — so nothing attached later can get in front of it. A caller that owns a
-     * dismissable state of its own INSIDE a dialog (a full-screen editor, a picker covering the
-     * dialog, a wizard step) needs Back to unwind that state first, and this is the only way to ask
-     * for it: push a history entry, call this, and handle the pop.
-     *
-     * The suspension lasts exactly one `popstate` and is consumed whether or not the caller pushed
-     * an entry, so it can not leave the service permanently deaf to the Back button.
-     */
-    suspendBackClose() {
-        this.poppingState = true;
-    }
-    /**
-     * Removes trailing `#` characters from the current URL (e.g. after a page reload).
-     * @param resetPoppingState - When `true`, resets the internal popping-state flag.
-     */
-    clearUrl(resetPoppingState = false) {
-        const url = location.href;
-        let l = url.length;
-        while (l >= 0 && url[l - 1] === '#')
-            l--;
-        if (l < url.length)
-            history.replaceState({}, '', url.substring(0, l));
-        if (resetPoppingState)
-            this.poppingState = false;
-    }
-    /**
-     * Close all dialogs
-     */
-    closeAll() {
-        this.dialog.closeAll();
-    }
-    /**
-     * Opens a Material dialog. Returns `null` when not running in a browser.
-     * @param component - The component to open as a dialog.
-     * @param config   - The dialog configuration.
-     * @returns The dialog reference, or `null` outside the browser.
-     */
-    open(component, config) {
-        if (!SystemUtils.isBrowser())
-            return null;
-        // Immediately, not with the grace period: the dialog is about to be drawn under an overlay
-        // that sits above it by z-index, and half a second of it covering a fresh dialog would show.
-        this.clearBusy(true);
-        return this.openDialog(component, config);
-    }
-    /**
-     * Internal helper that wraps `MatDialog.open`, subscribes to lifecycle hooks
-     * and manages browser-history push/pop entries.
-     * @param component - The component to open.
-     * @param config   - The dialog configuration.
-     * @returns The dialog reference.
-     */
-    openDialog(component, config) {
-        // We will take care of navigation
-        config.closeOnNavigation = false;
-        const d = this.dialog.open(component, config);
-        d.afterOpened().pipe(first()).subscribe(() => {
-            this.pushDialog(d.id);
-            // The dialog has just entered the top layer, and the top layer orders by promotion: an
-            // error the user has not dismissed yet would end up underneath it.
-            this.raiseMessage();
-        });
-        d.beforeClosed().pipe(first()).subscribe(() => this.popDialog(d.id));
-        return d;
-    }
-    /**
-     * Returns the element height including margins
-     * @param element - element
-     * @returns the height
-     */
-    outerHeight(element) {
-        if (!SystemUtils.isBrowser())
-            return 0;
-        const height = element.offsetHeight;
-        const style = window.getComputedStyle(element);
-        return ['top', 'bottom']
-            .map(side => parseInt(style.getPropertyValue(`margin-${side}`), 10))
-            .reduce((total, margin) => total + margin, height);
-    }
-    /**
-     * Return current dialog height
-     */
-    getCurrentDialogHeight() {
-        if (!SystemUtils.isBrowser())
-            return 0;
-        const count = this.popHistory.length;
-        if (count > 0) {
-            let id = this.popHistory[count - 1].id;
-            let elem = document.getElementById(id);
-            if (elem && elem.clientHeight > 0)
-                return elem.clientHeight;
-        }
-        return 0;
-    }
-    /**
-     * Returns the scrollable content area height for the topmost open dialog.
-     * @param fixedPartsClassName - CSS class names of fixed (non-scrollable) elements whose heights are subtracted.
-     * @param minimalHeight       - Minimum height floor to use when the dialog height is smaller.
-     * @returns The computed scrollable height in pixels.
-     */
-    getCurrentDialogScrollableHeight(fixedPartsClassName, minimalHeight) {
-        if (!SystemUtils.isBrowser())
-            return 0;
-        let h = Math.max(this.getCurrentDialogHeight(), minimalHeight);
-        if (fixedPartsClassName) {
-            fixedPartsClassName.forEach(n => {
-                const elems = document.getElementsByClassName(n);
-                if (elems) {
-                    for (let i = 0; i < elems.length; i++) {
-                        h -= this.outerHeight(elems[i]);
-                    }
-                }
-            });
-        }
-        return h;
-    }
-    /**
-     * Push a dialog into the browser history
-     */
-    pushDialog(id) {
-        if (!SystemUtils.isBrowser())
-            return;
-        const index = history.length;
-        history.pushState({ index }, '', location.href + '#');
-        this.popHistory.push({ id, value: index });
-    }
-    /**
-     * Pop a dialog from the history
-     */
-    popDialog(id) {
-        if (!SystemUtils.isBrowser())
-            return;
-        if (this.popState) {
-            this.poppingState = true;
-            let popped = 1;
-            if (id) {
-                const p = this.popHistory.findIndex(n => n.id === id);
-                if (p !== -1) {
-                    popped = this.popHistory[p].value - (history.state?.index ?? 0);
-                    popped = popped ? popped + 1 : 1;
-                    this.popHistory.splice(p, 1);
-                }
-                const url = location.href;
-                let l = url.length;
-                while (l >= 0 && url[l - 1] === '#' && popped > 0) {
-                    l--;
-                    popped--;
-                }
-                if (l < url.length)
-                    history.replaceState({}, '', url.substring(0, l));
-            }
-        }
-        this.popState = true;
-    }
-    /**
-     * Shows a snack-bar toast notification.
-     * @param message       - HTML message to display.
-     * @param duration      - Visible duration in milliseconds. Defaults to `2000`.
-     * @param icon          - Material icon name shown beside the message. Defaults to `'check'`.
-     * @param actionCaption - Optional label for the action button.
-     * @returns The snack-bar reference.
-     */
-    toast(message, duration = 2000, icon = 'check', actionCaption) {
-        this.clearBusy();
-        if (duration === -1)
-            duration = 2000; // default
-        const toastRef = this.snackBar.openFromComponent(ToastComponent, {
-            duration,
-            data: { message, icon, actionCaption }
-        });
-        toastRef.instance.action.subscribe(() => toastRef.dismiss());
-        return toastRef;
-    }
-    /**
-     * Opens a confirmation dialog.
-     * @param message       - HTML message to display.
-     * @param title         - Dialog title. Defaults to `'Conferma'`.
-     * @param okCaption     - Primary action button label. Defaults to `'Si'`.
-     * @param cancelCaption - Cancel button label. Defaults to `'No'`.
-     * @param otherCaption  - Optional tertiary action button label.
-     * @param options       - Optional list of checkbox options shown to the user.
-     * @param width         - Maximum dialog width in pixels. Defaults to `500`.
-     * @param details       - Optional secondary details text.
-     * @returns The dialog reference, or `null` outside the browser.
-     */
-    confirm(message, title = 'Conferma', okCaption = 'Si', cancelCaption = 'No', otherCaption, options, width = 500, details) {
-        return this.open(ConfirmDialogComponent, {
-            ariaLabel: 'conferma',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                message,
-                title,
-                okCaption,
-                cancelCaption,
-                otherCaption,
-                options,
-                details,
-                appearance: this.appearance()
-            },
-            closeOnNavigation: false,
-            disableClose: true,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Opens a deletion-confirmation dialog.
-     * @param message       - HTML message to display.
-     * @param title         - Dialog title. Defaults to `'Attenzione'`.
-     * @param confirmMode   - Confirmation mode (none / checkbox / type-to-confirm). Defaults to `None`.
-     * @param okCaption     - Primary action button label. Defaults to `'Si'`.
-     * @param cancelCaption - Cancel button label. Defaults to `'No'`.
-     * @param width         - Maximum dialog width in pixels. Defaults to `500`.
-     * @param details       - Optional secondary details text.
-     * @returns The dialog reference, or `null` outside the browser.
-     */
-    delete(message, title = 'Attenzione', confirmMode = DeleteDialogConfirmMode.None, okCaption = 'Si', cancelCaption = 'No', width = 500, details) {
-        return this.open(DeleteDialogComponent, {
-            ariaLabel: 'attenzione',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                message,
-                title,
-                confirmMode,
-                okCaption,
-                cancelCaption,
-                details,
-                appearance: this.appearance()
-            },
-            closeOnNavigation: false,
-            disableClose: true,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    ////
-    // LAZY DIALOGS
-    ////
-    //
-    // The heavy dialogs are opened from here but live in their own entry points, and the `import()`
-    // below is what keeps them out of the initial bundle: an import between entry points survives
-    // the build, while one inside the same entry point is inlined by ng-packagr.
-    //
-    // These used to be `ApplicationDialogService` in `ui.application`, an entry point whose whole
-    // reason to exist was holding these nine lines. It could be dissolved into here once the lazy
-    // dialogs stopped injecting `DialogService` for `error()` and `busy()` — those live in
-    // `ShellService`, which they now inject directly. That broke the static edge back to this entry
-    // point, and with it the circular dependency ng-packagr refuses to build.
-    //
-    // Do NOT import `DialogService` from `ui.dialogs.{prompt,select,auth}` or `ui.files` again:
-    // the build stops with "circular dependency" the moment anyone does.
-    /**
-     * Open a send-to-email dialog.
-     * @param title - Dialog title.
-     * @param text - Pre-filled message body.
-     * @param subject - Pre-filled subject line.
-     * @param canPopulate - Whether the populate-recipients action is available.
-     * @param count - Number of documents being sent.
-     * @param options - Checkable option list.
-     * @param width - Maximum dialog width in pixels.
-     * @returns The opened dialog reference.
-     */
-    async sendTo(title = 'Invia per email', text, subject, canPopulate = false, count, options, width = 600) {
-        const { SendToDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.select');
-        return this.open(SendToDialogComponent, {
-            ariaLabel: 'invia per email',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                title,
-                count,
-                canPopulate,
-                appearance: this.appearance(),
-                text,
-                subject,
-                options
-            },
-            closeOnNavigation: false,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Open a tree-node selection dialog.
-     * @param nodes - The tree nodes to display.
-     * @param title - Dialog title.
-     * @param description - Optional description shown below the title.
-     * @param initialFilter - Pre-applied filter text.
-     * @param width - Maximum dialog width in pixels.
-     * @param okCaption - Label for the confirm button.
-     * @param canAppend - Whether the append-node action is available.
-     * @returns The opened dialog reference.
-     */
-    async selectTree(nodes, title = 'Seleziona un elemento', description, initialFilter, width = 800, okCaption = 'Ok', canAppend = false) {
-        const { SelectTreeDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.select');
-        return this.open(SelectTreeDialogComponent, {
-            ariaLabel: 'seleziona un elemento',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                title,
-                description,
-                initialFilter,
-                okCaption,
-                nodes,
-                appearance: 'outline',
-                canAppend
-            },
-            closeOnNavigation: false,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Open a picture-selection dialog.
-     * @param title - Dialog title.
-     * @param description - Brief description shown in the dialog.
-     * @param okCaption - Label for the confirm button.
-     * @param options - Checkable option list.
-     * @param width - Maximum dialog width in pixels.
-     * @param maxSize - Maximum accepted file size in MB.
-     * @param maxPictureWidth - Maximum accepted picture width in pixels.
-     * @param maxPictureHeight - Maximum accepted picture height in pixels.
-     * @returns The opened dialog reference.
-     */
-    async selectPicture(title = 'Seleziona immagine', description, okCaption = 'Ok', options, width = 600, maxSize, maxPictureWidth, maxPictureHeight) {
-        const { SelectPictureDialogComponent } = await import('@arsedizioni/ars-utils/ui.files');
-        return this.open(SelectPictureDialogComponent, {
-            ariaLabel: 'seleziona immagine',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                title,
-                description,
-                okCaption,
-                options,
-                appearance: this.appearance(),
-                maxSize,
-                maxWidth: maxPictureWidth,
-                maxHeight: maxPictureHeight
-            },
-            closeOnNavigation: false,
-            disableClose: true,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Open a file-selection dialog.
-     * @param title - Dialog title.
-     * @param description - Brief description shown in the dialog.
-     * @param okCaption - Label for the confirm button.
-     * @param helpLink - URL for the help link.
-     * @param helpCaption - Display text for the help link.
-     * @param options - Checkable option list.
-     * @param width - Maximum dialog width in pixels.
-     * @param maxSize - Maximum accepted file size in MB.
-     * @param accept - Accepted file extensions (e.g. `.pdf,.docx`).
-     * @returns The opened dialog reference.
-     */
-    async selectFile(title = 'Seleziona file', description, okCaption = 'Ok', helpLink, helpCaption, options, width = 600, maxSize, accept) {
-        const { SelectFileDialogComponent } = await import('@arsedizioni/ars-utils/ui.files');
-        return this.open(SelectFileDialogComponent, {
-            ariaLabel: 'seleziona file',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                title,
-                description,
-                okCaption,
-                helpLink,
-                helpCaption,
-                options,
-                appearance: this.appearance(),
-                maxSize,
-                accept
-            },
-            closeOnNavigation: false,
-            disableClose: true,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Open a multipurpose selection and CRUD dialog.
-     * @param data - The dialog configuration model.
-     * @param disableClose - Whether the dialog can be closed by clicking outside.
-     * @param closeOnNavigation - Whether the dialog closes on route navigation.
-     * @returns The opened dialog reference.
-     */
-    async select(data, disableClose = true, closeOnNavigation = true) {
-        const { SelectDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.select');
-        const dialogData = { ...data, appearance: data.appearance ?? 'outline' };
-        return this.open(SelectDialogComponent, {
-            ariaLabel: 'seleziona',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: dialogData,
-            closeOnNavigation: closeOnNavigation,
-            disableClose: disableClose,
-            minWidth: '375px',
-            maxWidth: `${data.width ?? 800}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Prompt the user to enter a value.
-     * @param title - Dialog title.
-     * @param type - The input type (default, text, number, etc.).
-     * @param description - Placeholder or description text.
-     * @param initialValue - Pre-filled value.
-     * @param okCaption - Label for the confirm button.
-     * @param cancelCaption - Label for the cancel button.
-     * @param options - Checkable option list.
-     * @param width - Maximum dialog width in pixels.
-     * @param required - Whether the input is required.
-     * @returns The opened dialog reference.
-     */
-    async prompt(title, type = PromptDialogType.Default, description, initialValue, okCaption = 'Ok', cancelCaption = 'Annulla', options, width = 500, required) {
-        const { PromptDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.prompt');
-        return this.open(PromptDialogComponent, {
-            ariaLabel: 'inserisci valore',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                title,
-                type,
-                description,
-                initialValue,
-                okCaption,
-                cancelCaption,
-                appearance: this.appearance(),
-                required,
-                options
-            },
-            closeOnNavigation: false,
-            disableClose: true,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Prompt the user to enter a date or date interval.
-     * @param title - Dialog title.
-     * @param type - Date or DateInterval.
-     * @param description - Placeholder or description text.
-     * @param initialValue - Pre-filled value.
-     * @param okCaption - Label for the confirm button.
-     * @param cancelCaption - Label for the cancel button.
-     * @param options - Checkable option list.
-     * @param width - Maximum dialog width in pixels.
-     * @param required - Whether the input is required.
-     * @returns The opened dialog reference.
-     */
-    async promptDate(title, type = PromptDialogType.Date, description, initialValue, okCaption = 'Ok', cancelCaption = 'Annulla', options, width = 500, required) {
-        const { PromptDateDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.prompt');
-        return this.open(PromptDateDialogComponent, {
-            ariaLabel: 'inserisci data',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                title,
-                type,
-                description,
-                initialValue,
-                okCaption,
-                cancelCaption,
-                appearance: this.appearance(),
-                required,
-                options
-            },
-            closeOnNavigation: false,
-            disableClose: true,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Prompt the user to enter a time value.
-     * @param title - Dialog title.
-     * @param description - Placeholder or description text.
-     * @param slots - Optional time slots string.
-     * @param initialValue - Pre-filled value.
-     * @param okCaption - Label for the confirm button.
-     * @param cancelCaption - Label for the cancel button.
-     * @param options - Checkable option list.
-     * @param width - Maximum dialog width in pixels.
-     * @param required - Whether the input is required.
-     * @returns The opened dialog reference.
-     */
-    async promptTime(title, description, slots, initialValue, okCaption = 'Ok', cancelCaption = 'Annulla', options, width = 500, required) {
-        const { PromptTimeDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.prompt');
-        return this.open(PromptTimeDialogComponent, {
-            ariaLabel: 'inserisci orario',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                title,
-                type: PromptDialogType.Time,
-                description,
-                slots,
-                initialValue,
-                okCaption,
-                cancelCaption,
-                appearance: this.appearance(),
-                required,
-                options
-            },
-            closeOnNavigation: false,
-            disableClose: true,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Prompt the user to enter an OTP code.
-     * @param title - Dialog title.
-     * @param description - Description text shown in the dialog.
-     * @param okCaption - Label for the confirm button.
-     * @param cancelCaption - Label for the cancel button.
-     * @param width - Maximum dialog width in pixels.
-     * @returns The opened dialog reference.
-     */
-    async promptOtp(title = 'Conferma la tua identità', description, okCaption = 'Ok', cancelCaption = 'Annulla', width = 500) {
-        const { PromptOtpDialogComponent } = await import('@arsedizioni/ars-utils/ui.dialogs.auth');
-        return this.open(PromptOtpDialogComponent, {
-            ariaLabel: 'inserisci codice OTP',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                title,
-                type: PromptDialogType.Default,
-                description,
-                okCaption,
-                cancelCaption,
-                appearance: this.appearance(),
-            },
-            closeOnNavigation: false,
-            disableClose: true,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
-    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.7", ngImport: i0, type: DialogService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DialogService, decorators: [{
-            type: Service
-        }], ctorParameters: () => [] });
-
-/*
- * Public API Surface of @arsedizioni/ars-utils/ui.dialogs
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var DeleteDialogComponent = class DeleteDialogComponent {
+	constructor() {
+		this.getErrorMessage = SignalsUtils.getFieldErrorMessage;
+		this.choosen = output();
+		this.dialogRef = inject(MatDialogRef);
+		this.dialogData = signal((() => {
+			const raw = inject(MAT_DIALOG_DATA) ?? {};
+			return {
+				title: "Attenzione",
+				okCaption: "Si",
+				cancelCaption: "No",
+				confirmMode: DeleteDialogConfirmMode.None,
+				message: "",
+				...raw
+			};
+		})(), ...ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []);
+		this.model = signal({
+			confirmed: this.dialogData().confirmMode !== DeleteDialogConfirmMode.Simple,
+			confirmValue: ""
+		}, ...ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []);
+		this.form = form(this.model, (p) => {
+			validate(p.confirmed, ({ value }) => this.dialogData().confirmMode !== DeleteDialogConfirmMode.Simple || value() ? void 0 : {
+				kind: "confirmed",
+				message: "Confermo la cancellazione"
+			});
+			required(p.confirmValue, {
+				message: "Digita la parola \"elimina\"",
+				when: () => this.dialogData().confirmMode === DeleteDialogConfirmMode.Strong
+			});
+			validate(p.confirmValue, ({ value }) => this.dialogData().confirmMode !== DeleteDialogConfirmMode.Strong || !value() || value().toLowerCase() === "elimina" ? void 0 : {
+				kind: "confirmValue",
+				message: "Digita la parola \"elimina\""
+			});
+		});
+	}
+	ok() {
+		this.choosen.emit({ result: "ok" });
+		this.dialogRef.close();
+	}
+	cancel() {
+		this.choosen.emit({ result: "cancel" });
+		this.dialogRef.close();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: DeleteDialogComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: DeleteDialogComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			outputs: { choosen: "choosen" },
+			ngImport: i0,
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form [formRoot]=\"form\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxFill>\r\n      <div fxFlex=\"*\">\r\n        @if (dialogData().message) {\r\n        <div [innerHtml]=\"dialogData().message | safeHtml\"></div>\r\n        }\r\n      </div>\r\n      @if (dialogData().details) {\r\n      <div class=\"details-box\">\r\n        <p class=\"x-small uppercase secondary\">Dettaglio:</p>\r\n        <div class=\"small details\">\r\n          <div [innerHtml]=\"dialogData().details | safeHtml\"></div>\r\n        </div>\r\n      </div>\r\n      }\r\n      @if (dialogData().confirmMode === 1) {\r\n      <div>\r\n        <mat-checkbox [formField]=\"form.confirmed\">\r\n          Confermo la cancellazione\r\n        </mat-checkbox>\r\n      </div>\r\n      } @else if (dialogData().confirmMode === 2) {\r\n      <p>Per confermare la cancellazione digita la parola <i><b>elimina</b></i>.</p>\r\n      <mat-form-field style=\"width: 200px\" [appearance]=\"dialogData().appearance\">\r\n        <mat-label>Conferma</mat-label>\r\n        <input matInput [formField]=\"form.confirmValue\"\r\n          [attr.aria-label]=\"'Digita la parola -elimina-'\">\r\n        @if (form.confirmValue().invalid()) {\r\n        <mat-error>{{ getErrorMessage(form.confirmValue().errors()) }}</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      }\r\n      <br>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"form().invalid()\"\r\n      [mat-dialog-close]=\"true\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\"\r\n      (click)=\"cancel()\">{{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}.details-box{border-top:1px solid var(--ars-color-divider, #757d87)}.details{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:5px;max-height:350px;padding:8px 12px;overflow:auto}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: MatDialogTitle,
+					selector: "[mat-dialog-title], [matDialogTitle]",
+					inputs: ["id"],
+					exportAs: ["matDialogTitle"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "directive",
+					type: MatDialogClose,
+					selector: "[mat-dialog-close], [matDialogClose]",
+					inputs: [
+						"aria-label",
+						"type",
+						"mat-dialog-close",
+						"matDialogClose"
+					],
+					exportAs: ["matDialogClose"]
+				},
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexDirective,
+					selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ",
+					inputs: [
+						"fxFlex",
+						"fxFlex.xs",
+						"fxFlex.sm",
+						"fxFlex.md",
+						"fxFlex.lg",
+						"fxFlex.xl",
+						"fxFlex.lt-sm",
+						"fxFlex.lt-md",
+						"fxFlex.lt-lg",
+						"fxFlex.lt-xl",
+						"fxFlex.gt-xs",
+						"fxFlex.gt-sm",
+						"fxFlex.gt-md",
+						"fxFlex.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutGapDirective,
+					selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ",
+					inputs: [
+						"fxLayoutGap",
+						"fxLayoutGap.xs",
+						"fxLayoutGap.sm",
+						"fxLayoutGap.md",
+						"fxLayoutGap.lg",
+						"fxLayoutGap.xl",
+						"fxLayoutGap.lt-sm",
+						"fxLayoutGap.lt-md",
+						"fxLayoutGap.lt-lg",
+						"fxLayoutGap.lt-xl",
+						"fxLayoutGap.gt-xs",
+						"fxLayoutGap.gt-sm",
+						"fxLayoutGap.gt-md",
+						"fxLayoutGap.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexFillDirective,
+					selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ",
+					inputs: [
+						"fxFlexFill",
+						"fxFill",
+						"fxFlexFill.xs",
+						"fxFlexFill.sm",
+						"fxFlexFill.md",
+						"fxFlexFill.lg",
+						"fxFlexFill.xl",
+						"fxFlexFill.lt-sm",
+						"fxFlexFill.lt-md",
+						"fxFlexFill.lt-lg",
+						"fxFlexFill.lt-xl",
+						"fxFlexFill.gt-xs",
+						"fxFlexFill.gt-sm",
+						"fxFlexFill.gt-md",
+						"fxFlexFill.gt-lg"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: MatCheckboxModule
+				},
+				{
+					kind: "component",
+					type: i2$1.MatCheckbox,
+					selector: "mat-checkbox",
+					inputs: [
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"aria-expanded",
+						"aria-controls",
+						"aria-owns",
+						"id",
+						"required",
+						"labelPosition",
+						"name",
+						"value",
+						"disableRipple",
+						"tabIndex",
+						"color",
+						"disabledInteractive",
+						"checked",
+						"disabled",
+						"indeterminate"
+					],
+					outputs: ["change", "indeterminateChange"],
+					exportAs: ["matCheckbox"]
+				},
+				{
+					kind: "directive",
+					type: FormField,
+					selector: "[formField]",
+					inputs: ["formField"],
+					exportAs: ["formField"]
+				},
+				{
+					kind: "directive",
+					type: FormRoot,
+					selector: "form[formRoot]",
+					inputs: ["formRoot"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogActions,
+					selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]",
+					inputs: ["align"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i3.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: MatFormFieldModule
+				},
+				{
+					kind: "component",
+					type: i4.MatFormField,
+					selector: "mat-form-field",
+					inputs: [
+						"hideRequiredMarker",
+						"color",
+						"floatLabel",
+						"appearance",
+						"subscriptSizing",
+						"hintLabel"
+					],
+					exportAs: ["matFormField"]
+				},
+				{
+					kind: "directive",
+					type: i4.MatLabel,
+					selector: "mat-label"
+				},
+				{
+					kind: "directive",
+					type: i4.MatError,
+					selector: "mat-error, [matError]",
+					inputs: ["id"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatInputModule
+				},
+				{
+					kind: "directive",
+					type: i5.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: "pipe",
+					type: SafeHtmlPipe,
+					name: "safeHtml"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: DeleteDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				MatDialogTitle,
+				MatDialogContent,
+				MatDialogClose,
+				FlexLayoutModule,
+				MatCheckboxModule,
+				FormField,
+				FormRoot,
+				MatDialogActions,
+				MatButtonModule,
+				MatFormFieldModule,
+				MatInputModule,
+				SafeHtmlPipe
+			],
+			template: "<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form [formRoot]=\"form\" novalidate>\r\n    <div fxLayout=\"column\" fxLayoutGap=\"24px\" fxFill>\r\n      <div fxFlex=\"*\">\r\n        @if (dialogData().message) {\r\n        <div [innerHtml]=\"dialogData().message | safeHtml\"></div>\r\n        }\r\n      </div>\r\n      @if (dialogData().details) {\r\n      <div class=\"details-box\">\r\n        <p class=\"x-small uppercase secondary\">Dettaglio:</p>\r\n        <div class=\"small details\">\r\n          <div [innerHtml]=\"dialogData().details | safeHtml\"></div>\r\n        </div>\r\n      </div>\r\n      }\r\n      @if (dialogData().confirmMode === 1) {\r\n      <div>\r\n        <mat-checkbox [formField]=\"form.confirmed\">\r\n          Confermo la cancellazione\r\n        </mat-checkbox>\r\n      </div>\r\n      } @else if (dialogData().confirmMode === 2) {\r\n      <p>Per confermare la cancellazione digita la parola <i><b>elimina</b></i>.</p>\r\n      <mat-form-field style=\"width: 200px\" [appearance]=\"dialogData().appearance\">\r\n        <mat-label>Conferma</mat-label>\r\n        <input matInput [formField]=\"form.confirmValue\"\r\n          [attr.aria-label]=\"'Digita la parola -elimina-'\">\r\n        @if (form.confirmValue().invalid()) {\r\n        <mat-error>{{ getErrorMessage(form.confirmValue().errors()) }}</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      }\r\n      <br>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n    <button mat-flat-button (click)=\"ok()\" [disabled]=\"form().invalid()\"\r\n      [mat-dialog-close]=\"true\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\"\r\n      (click)=\"cancel()\">{{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}.details-box{border-top:1px solid var(--ars-color-divider, #757d87)}.details{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:5px;max-height:350px;padding:8px 12px;overflow:auto}\n"]
+		}]
+	}],
+	propDecorators: { choosen: [{
+		type: i0.Output,
+		args: ["choosen"]
+	}] }
+});
+var ToastComponent = class ToastComponent {
+	constructor() {
+		this.action = output();
+		this.dialogData = signal(inject(MAT_SNACK_BAR_DATA) ?? { message: "" }, ...ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []);
+	}
+	do() {
+		this.action.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: ToastComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: ToastComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			outputs: { action: "action" },
+			ngImport: i0,
+			template: "<div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n  @if (dialogData().icon) {\r\n  <div fxFlex='30px' fxLayoutAlign=\"start\" fxFlexAlign=\"center\">\r\n    <mat-icon>{{dialogData().icon}}</mat-icon>\r\n  </div>\r\n  }\r\n  <div fxFlex='*' fxLayoutAlign=\"start\" fxFlexAlign=\"center\">\r\n    @if (dialogData().message) {\r\n    <span [innerHTML]=\"dialogData().message | safeHtml\"></span>\r\n    }\r\n  </div>\r\n  @if (dialogData().actionCaption) {\r\n  <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n    <div style=\"padding-left: 20px;\">\r\n      <button type=\"button\" mat-flat-button (click)=\"do()\"\r\n        [innerHTML]=\"dialogData().actionCaption\"></button>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>",
+			styles: [""],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexDirective,
+					selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ",
+					inputs: [
+						"fxFlex",
+						"fxFlex.xs",
+						"fxFlex.sm",
+						"fxFlex.md",
+						"fxFlex.lg",
+						"fxFlex.xl",
+						"fxFlex.lt-sm",
+						"fxFlex.lt-md",
+						"fxFlex.lt-lg",
+						"fxFlex.lt-xl",
+						"fxFlex.gt-xs",
+						"fxFlex.gt-sm",
+						"fxFlex.gt-md",
+						"fxFlex.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutGapDirective,
+					selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ",
+					inputs: [
+						"fxLayoutGap",
+						"fxLayoutGap.xs",
+						"fxLayoutGap.sm",
+						"fxLayoutGap.md",
+						"fxLayoutGap.lg",
+						"fxLayoutGap.xl",
+						"fxLayoutGap.lt-sm",
+						"fxLayoutGap.lt-md",
+						"fxLayoutGap.lt-lg",
+						"fxLayoutGap.lt-xl",
+						"fxLayoutGap.gt-xs",
+						"fxLayoutGap.gt-sm",
+						"fxLayoutGap.gt-md",
+						"fxLayoutGap.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.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: "ngmodule",
+					type: MatIconModule
+				},
+				{
+					kind: "component",
+					type: i2.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i3.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.2.1",
+	ngImport: i0,
+	type: ToastComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				FlexLayoutModule,
+				MatIconModule,
+				MatButtonModule,
+				SafeHtmlPipe
+			],
+			template: "<div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n  @if (dialogData().icon) {\r\n  <div fxFlex='30px' fxLayoutAlign=\"start\" fxFlexAlign=\"center\">\r\n    <mat-icon>{{dialogData().icon}}</mat-icon>\r\n  </div>\r\n  }\r\n  <div fxFlex='*' fxLayoutAlign=\"start\" fxFlexAlign=\"center\">\r\n    @if (dialogData().message) {\r\n    <span [innerHTML]=\"dialogData().message | safeHtml\"></span>\r\n    }\r\n  </div>\r\n  @if (dialogData().actionCaption) {\r\n  <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n    <div style=\"padding-left: 20px;\">\r\n      <button type=\"button\" mat-flat-button (click)=\"do()\"\r\n        [innerHTML]=\"dialogData().actionCaption\"></button>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>"
+		}]
+	}],
+	propDecorators: { action: [{
+		type: i0.Output,
+		args: ["action"]
+	}] }
+});
+var DialogService = class DialogService extends ShellService {
+	setAppearance(value) {
+		this.uiService.setAppearance(value);
+	}
+	constructor() {
+		super();
+		this.uiService = inject(UIService);
+		this.appearance = this.uiService.appearance;
+		this.dialog = inject(MatDialog);
+		this.snackBar = inject(MatSnackBar);
+		this.location = inject(PlatformLocation);
+		this.popHistory = [];
+		this.popState = true;
+		this.poppingState = false;
+		this.location.onPopState(() => {
+			if (!this.poppingState) {
+				const count = this.dialog.openDialogs.length;
+				if (count > 0) {
+					this.popState = false;
+					this.dialog.openDialogs[count - 1].close();
+				}
+			} else this.poppingState = false;
+		});
+	}
+	suspendBackClose() {
+		this.poppingState = true;
+	}
+	clearUrl(resetPoppingState = false) {
+		const url = location.href;
+		let l = url.length;
+		while (l >= 0 && url[l - 1] === "#") l--;
+		if (l < url.length) history.replaceState({}, "", url.substring(0, l));
+		if (resetPoppingState) this.poppingState = false;
+	}
+	closeAll() {
+		this.dialog.closeAll();
+	}
+	open(component, config) {
+		if (!SystemUtils.isBrowser()) return null;
+		this.clearBusy(true);
+		return this.openDialog(component, config);
+	}
+	openDialog(component, config) {
+		config.closeOnNavigation = false;
+		const d = this.dialog.open(component, config);
+		d.afterOpened().pipe(first()).subscribe(() => {
+			this.pushDialog(d.id);
+			this.raiseMessage();
+		});
+		d.beforeClosed().pipe(first()).subscribe(() => this.popDialog(d.id));
+		return d;
+	}
+	outerHeight(element) {
+		if (!SystemUtils.isBrowser()) return 0;
+		const height = element.offsetHeight;
+		const style = window.getComputedStyle(element);
+		return ["top", "bottom"].map((side) => parseInt(style.getPropertyValue(`margin-${side}`), 10)).reduce((total, margin) => total + margin, height);
+	}
+	getCurrentDialogHeight() {
+		if (!SystemUtils.isBrowser()) return 0;
+		const count = this.popHistory.length;
+		if (count > 0) {
+			let id = this.popHistory[count - 1].id;
+			let elem = document.getElementById(id);
+			if (elem && elem.clientHeight > 0) return elem.clientHeight;
+		}
+		return 0;
+	}
+	getCurrentDialogScrollableHeight(fixedPartsClassName, minimalHeight) {
+		if (!SystemUtils.isBrowser()) return 0;
+		let h = Math.max(this.getCurrentDialogHeight(), minimalHeight);
+		if (fixedPartsClassName) fixedPartsClassName.forEach((n) => {
+			const elems = document.getElementsByClassName(n);
+			if (elems) for (let i = 0; i < elems.length; i++) h -= this.outerHeight(elems[i]);
+		});
+		return h;
+	}
+	pushDialog(id) {
+		if (!SystemUtils.isBrowser()) return;
+		const index = history.length;
+		history.pushState({ index }, "", location.href + "#");
+		this.popHistory.push({
+			id,
+			value: index
+		});
+	}
+	popDialog(id) {
+		if (!SystemUtils.isBrowser()) return;
+		if (this.popState) {
+			this.poppingState = true;
+			let popped = 1;
+			if (id) {
+				const p = this.popHistory.findIndex((n) => n.id === id);
+				if (p !== -1) {
+					popped = this.popHistory[p].value - (history.state?.index ?? 0);
+					popped = popped ? popped + 1 : 1;
+					this.popHistory.splice(p, 1);
+				}
+				const url = location.href;
+				let l = url.length;
+				while (l >= 0 && url[l - 1] === "#" && popped > 0) {
+					l--;
+					popped--;
+				}
+				if (l < url.length) history.replaceState({}, "", url.substring(0, l));
+			}
+		}
+		this.popState = true;
+	}
+	toast(message, duration = 2e3, icon = "check", actionCaption) {
+		this.clearBusy();
+		if (duration === -1) duration = 2e3;
+		const toastRef = this.snackBar.openFromComponent(ToastComponent, {
+			duration,
+			data: {
+				message,
+				icon,
+				actionCaption
+			}
+		});
+		toastRef.instance.action.subscribe(() => toastRef.dismiss());
+		return toastRef;
+	}
+	confirm(message, title = "Conferma", okCaption = "Si", cancelCaption = "No", otherCaption, options, width = 500, details) {
+		return this.open(ConfirmDialogComponent, {
+			ariaLabel: "conferma",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				message,
+				title,
+				okCaption,
+				cancelCaption,
+				otherCaption,
+				options,
+				details,
+				appearance: this.appearance()
+			},
+			closeOnNavigation: false,
+			disableClose: true,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	delete(message, title = "Attenzione", confirmMode = DeleteDialogConfirmMode.None, okCaption = "Si", cancelCaption = "No", width = 500, details) {
+		return this.open(DeleteDialogComponent, {
+			ariaLabel: "attenzione",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				message,
+				title,
+				confirmMode,
+				okCaption,
+				cancelCaption,
+				details,
+				appearance: this.appearance()
+			},
+			closeOnNavigation: false,
+			disableClose: true,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	async sendTo(title = "Invia per email", text, subject, canPopulate = false, count, options, width = 600) {
+		const { SendToDialogComponent } = await import("@arsedizioni/ars-utils/ui.dialogs.select");
+		return this.open(SendToDialogComponent, {
+			ariaLabel: "invia per email",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				title,
+				count,
+				canPopulate,
+				appearance: this.appearance(),
+				text,
+				subject,
+				options
+			},
+			closeOnNavigation: false,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	async selectTree(nodes, title = "Seleziona un elemento", description, initialFilter, width = 800, okCaption = "Ok", canAppend = false) {
+		const { SelectTreeDialogComponent } = await import("@arsedizioni/ars-utils/ui.dialogs.select");
+		return this.open(SelectTreeDialogComponent, {
+			ariaLabel: "seleziona un elemento",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				title,
+				description,
+				initialFilter,
+				okCaption,
+				nodes,
+				appearance: "outline",
+				canAppend
+			},
+			closeOnNavigation: false,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	async selectPicture(title = "Seleziona immagine", description, okCaption = "Ok", options, width = 600, maxSize, maxPictureWidth, maxPictureHeight) {
+		const { SelectPictureDialogComponent } = await import("@arsedizioni/ars-utils/ui.files");
+		return this.open(SelectPictureDialogComponent, {
+			ariaLabel: "seleziona immagine",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				title,
+				description,
+				okCaption,
+				options,
+				appearance: this.appearance(),
+				maxSize,
+				maxWidth: maxPictureWidth,
+				maxHeight: maxPictureHeight
+			},
+			closeOnNavigation: false,
+			disableClose: true,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	async selectFile(title = "Seleziona file", description, okCaption = "Ok", helpLink, helpCaption, options, width = 600, maxSize, accept) {
+		const { SelectFileDialogComponent } = await import("@arsedizioni/ars-utils/ui.files");
+		return this.open(SelectFileDialogComponent, {
+			ariaLabel: "seleziona file",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				title,
+				description,
+				okCaption,
+				helpLink,
+				helpCaption,
+				options,
+				appearance: this.appearance(),
+				maxSize,
+				accept
+			},
+			closeOnNavigation: false,
+			disableClose: true,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	async select(data, disableClose = true, closeOnNavigation = true) {
+		const { SelectDialogComponent } = await import("@arsedizioni/ars-utils/ui.dialogs.select");
+		const dialogData = {
+			...data,
+			appearance: data.appearance ?? "outline"
+		};
+		return this.open(SelectDialogComponent, {
+			ariaLabel: "seleziona",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: dialogData,
+			closeOnNavigation,
+			disableClose,
+			minWidth: "375px",
+			maxWidth: `${data.width ?? 800}px`,
+			width: "100%"
+		});
+	}
+	async prompt(title, type = PromptDialogType.Default, description, initialValue, okCaption = "Ok", cancelCaption = "Annulla", options, width = 500, required) {
+		const { PromptDialogComponent } = await import("@arsedizioni/ars-utils/ui.dialogs.prompt");
+		return this.open(PromptDialogComponent, {
+			ariaLabel: "inserisci valore",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				title,
+				type,
+				description,
+				initialValue,
+				okCaption,
+				cancelCaption,
+				appearance: this.appearance(),
+				required,
+				options
+			},
+			closeOnNavigation: false,
+			disableClose: true,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	async promptDate(title, type = PromptDialogType.Date, description, initialValue, okCaption = "Ok", cancelCaption = "Annulla", options, width = 500, required) {
+		const { PromptDateDialogComponent } = await import("@arsedizioni/ars-utils/ui.dialogs.prompt");
+		return this.open(PromptDateDialogComponent, {
+			ariaLabel: "inserisci data",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				title,
+				type,
+				description,
+				initialValue,
+				okCaption,
+				cancelCaption,
+				appearance: this.appearance(),
+				required,
+				options
+			},
+			closeOnNavigation: false,
+			disableClose: true,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	async promptTime(title, description, slots, initialValue, okCaption = "Ok", cancelCaption = "Annulla", options, width = 500, required) {
+		const { PromptTimeDialogComponent } = await import("@arsedizioni/ars-utils/ui.dialogs.prompt");
+		return this.open(PromptTimeDialogComponent, {
+			ariaLabel: "inserisci orario",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				title,
+				type: PromptDialogType.Time,
+				description,
+				slots,
+				initialValue,
+				okCaption,
+				cancelCaption,
+				appearance: this.appearance(),
+				required,
+				options
+			},
+			closeOnNavigation: false,
+			disableClose: true,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	async promptOtp(title = "Conferma la tua identità", description, okCaption = "Ok", cancelCaption = "Annulla", width = 500) {
+		const { PromptOtpDialogComponent } = await import("@arsedizioni/ars-utils/ui.dialogs.auth");
+		return this.open(PromptOtpDialogComponent, {
+			ariaLabel: "inserisci codice OTP",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			data: {
+				title,
+				type: PromptDialogType.Default,
+				description,
+				okCaption,
+				cancelCaption,
+				appearance: this.appearance()
+			},
+			closeOnNavigation: false,
+			disableClose: true,
+			minWidth: "375px",
+			maxWidth: `${width}px`,
+			width: "100%"
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: DialogService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Service
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareService({
+			minVersion: "22.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: DialogService
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: DialogService,
+	decorators: [{ type: Service }],
+	ctorParameters: () => []
+});
 export { ConfirmDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, ToastComponent };
-//# sourceMappingURL=arsedizioni-ars-utils-ui.dialogs.mjs.map
+
+//# sourceMappingURL=arsedizioni-ars-utils-ui.dialogs.mjs.map