@arsedizioni/ars-utils 22.1.5 → 22.5.2

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

@@ -1,72 +1,64 @@
-import { MatPaginatorIntl } from '@angular/material/paginator';
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, Service, TemplateRef, ViewContainerRef, input, computed, effect, Directive, ElementRef, Renderer2, PLATFORM_ID, isDevMode, NgModule, signal, ChangeDetectionStrategy, Component, output, DestroyRef, viewChildren, forwardRef } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { isPlatformBrowser, PlatformLocation } from '@angular/common';
-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, PasswordValidatorDirective, EqualsValidatorDirective } from '@arsedizioni/ars-utils/core';
-import { map, distinctUntilChanged, shareReplay, timer } from 'rxjs';
-import { tap, first } from 'rxjs/operators';
-import * as i5 from '@angular/material/progress-spinner';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i4 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { signal, Service, InjectionToken, inject, TemplateRef, ViewContainerRef, input, computed, effect, Directive, ElementRef, Renderer2, PLATFORM_ID, isDevMode, NgModule } from '@angular/core';
 import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
+import { map, distinctUntilChanged, shareReplay } from 'rxjs';
 import { toSignal } from '@angular/core/rxjs-interop';
-import * as i7 from '@angular/material/icon';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
-import * as i10 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i1 from '@angular/forms';
-import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import * as i6 from '@angular/material/checkbox';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i8 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i2 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i3 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
+import { isPlatformBrowser } from '@angular/common';
 
-/** Italian localisation for the Material paginator labels. */
-class PaginatorIntl extends MatPaginatorIntl {
+class SelectableItem {
+}
+class ItemNode {
+}
+class SelectableNode extends ItemNode {
+    /**
+     * Create a flattened tree node from a source ItemNode.
+     * @param item - The source tree node.
+     * @param level - The depth level of this node in the tree.
+     */
+    constructor(item, level) {
+        super();
+        this.expandable = !!(item.children?.length);
+        this.level = level;
+        this.id = item.id;
+        this.name = item.name;
+        this.count = item.count;
+        this.parent = item.parent;
+        this.bag = item.bag;
+        this.children = item.children;
+    }
+}
+var PromptDialogType;
+(function (PromptDialogType) {
+    PromptDialogType[PromptDialogType["Default"] = 0] = "Default";
+    PromptDialogType[PromptDialogType["Date"] = 1] = "Date";
+    PromptDialogType[PromptDialogType["Number"] = 2] = "Number";
+    PromptDialogType[PromptDialogType["Text"] = 3] = "Text";
+    PromptDialogType[PromptDialogType["DateInterval"] = 4] = "DateInterval";
+    PromptDialogType[PromptDialogType["List"] = 5] = "List";
+    PromptDialogType[PromptDialogType["Time"] = 6] = "Time";
+})(PromptDialogType || (PromptDialogType = {}));
+
+class UIService {
     constructor() {
-        super(...arguments);
-        this.itemsPerPageLabel = 'Elementi per pagina';
-        this.nextPageLabel = 'Prossima pagina';
-        this.previousPageLabel = 'Pagina precedente';
-        this.lastPageLabel = 'Ultima pagina';
-        this.firstPageLabel = 'Prima pagina';
         /**
-         * Returns the human-readable range label shown inside the paginator.
-         * @param page     - Zero-based index of the current page.
-         * @param pageSize - Number of items displayed per page.
-         * @param length   - Total number of items, or `-1` when the total is still being calculated.
-         * @returns A formatted string such as `"1 - 25 di 100"`.
+         * The default Material form-field appearance used across dialogs and forms.
+         * Defaults to `'fill'`.
          */
-        this.getRangeLabel = (page, pageSize, length) => {
-            if (length === -1) {
-                return '0 di calcolo...';
-            }
-            if (length === 0 || pageSize === 0) {
-                return `0 di ${length}`;
-            }
-            const totalLength = Math.max(length, 0);
-            const startIndex = page * pageSize;
-            // If the start index exceeds the list length, do not try to fix the end index.
-            const endIndex = startIndex < totalLength
-                ? Math.min(startIndex + pageSize, totalLength)
-                : startIndex + pageSize;
-            return `${startIndex + 1} - ${endIndex} di ${totalLength}`;
-        };
+        this.appearance = signal('fill', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    }
+    /**
+     * Updates the global form-field appearance.
+     * @param value - The new appearance value. Falls back to `'fill'` when `undefined` is passed.
+     */
+    setAppearance(value) {
+        this.appearance.set(value ?? 'fill');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PaginatorIntl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PaginatorIntl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: UIService, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
+    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.3", ngImport: i0, type: UIService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PaginatorIntl, decorators: [{
-            type: Injectable
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: UIService, decorators: [{
+            type: Service
         }] });
 
 /**
@@ -2040,1178 +2032,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                 }]
         }] });
 
-/**
- * Overlay dialog that blocks interaction while a background operation is in progress.
- * Supports four visual styles: progress bar, spinner, hourglass, and wait icon.
- */
-class BusyDialogComponent {
-    constructor() {
-        /** Visual style of the busy indicator. */
-        this.type = signal('bar', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-        /** Current progress value (0–100). Used when `progressMode` is `'determinate'`. */
-        this.progress = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
-        /** Progress mode passed to the Material progress components. */
-        this.progressMode = signal('indeterminate', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "progressMode" }] : /* istanbul ignore next */ []));
-        /** Message displayed above the progress indicator. */
-        this.message = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Updates the busy dialog state.
-     * @param message      - New message to display. Ignored when empty, preserving the previous text.
-     * @param progress     - Current progress value (0–100). A value > 0 forces `'determinate'` mode.
-     * @param progressMode - Progress bar/spinner mode (default: `'indeterminate'`).
-     * @param type         - Visual style to use (default: `'bar'`).
-     */
-    set(message, progress, progressMode = 'indeterminate', type = 'bar') {
-        if (message) {
-            this.message.set(message);
-        }
-        if (type) {
-            this.type.set(type);
-        }
-        this.progress.set(progress);
-        this.progressMode.set(progress > 0 ? 'determinate' : progressMode);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: BusyDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: BusyDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "@if(type() === 'hourglass') {\r\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div><mat-icon class=\"mat-icon-spinner\">hourglass</mat-icon></div>\r\n  @if (message()) {\r\n  <div [innerHTML]=\"message() | safeHtml\" class=\"busy-message\"></div>\r\n  }\r\n</div>\r\n} @else if (type() === 'wait') {\r\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div><mat-icon class=\"mat-icon-spinner\">hourglass</mat-icon></div>\r\n</div>\r\n} @else {\r\n<div class=\"busy-panel\">\r\n  <div fxLayout=\"column\" fxFill>\r\n    @if (message()) {\r\n    <div [innerHTML]=\"message() | safeHtml\" class=\"busy-message\"></div>\r\n    }\r\n    @if (type() === 'bar') {\r\n    <div>\r\n      <mat-progress-bar [mode]=\"progressMode()\" [value]=\"progress()\"\r\n        style=\"margin:15px auto 0 auto; max-width: 350px;\"></mat-progress-bar>\r\n    </div>\r\n    } @else if (type() === 'spinner') {\r\n    <div>\r\n      <mat-progress-spinner [mode]=\"progressMode()\" diameter=\"70\" [value]=\"progress()\"\r\n        style=\"margin:15px auto 0 auto;\"></mat-progress-spinner>\r\n    </div>\r\n    }\r\n    @if (progress() > 0) {\r\n    <div>\r\n      <span style=\"font-size: smaller;\"><b>{{progress()}}%</b></span>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.busy-message{font-size:larger;font-weight:600;padding-top:15px;padding-bottom:15px;text-align:center}.busy-panel{background-color:var(--mat-dialog-container-color);border-radius:var(--mat-dialog-container-shape, 24px);box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding:24px;min-width:250px;margin:12px}.busy-panel .busy-message{font-size:larger;font-weight:600;padding-bottom:15px;text-align:center}.busy-backdrop{background-color:#0000006b!important}.mat-icon-spinner{animation:matIconSpinnerKeyFrames 3s linear infinite;font-size:5em;width:1em;height:1em}@keyframes matIconSpinnerKeyFrames{0%{transform:rotate(360deg)}to{transform:rotate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: FxLayoutDirective, selector: "\n    [fxLayout],\n    [fxLayout.xs],\n    [fxLayout.sm],\n    [fxLayout.md],\n    [fxLayout.lg],\n    [fxLayout.xl],\n    [fxLayout.lt-sm],\n    [fxLayout.lt-md],\n    [fxLayout.lt-lg],\n    [fxLayout.lt-xl],\n    [fxLayout.gt-xs],\n    [fxLayout.gt-sm],\n    [fxLayout.gt-md],\n    [fxLayout.gt-lg]\n  ", 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: FxLayoutAlignDirective, selector: "\n    [fxLayoutAlign],\n    [fxLayoutAlign.xs],\n    [fxLayoutAlign.sm],\n    [fxLayoutAlign.md],\n    [fxLayoutAlign.lg],\n    [fxLayoutAlign.xl],\n    [fxLayoutAlign.lt-sm],\n    [fxLayoutAlign.lt-md],\n    [fxLayoutAlign.lt-lg],\n    [fxLayoutAlign.lt-xl],\n    [fxLayoutAlign.gt-xs],\n    [fxLayoutAlign.gt-sm],\n    [fxLayoutAlign.gt-md],\n    [fxLayoutAlign.gt-lg]\n  ", 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: FxFlexFillDirective, selector: "\n    [fxFlexFill],\n    [fxFill],\n    [fxFlexFill.xs],\n    [fxFlexFill.sm],\n    [fxFlexFill.md],\n    [fxFlexFill.lg],\n    [fxFlexFill.xl],\n    [fxFlexFill.lt-sm],\n    [fxFlexFill.lt-md],\n    [fxFlexFill.lt-lg],\n    [fxFlexFill.lt-xl],\n    [fxFlexFill.gt-xs],\n    [fxFlexFill.gt-sm],\n    [fxFlexFill.gt-md],\n    [fxFlexFill.gt-lg]\n  ", 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: MatProgressBarModule }, { kind: "component", type: i4.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: BusyDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexLayoutModule, MatProgressBarModule, MatProgressSpinnerModule, MatIcon, SafeHtmlPipe], template: "@if(type() === 'hourglass') {\r\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div><mat-icon class=\"mat-icon-spinner\">hourglass</mat-icon></div>\r\n  @if (message()) {\r\n  <div [innerHTML]=\"message() | safeHtml\" class=\"busy-message\"></div>\r\n  }\r\n</div>\r\n} @else if (type() === 'wait') {\r\n<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div><mat-icon class=\"mat-icon-spinner\">hourglass</mat-icon></div>\r\n</div>\r\n} @else {\r\n<div class=\"busy-panel\">\r\n  <div fxLayout=\"column\" fxFill>\r\n    @if (message()) {\r\n    <div [innerHTML]=\"message() | safeHtml\" class=\"busy-message\"></div>\r\n    }\r\n    @if (type() === 'bar') {\r\n    <div>\r\n      <mat-progress-bar [mode]=\"progressMode()\" [value]=\"progress()\"\r\n        style=\"margin:15px auto 0 auto; max-width: 350px;\"></mat-progress-bar>\r\n    </div>\r\n    } @else if (type() === 'spinner') {\r\n    <div>\r\n      <mat-progress-spinner [mode]=\"progressMode()\" diameter=\"70\" [value]=\"progress()\"\r\n        style=\"margin:15px auto 0 auto;\"></mat-progress-spinner>\r\n    </div>\r\n    }\r\n    @if (progress() > 0) {\r\n    <div>\r\n      <span style=\"font-size: smaller;\"><b>{{progress()}}%</b></span>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.busy-message{font-size:larger;font-weight:600;padding-top:15px;padding-bottom:15px;text-align:center}.busy-panel{background-color:var(--mat-dialog-container-color);border-radius:var(--mat-dialog-container-shape, 24px);box-shadow:0 4px 8px #0003,0 6px 20px #00000030;padding:24px;min-width:250px;margin:12px}.busy-panel .busy-message{font-size:larger;font-weight:600;padding-bottom:15px;text-align:center}.busy-backdrop{background-color:#0000006b!important}.mat-icon-spinner{animation:matIconSpinnerKeyFrames 3s linear infinite;font-size:5em;width:1em;height:1em}@keyframes matIconSpinnerKeyFrames{0%{transform:rotate(360deg)}to{transform:rotate(0)}}\n"] }]
-        }] });
-
-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.3", ngImport: i0, type: ConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", 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()\" [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()\" [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: FxLayoutDirective, selector: "\n    [fxLayout],\n    [fxLayout.xs],\n    [fxLayout.sm],\n    [fxLayout.md],\n    [fxLayout.lg],\n    [fxLayout.xl],\n    [fxLayout.lt-sm],\n    [fxLayout.lt-md],\n    [fxLayout.lt-lg],\n    [fxLayout.lt-xl],\n    [fxLayout.gt-xs],\n    [fxLayout.gt-sm],\n    [fxLayout.gt-md],\n    [fxLayout.gt-lg]\n  ", 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: FxFlexDirective, selector: "\n    [fxFlex],\n    [fxFlex.xs],\n    [fxFlex.sm],\n    [fxFlex.md],\n    [fxFlex.lg],\n    [fxFlex.xl],\n    [fxFlex.lt-sm],\n    [fxFlex.lt-md],\n    [fxFlex.lt-lg],\n    [fxFlex.lt-xl],\n    [fxFlex.gt-xs],\n    [fxFlex.gt-sm],\n    [fxFlex.gt-md],\n    [fxFlex.gt-lg]\n  ", 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: FxLayoutAlignDirective, selector: "\n    [fxLayoutAlign],\n    [fxLayoutAlign.xs],\n    [fxLayoutAlign.sm],\n    [fxLayoutAlign.md],\n    [fxLayoutAlign.lg],\n    [fxLayoutAlign.xl],\n    [fxLayoutAlign.lt-sm],\n    [fxLayoutAlign.lt-md],\n    [fxLayoutAlign.lt-lg],\n    [fxLayoutAlign.lt-xl],\n    [fxLayoutAlign.gt-xs],\n    [fxLayoutAlign.gt-sm],\n    [fxLayoutAlign.gt-md],\n    [fxLayoutAlign.gt-lg]\n  ", 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: FxLayoutGapDirective, selector: "\n    [fxLayoutGap],\n    [fxLayoutGap.xs],\n    [fxLayoutGap.sm],\n    [fxLayoutGap.md],\n    [fxLayoutGap.lg],\n    [fxLayoutGap.xl],\n    [fxLayoutGap.lt-sm],\n    [fxLayoutGap.lt-md],\n    [fxLayoutGap.lt-lg],\n    [fxLayoutGap.lt-xl],\n    [fxLayoutGap.gt-xs],\n    [fxLayoutGap.gt-sm],\n    [fxLayoutGap.gt-md],\n    [fxLayoutGap.gt-lg]\n  ", 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: FxFlexFillDirective, selector: "\n    [fxFlexFill],\n    [fxFill],\n    [fxFlexFill.xs],\n    [fxFlexFill.sm],\n    [fxFlexFill.md],\n    [fxFlexFill.lg],\n    [fxFlexFill.xl],\n    [fxFlexFill.lt-sm],\n    [fxFlexFill.lt-md],\n    [fxFlexFill.lt-lg],\n    [fxFlexFill.lt-xl],\n    [fxFlexFill.gt-xs],\n    [fxFlexFill.gt-sm],\n    [fxFlexFill.gt-md],\n    [fxFlexFill.gt-lg]\n  ", 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: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i10.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogClose, FlexLayoutModule, MatCheckboxModule, FormsModule,
-                        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()\" [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()\" [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"] }] } });
-
-class InfoDialogComponent {
-    constructor() {
-        this.dialogService = inject(DialogService);
-        this.dialogRef = inject((MatDialogRef));
-        /** Dialog configuration with defaults applied at construction time. */
-        this.dialogData = signal((() => {
-            const raw = inject(MAT_DIALOG_DATA) ?? { message: '' };
-            return { title: 'Informazioni', ...raw };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        // Schedule auto-dismiss if configured; cancel it when the dialog is destroyed
-        this.scheduleDismiss(this.dialogData().dismissAfter);
-        inject(DestroyRef).onDestroy(() => clearTimeout(this.dismissTimer));
-    }
-    /**
-     * (Re)schedules the auto-dismiss timer, cancelling any pending one so that
-     * an earlier (shorter) timer can never close a newer message.
-     * @param dismissAfter - Delay in milliseconds; no-op when falsy.
-     */
-    scheduleDismiss(dismissAfter) {
-        clearTimeout(this.dismissTimer);
-        this.dismissTimer = undefined;
-        if (dismissAfter) {
-            this.dismissTimer = setTimeout(() => this.dialogRef.close(), dismissAfter);
-        }
-    }
-    /**
-     * Replaces the dialog data at runtime (e.g. after an async operation resolves).
-     * Also re-schedules the auto-dismiss timer if `dismissAfter` is set.
-     * @param data - The new dialog data to display.
-     */
-    setData(data) {
-        this.dialogData.set({ title: 'Informazioni', ...data });
-        this.scheduleDismiss(data.dismissAfter);
-    }
-    /**
-     * Invokes the optional navigation callback provided by the caller.
-     * @param url - The URL to navigate to.
-     */
-    navigate(url) {
-        this.dialogData().onNavigate?.(url);
-    }
-    /**
-     * Copy to clipboard
-     */
-    async copy() {
-        const elem = document.getElementById('info-dialog-content');
-        if (!elem)
-            return;
-        const htmlBlob = new Blob([elem.innerHTML], { type: 'text/html' });
-        const textBlob = new Blob([elem.innerText], { type: 'text/plain' });
-        try {
-            const data = [
-                new ClipboardItem({
-                    'text/html': htmlBlob,
-                    'text/plain': textBlob
-                })
-            ];
-            window.focus(); // the Clipboard API requires the document to be focused
-            await navigator.clipboard.write(data);
-            this.dialogService.toast('Copiato negli appunti.');
-        }
-        catch (err) {
-            this.dialogService.toast(`Errore copiando negli appunti: ${err}`);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: InfoDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: InfoDialogComponent, isStandalone: true, selector: "ng-component", 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 id=\"info-dialog-content\">\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  </div>\r\n  <br>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxFill>\r\n    <button mat-icon-button (click)=\"copy()\" matTooltip=\"Copia negli appunti\"><mat-icon>content_copy</mat-icon></button>\r\n    <button mat-flat-button [mat-dialog-close]=\"true\" cdkFocusInitial>{{dialogData().okCaption}}</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-content{padding:0 24px 24px!important}.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: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: FxLayoutDirective, selector: "\n    [fxLayout],\n    [fxLayout.xs],\n    [fxLayout.sm],\n    [fxLayout.md],\n    [fxLayout.lg],\n    [fxLayout.xl],\n    [fxLayout.lt-sm],\n    [fxLayout.lt-md],\n    [fxLayout.lt-lg],\n    [fxLayout.lt-xl],\n    [fxLayout.gt-xs],\n    [fxLayout.gt-sm],\n    [fxLayout.gt-md],\n    [fxLayout.gt-lg]\n  ", 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: FxFlexDirective, selector: "\n    [fxFlex],\n    [fxFlex.xs],\n    [fxFlex.sm],\n    [fxFlex.md],\n    [fxFlex.lg],\n    [fxFlex.xl],\n    [fxFlex.lt-sm],\n    [fxFlex.lt-md],\n    [fxFlex.lt-lg],\n    [fxFlex.lt-xl],\n    [fxFlex.gt-xs],\n    [fxFlex.gt-sm],\n    [fxFlex.gt-md],\n    [fxFlex.gt-lg]\n  ", 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: FxLayoutAlignDirective, selector: "\n    [fxLayoutAlign],\n    [fxLayoutAlign.xs],\n    [fxLayoutAlign.sm],\n    [fxLayoutAlign.md],\n    [fxLayoutAlign.lg],\n    [fxLayoutAlign.xl],\n    [fxLayoutAlign.lt-sm],\n    [fxLayoutAlign.lt-md],\n    [fxLayoutAlign.lt-lg],\n    [fxLayoutAlign.lt-xl],\n    [fxLayoutAlign.gt-xs],\n    [fxLayoutAlign.gt-sm],\n    [fxLayoutAlign.gt-md],\n    [fxLayoutAlign.gt-lg]\n  ", 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: FxLayoutGapDirective, selector: "\n    [fxLayoutGap],\n    [fxLayoutGap.xs],\n    [fxLayoutGap.sm],\n    [fxLayoutGap.md],\n    [fxLayoutGap.lg],\n    [fxLayoutGap.xl],\n    [fxLayoutGap.lt-sm],\n    [fxLayoutGap.lt-md],\n    [fxLayoutGap.lt-lg],\n    [fxLayoutGap.lt-xl],\n    [fxLayoutGap.gt-xs],\n    [fxLayoutGap.gt-sm],\n    [fxLayoutGap.gt-md],\n    [fxLayoutGap.gt-lg]\n  ", 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: FxFlexFillDirective, selector: "\n    [fxFlexFill],\n    [fxFill],\n    [fxFlexFill.xs],\n    [fxFlexFill.sm],\n    [fxFlexFill.md],\n    [fxFlexFill.lg],\n    [fxFlexFill.xl],\n    [fxFlexFill.lt-sm],\n    [fxFlexFill.lt-md],\n    [fxFlexFill.lt-lg],\n    [fxFlexFill.lt-xl],\n    [fxFlexFill.gt-xs],\n    [fxFlexFill.gt-sm],\n    [fxFlexFill.gt-md],\n    [fxFlexFill.gt-lg]\n  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i10.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: InfoDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogActions, FlexLayoutModule,
-                        MatButtonModule, MatIconModule, MatDialogClose, MatTooltipModule, 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 id=\"info-dialog-content\">\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  </div>\r\n  <br>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxFill>\r\n    <button mat-icon-button (click)=\"copy()\" matTooltip=\"Copia negli appunti\"><mat-icon>content_copy</mat-icon></button>\r\n    <button mat-flat-button [mat-dialog-close]=\"true\" cdkFocusInitial>{{dialogData().okCaption}}</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-content{padding:0 24px 24px!important}.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: () => [] });
-
-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.3", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", 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: FxLayoutDirective, selector: "\n    [fxLayout],\n    [fxLayout.xs],\n    [fxLayout.sm],\n    [fxLayout.md],\n    [fxLayout.lg],\n    [fxLayout.xl],\n    [fxLayout.lt-sm],\n    [fxLayout.lt-md],\n    [fxLayout.lt-lg],\n    [fxLayout.lt-xl],\n    [fxLayout.gt-xs],\n    [fxLayout.gt-sm],\n    [fxLayout.gt-md],\n    [fxLayout.gt-lg]\n  ", 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: FxFlexDirective, selector: "\n    [fxFlex],\n    [fxFlex.xs],\n    [fxFlex.sm],\n    [fxFlex.md],\n    [fxFlex.lg],\n    [fxFlex.xl],\n    [fxFlex.lt-sm],\n    [fxFlex.lt-md],\n    [fxFlex.lt-lg],\n    [fxFlex.lt-xl],\n    [fxFlex.gt-xs],\n    [fxFlex.gt-sm],\n    [fxFlex.gt-md],\n    [fxFlex.gt-lg]\n  ", 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: FxLayoutAlignDirective, selector: "\n    [fxLayoutAlign],\n    [fxLayoutAlign.xs],\n    [fxLayoutAlign.sm],\n    [fxLayoutAlign.md],\n    [fxLayoutAlign.lg],\n    [fxLayoutAlign.xl],\n    [fxLayoutAlign.lt-sm],\n    [fxLayoutAlign.lt-md],\n    [fxLayoutAlign.lt-lg],\n    [fxLayoutAlign.lt-xl],\n    [fxLayoutAlign.gt-xs],\n    [fxLayoutAlign.gt-sm],\n    [fxLayoutAlign.gt-md],\n    [fxLayoutAlign.gt-lg]\n  ", 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: FxLayoutGapDirective, selector: "\n    [fxLayoutGap],\n    [fxLayoutGap.xs],\n    [fxLayoutGap.sm],\n    [fxLayoutGap.md],\n    [fxLayoutGap.lg],\n    [fxLayoutGap.xl],\n    [fxLayoutGap.lt-sm],\n    [fxLayoutGap.lt-md],\n    [fxLayoutGap.lt-lg],\n    [fxLayoutGap.lt-xl],\n    [fxLayoutGap.gt-xs],\n    [fxLayoutGap.gt-sm],\n    [fxLayoutGap.gt-md],\n    [fxLayoutGap.gt-lg]\n  ", 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: FxFlexAlignDirective, selector: "\n    [fxFlexAlign],\n    [fxFlexAlign.xs],\n    [fxFlexAlign.sm],\n    [fxFlexAlign.md],\n    [fxFlexAlign.lg],\n    [fxFlexAlign.xl],\n    [fxFlexAlign.lt-sm],\n    [fxFlexAlign.lt-md],\n    [fxFlexAlign.lt-lg],\n    [fxFlexAlign.lt-xl],\n    [fxFlexAlign.gt-xs],\n    [fxFlexAlign.gt-sm],\n    [fxFlexAlign.gt-md],\n    [fxFlexAlign.gt-lg]\n  ", 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: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i10.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: 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 UIService {
-    constructor() {
-        /**
-         * The default Material form-field appearance used across dialogs and forms.
-         * Defaults to `'fill'`.
-         */
-        this.appearance = signal('fill', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Updates the global form-field appearance.
-     * @param value - The new appearance value. Falls back to `'fill'` when `undefined` is passed.
-     */
-    setAppearance(value) {
-        this.appearance.set(value ?? 'fill');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: UIService, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
-    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.3", ngImport: i0, type: UIService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: UIService, decorators: [{
-            type: Service
-        }] });
-
-var DeleteDialogConfirmMode;
-(function (DeleteDialogConfirmMode) {
-    DeleteDialogConfirmMode[DeleteDialogConfirmMode["None"] = 0] = "None";
-    DeleteDialogConfirmMode[DeleteDialogConfirmMode["Simple"] = 1] = "Simple";
-    DeleteDialogConfirmMode[DeleteDialogConfirmMode["Strong"] = 2] = "Strong";
-})(DeleteDialogConfirmMode || (DeleteDialogConfirmMode = {}));
-class DeleteDialogComponent {
-    constructor() {
-        /** 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 */ []));
-        /**
-         * Whether the user has confirmed the deletion.
-         * Starts as `true` for all modes except `Simple`, which requires explicit checkbox confirmation.
-         */
-        this.confirmed = signal(this.dialogData().confirmMode !== DeleteDialogConfirmMode.Simple, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "confirmed" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * 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.3", ngImport: i0, type: DeleteDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", 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 name=\"form\" #f=\"ngForm\" 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 (change)=\"confirmed.set($event.checked)\" [checked]=\"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 #field_confirm=\"ngModel\" [(ngModel)]=\"confirmValue\" name=\"field_confirm\" required\r\n          [attr.aria-label]=\"'Digita la parola -elimina-'\">\r\n        @if (field_confirm.invalid) {\r\n        <mat-error>Digita la parola \"elimina\"</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()\"\r\n      [disabled]=\"f.form.invalid || (confirmValue && confirmValue.toLowerCase() !== 'elimina') || !confirmed()\"\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>", 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: FxLayoutDirective, selector: "\n    [fxLayout],\n    [fxLayout.xs],\n    [fxLayout.sm],\n    [fxLayout.md],\n    [fxLayout.lg],\n    [fxLayout.xl],\n    [fxLayout.lt-sm],\n    [fxLayout.lt-md],\n    [fxLayout.lt-lg],\n    [fxLayout.lt-xl],\n    [fxLayout.gt-xs],\n    [fxLayout.gt-sm],\n    [fxLayout.gt-md],\n    [fxLayout.gt-lg]\n  ", 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: FxFlexDirective, selector: "\n    [fxFlex],\n    [fxFlex.xs],\n    [fxFlex.sm],\n    [fxFlex.md],\n    [fxFlex.lg],\n    [fxFlex.xl],\n    [fxFlex.lt-sm],\n    [fxFlex.lt-md],\n    [fxFlex.lt-lg],\n    [fxFlex.lt-xl],\n    [fxFlex.gt-xs],\n    [fxFlex.gt-sm],\n    [fxFlex.gt-md],\n    [fxFlex.gt-lg]\n  ", 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: FxLayoutAlignDirective, selector: "\n    [fxLayoutAlign],\n    [fxLayoutAlign.xs],\n    [fxLayoutAlign.sm],\n    [fxLayoutAlign.md],\n    [fxLayoutAlign.lg],\n    [fxLayoutAlign.xl],\n    [fxLayoutAlign.lt-sm],\n    [fxLayoutAlign.lt-md],\n    [fxLayoutAlign.lt-lg],\n    [fxLayoutAlign.lt-xl],\n    [fxLayoutAlign.gt-xs],\n    [fxLayoutAlign.gt-sm],\n    [fxLayoutAlign.gt-md],\n    [fxLayoutAlign.gt-lg]\n  ", 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: FxLayoutGapDirective, selector: "\n    [fxLayoutGap],\n    [fxLayoutGap.xs],\n    [fxLayoutGap.sm],\n    [fxLayoutGap.md],\n    [fxLayoutGap.lg],\n    [fxLayoutGap.xl],\n    [fxLayoutGap.lt-sm],\n    [fxLayoutGap.lt-md],\n    [fxLayoutGap.lt-lg],\n    [fxLayoutGap.lt-xl],\n    [fxLayoutGap.gt-xs],\n    [fxLayoutGap.gt-sm],\n    [fxLayoutGap.gt-md],\n    [fxLayoutGap.gt-lg]\n  ", 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: FxFlexFillDirective, selector: "\n    [fxFlexFill],\n    [fxFill],\n    [fxFlexFill.xs],\n    [fxFlexFill.sm],\n    [fxFlexFill.md],\n    [fxFlexFill.lg],\n    [fxFlexFill.xl],\n    [fxFlexFill.lt-sm],\n    [fxFlexFill.lt-md],\n    [fxFlexFill.lt-lg],\n    [fxFlexFill.lt-xl],\n    [fxFlexFill.gt-xs],\n    [fxFlexFill.gt-sm],\n    [fxFlexFill.gt-md],\n    [fxFlexFill.gt-lg]\n  ", 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: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i10.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: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DeleteDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogClose, FlexLayoutModule, MatCheckboxModule, FormsModule,
-                        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 name=\"form\" #f=\"ngForm\" 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 (change)=\"confirmed.set($event.checked)\" [checked]=\"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 #field_confirm=\"ngModel\" [(ngModel)]=\"confirmValue\" name=\"field_confirm\" required\r\n          [attr.aria-label]=\"'Digita la parola -elimina-'\">\r\n        @if (field_confirm.invalid) {\r\n        <mat-error>Digita la parola \"elimina\"</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()\"\r\n      [disabled]=\"f.form.invalid || (confirmValue && confirmValue.toLowerCase() !== 'elimina') || !confirmed()\"\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>", 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 BusyTimer {
-    constructor(dialogService, due = 100, message = 'Operazione in corso...') {
-        this.dialogService = dialogService;
-        this.subscription = timer(due).pipe(tap(() => this.dialogService.busy(message))).subscribe();
-    }
-    /** Dispose object */
-    clear() {
-        this.subscription.unsubscribe();
-        this.dialogService.clearBusy();
-    }
-}
-class DialogService extends UIService {
-    constructor() {
-        super();
-        /**
-         * 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.
-         */
-        this.appearance = inject(UIService).appearance;
-        this.dialog = inject(MatDialog);
-        this.overlay = inject(Overlay);
-        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;
-            }
-        });
-    }
-    /**
-     * 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;
-        this.clearBusy();
-        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));
-        d.beforeClosed().pipe(first()).subscribe(() => this.popDialog(d.id));
-        d.afterClosed().pipe(first()).subscribe(() => {
-            // Final cleanup of middle objects
-            this.errorDialogRef = undefined;
-        });
-        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;
-    }
-    /**
-     * Creates the CDK overlay used to host the busy indicator.
-     * @returns The new `OverlayRef`.
-     */
-    createBusy() {
-        return this.overlay.create({
-            hasBackdrop: true,
-            backdropClass: 'busy-backdrop',
-            positionStrategy: this.overlay.position()
-                .global()
-                .centerHorizontally()
-                .centerVertically()
-        });
-    }
-    /**
-     * Clears the busy overlay after a short grace delay (lets very fast
-     * operations avoid a visible flicker). The pending detach is cancelled by
-     * any new `setBusy()` call, so it can never kill a freshly opened overlay.
-     */
-    clearBusy() {
-        clearTimeout(this.clearBusyTimer);
-        this.clearBusyTimer = setTimeout(() => {
-            this.clearBusyTimer = undefined;
-            this.busyDialogRef?.detach();
-            this.busyComponentRef?.destroy();
-            this.busyComponentRef = undefined;
-        }, 500);
-    }
-    /**
-     * Shows or updates the busy overlay.
-     * @param message      - Text to display inside the overlay.
-     * @param progress     - Progress value (`-1` = indeterminate). Defaults to `-1`.
-     * @param progressMode - Progress bar mode. Defaults to `'indeterminate'`.
-     * @param type         - Visual style of the overlay. Defaults to `'bar'`.
-     * @param action       - Optional observable; the overlay is dismissed when it emits.
-     * @returns `true` if a new overlay was created, `false` if an existing one was updated.
-     */
-    setBusy(message, progress = -1, progressMode = 'indeterminate', type = 'bar', action) {
-        // Cancel any pending clearBusy() detach: it must never kill this overlay
-        clearTimeout(this.clearBusyTimer);
-        this.clearBusyTimer = undefined;
-        const exists = this.busyDialogRef?.hasAttached();
-        if (exists) {
-            this.busyComponentRef?.instance.set(message, progress, progressMode, type); // update existing
-        }
-        else {
-            // Open new
-            if (!this.busyDialogRef) {
-                this.busyDialogRef = this.createBusy();
-            }
-            this.busyComponentRef = this.busyDialogRef.attach(new ComponentPortal(BusyDialogComponent));
-            this.busyComponentRef.instance.set(message, progress, progressMode, type);
-            if (action) {
-                action
-                    .pipe(first())
-                    .subscribe(() => {
-                    this.clearBusy();
-                });
-            }
-        }
-        return !exists;
-    }
-    /**
-     * Shows or updates the busy overlay using the progress-bar style.
-     * @param message      - Text to display inside the overlay.
-     * @param progress     - Progress value (`-1` = indeterminate). Defaults to `-1`.
-     * @param progressMode - Progress bar mode. Defaults to `'indeterminate'`.
-     * @param action       - Optional observable; the overlay is dismissed when it emits.
-     * @returns `true` if a new overlay was created.
-     */
-    busy(message, progress = -1, progressMode = 'indeterminate', action) {
-        return this.setBusy(message, progress, progressMode, 'bar', action);
-    }
-    /**
-     * Returns a `BusyTimer` that shows the busy overlay after a debounce delay.
-     * @param message - Text to display. Defaults to `'Operazione in corso...'`.
-     * @param due     - Delay in milliseconds before the overlay appears. Defaults to `100`.
-     * @returns A `BusyTimer` that must be disposed with `clear()` when the operation ends.
-     */
-    busyTimer(message = "Operazione in corso...", due = 100) {
-        return new BusyTimer(this, due, message);
-    }
-    /**
-     * Shows or updates the busy overlay using the hourglass style.
-     * @param message - Text to display inside the overlay.
-     * @param action  - Optional observable; the overlay is dismissed when it emits.
-     * @returns `true` if a new overlay was created.
-     */
-    busyHourglass(message, action) {
-        return this.setBusy(message, -1, 'indeterminate', 'hourglass', action);
-    }
-    /**
-     * Shows or updates the busy overlay using the spinner style.
-     * @param message      - Text to display inside the overlay.
-     * @param progress     - Progress value (`-1` = indeterminate). Defaults to `-1`.
-     * @param progressMode - Progress mode. Defaults to `'indeterminate'`.
-     * @param action       - Optional observable; the overlay is dismissed when it emits.
-     * @returns `true` if a new overlay was created.
-     */
-    busySpinner(message, progress = -1, progressMode = 'indeterminate', action) {
-        return this.setBusy(message, progress, progressMode, 'spinner', action);
-    }
-    /**
-     * Shows a minimal wait spinner overlay.
-     * @param action - Optional observable; the overlay is dismissed when it emits.
-     * @returns `true` if a new overlay was created.
-     */
-    wait(action) {
-        return this.setBusy('', -1, 'indeterminate', 'wait', action);
-    }
-    /**
-     * Opens an informational dialog.
-     * @param message      - HTML message to display.
-     * @param title        - Dialog title. Defaults to `'Informazioni'`.
-     * @param okCaption    - Confirmation button label. Defaults to `'Ok'`.
-     * @param width        - Maximum dialog width in pixels. Defaults to `500`.
-     * @param dismissAfter - Auto-close delay in milliseconds (optional).
-     * @param details      - Optional secondary details text.
-     * @param onNavigate   - Optional navigation callback invoked when the user clicks a link.
-     * @returns The dialog reference, or `null` outside the browser.
-     */
-    info(message, title = 'Informazioni', okCaption = 'Ok', width = 500, dismissAfter, details, onNavigate) {
-        this.clearBusy();
-        return this.open(InfoDialogComponent, {
-            ariaLabel: 'informazioni',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                message,
-                title,
-                okCaption,
-                dismissAfter,
-                details,
-                onNavigate,
-                appearance: this.appearance()
-            },
-            closeOnNavigation: false,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-    }
-    /**
-     * Opens an error dialog. If one is already open, its content is updated in place.
-     * @param message      - HTML error message to display.
-     * @param log          - Optional technical log / stack trace shown in the details panel.
-     * @param title        - Dialog title. Defaults to `'Errore'`.
-     * @param okCaption    - Confirmation button label. Defaults to `'Ok'`.
-     * @param width        - Maximum dialog width in pixels. Defaults to `500`.
-     * @param dismissAfter - Auto-close delay in milliseconds (optional).
-     * @returns The dialog reference, or `null` outside the browser.
-     */
-    error(message, log, title = 'Errore', okCaption = 'Ok', width = 500, dismissAfter) {
-        this.clearBusy();
-        if (this.errorDialogRef) {
-            // Just change current error
-            this.errorDialogRef.componentInstance.setData({
-                message,
-                title,
-                details: log,
-                okCaption,
-                dismissAfter
-            });
-            return this.errorDialogRef;
-        }
-        const ref = this.open(InfoDialogComponent, {
-            ariaLabel: 'errore',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            data: {
-                message,
-                title,
-                details: log,
-                okCaption,
-                dismissAfter,
-                appearance: this.appearance()
-            },
-            closeOnNavigation: false,
-            minWidth: '375px',
-            maxWidth: `${width}px`,
-            width: '100%'
-        });
-        this.errorDialogRef = ref ?? undefined;
-        return ref;
-    }
-    /**
-     * 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%'
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
-    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.3", ngImport: i0, type: DialogService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DialogService, decorators: [{
-            type: Service
-        }], ctorParameters: () => [] });
-
-const DEFAULT_STRENGTH = { score: 0, label: '', color: '', suggestions: [], isValid: false };
-/**
- * Displays a password-strength indicator for the provided password string.
- * Uses `SystemUtils.calculatePasswordStrength` to derive the score and label.
- */
-class PasswordStrengthComponent {
-    constructor() {
-        /** The password to evaluate. An empty string renders the default (score 0) state. */
-        this.password = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "password" }] : /* istanbul ignore next */ []));
-        /**
-         * Computed strength result for the current password.
-         * Falls back to `DEFAULT_STRENGTH` when the password is empty.
-         */
-        this.strength = computed(() => {
-            const pwd = this.password();
-            return pwd ? SystemUtils.calculatePasswordStrength(pwd) : DEFAULT_STRENGTH;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "strength" }] : /* istanbul ignore next */ []));
-        /**
-         * CSS class applied to the label element based on the numeric score (1–6 bands).
-         * Scores ≤ 2 → `'score-2'`, ≤ 3 → `'score-3'`, etc.
-         */
-        this.scoreClass = computed(() => {
-            const score = this.strength().score;
-            if (score <= 2)
-                return 'score-2';
-            if (score <= 3)
-                return 'score-3';
-            if (score <= 4)
-                return 'score-4';
-            if (score <= 5)
-                return 'score-5';
-            return 'score-6';
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "scoreClass" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PasswordStrengthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: PasswordStrengthComponent, isStandalone: true, selector: "password-strength", inputs: { password: { classPropertyName: "password", publicName: "password", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"wide x-small bold\" style=\"white-space: nowrap; padding-top:4px\" [matTooltip]=\"strength().suggestions?.join('\\n ')\">\r\n    <span [class]=\"scoreClass()\">{{strength().label}}</span>\r\n</div>", styles: [".score-2{color:#f44336!important;font-weight:700}.score-3{color:#ff9800!important;font-weight:700}.score-4{color:#ffc107!important;font-weight:700}.score-5{color:#8bc34a!important;font-weight:700}.score-6{color:#4caf50!important;font-weight:700}.x-small{font-size:x-small}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: PasswordStrengthComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'password-strength', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatTooltipModule], template: "<div class=\"wide x-small bold\" style=\"white-space: nowrap; padding-top:4px\" [matTooltip]=\"strength().suggestions?.join('\\n ')\">\r\n    <span [class]=\"scoreClass()\">{{strength().label}}</span>\r\n</div>", styles: [".score-2{color:#f44336!important;font-weight:700}.score-3{color:#ff9800!important;font-weight:700}.score-4{color:#ffc107!important;font-weight:700}.score-5{color:#8bc34a!important;font-weight:700}.score-6{color:#4caf50!important;font-weight:700}.x-small{font-size:x-small}\n"] }]
-        }], propDecorators: { password: [{ type: i0.Input, args: [{ isSignal: true, alias: "password", required: false }] }] } });
-
-class OtpInputComponent {
-    constructor() {
-        /** Signal-based query for all individual OTP digit input elements. */
-        this.otpFields = viewChildren('otpField', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "otpFields" }] : /* istanbul ignore next */ []));
-        /** `true` when every digit slot contains a valid single decimal digit. */
-        this.isValid = computed(() => this.otpArray().every(d => /^\d$/.test(d)), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isValid" }] : /* istanbul ignore next */ []));
-        /** Array of per-digit values backing the OTP display. */
-        this.otpArray = signal(Array(6).fill(''), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "otpArray" }] : /* istanbul ignore next */ []));
-        /** Whether the control is currently disabled. */
-        this.disabled = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    // ── ControlValueAccessor ───────────────────────────────────────────────────
-    /**
-     * Writes a new value into the control from the model.
-     * @param value - A string of up to 6 digits to pre-fill the OTP fields.
-     */
-    writeValue(value) {
-        const arr = Array(6).fill('');
-        if (value) {
-            value.split('').forEach((c, i) => {
-                if (i < 6)
-                    arr[i] = c;
-            });
-        }
-        this.otpArray.set(arr);
-    }
-    /**
-     * Registers the callback invoked when the control value changes.
-     * @param fn - The callback function.
-     */
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    /**
-     * Registers the callback invoked when the control is touched.
-     * @param fn - The callback function.
-     */
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    /**
-     * Enables or disables the control.
-     * @param isDisabled - `true` to disable all OTP inputs.
-     */
-    setDisabledState(isDisabled) {
-        this.disabled.set(isDisabled);
-    }
-    // ── Validator ──────────────────────────────────────────────────────────────
-    /**
-     * Validates the OTP value: an empty code is left to `required`, while a
-     * PARTIAL code (e.g. "12") is reported as invalid. Without this, the joined
-     * value "12" was a non-empty string and `required` let the form submit
-     * with an incomplete OTP.
-     * @param control - The form control bound to this component.
-     * @returns `null` when empty or complete (6 digits), `{ otp: true }` otherwise.
-     */
-    validate(control) {
-        const value = control.value ?? '';
-        if (value.length === 0)
-            return null; // let `required` handle emptiness
-        return /^\d{6}$/.test(value) ? null : { otp: true };
-    }
-    /**
-     * Marks the control as touched when an OTP field loses focus.
-     */
-    onBlur() {
-        this.onTouched();
-    }
-    // ── Event handlers ─────────────────────────────────────────────────────────
-    /**
-     * Blocks non-digit characters before they are inserted.
-     * @param event - The `beforeinput` event from the input element.
-     */
-    onBeforeInput(event) {
-        if (event.data && !/^\d$/.test(event.data)) {
-            event.preventDefault();
-        }
-    }
-    /**
-       * Handles digit input, sanitizes it, syncs the DOM, updates the OTP array, and advances focus.
-       * @param event - The `input` event from the digit field.
-       * @param index - Zero-based index of the field that received input.
-       */
-    onInput(event, index) {
-        const input = event.target;
-        const val = input.value.replace(/\D/g, '').slice(-1);
-        // Force-sync the DOM: [value] won't rewrite it when the model value is unchanged.
-        input.value = val;
-        const arr = [...this.otpArray()];
-        arr[index] = val;
-        this.otpArray.set(arr);
-        this.updateModel();
-        if (val && index < 5) {
-            this.focusField(index + 1);
-        }
-    }
-    /**
-     * Handles the Backspace key by moving focus to the previous field when the current one is empty.
-     * @param event - The `keydown` event.
-     * @param index - Zero-based index of the field that received the keydown.
-     */
-    onKeyDown(event, index) {
-        if (event.key === 'Backspace' && !this.otpArray()[index] && index > 0) {
-            this.focusField(index - 1);
-        }
-    }
-    /**
-     * Handles paste events by extracting up to 6 digits and distributing them across the OTP fields.
-     * @param event - The `ClipboardEvent` from the paste action.
-     */
-    onPaste(event) {
-        event.preventDefault();
-        const pasted = event.clipboardData?.getData('text') ?? '';
-        const digits = pasted.replace(/\D/g, '').slice(0, 6).split('');
-        if (digits.length > 0) {
-            const arr = Array(6).fill('');
-            digits.forEach((d, i) => (arr[i] = d));
-            this.otpArray.set(arr);
-            this.updateModel();
-            this.focusField(Math.min(digits.length, 5));
-        }
-    }
-    // ── Public API ─────────────────────────────────────────────────────────────
-    /**
-     * Clears every digit field, propagates the empty value to the form model and
-     * moves focus back to the first field. Does not mark the control as touched,
-     * so no validation error is shown right after the reset.
-     */
-    clear() {
-        this.otpArray.set(Array(6).fill(''));
-        // Force-sync the DOM: [value] won't rewrite fields whose bound value is unchanged.
-        this.otpFields().forEach(f => (f.nativeElement.value = ''));
-        this.onChange('');
-        this.focusField(0);
-    }
-    /**
-     * Moves focus to the OTP field at the given index.
-     * @param index - Zero-based index of the target field.
-     */
-    focusField(index) {
-        const field = this.otpFields()[index];
-        field?.nativeElement.focus();
-        field?.nativeElement.select();
-    }
-    /**
-     * Notifies the form model of the current OTP value and marks the control as touched.
-     */
-    updateModel() {
-        const code = this.otpArray().join('');
-        this.onChange(code);
-        this.onTouched();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: OtpInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: OtpInputComponent, isStandalone: true, selector: "otp-input", providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => OtpInputComponent),
-                multi: true,
-            },
-            {
-                provide: NG_VALIDATORS,
-                useExisting: forwardRef(() => OtpInputComponent),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "otpFields", predicate: ["otpField"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"otp-container\">\n  @for (digit of otpArray(); track $index) {\n    <input\n      #otpField\n      type=\"text\"\n      maxlength=\"1\"\n      inputmode=\"numeric\"\n      pattern=\"[0-9]*\"\n      class=\"otp-box\"\n      [value]=\"digit\"\n      (beforeinput)=\"onBeforeInput($event)\"\n      (input)=\"onInput($event, $index)\"\n      (keydown)=\"onKeyDown($event, $index)\"\n      (blur)=\"onBlur()\"\n      (paste)=\"onPaste($event)\"\n      [disabled]=\"disabled()\"\n      required\n    />\n  }\n</div>\n\n", styles: [".otp-container{display:flex;align-self:center;gap:.5rem;align-content:center;justify-content:center;padding:30px 0}.otp-box{width:2.3rem;height:2.8rem;font-size:1.5rem;text-align:center;border:2px solid var(--ars-color-ok, #388E3C);background-color:var(--app-color-background, #f7faf8);border-radius:8px;color:var(--ars-color-ok, #388E3C)}.otp-box:focus{border-color:#007bff!important;outline:none;box-shadow:0 0 3px #007bff!important}.otp-box:-webkit-autofill,.otp-box:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--app-color-background, #f7faf8) inset!important;-webkit-text-fill-color:var(--ars-color-ok, #388E3C);caret-color:var(--ars-color-ok, #388E3C)}.otp-box:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--app-color-background, #f7faf8) inset,0 0 3px #007bff!important;-webkit-text-fill-color:var(--ars-color-ok, #388E3C);caret-color:var(--ars-color-ok, #388E3C)}.error{margin-top:.5rem;color:red;font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: OtpInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'otp-input', standalone: true, imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => OtpInputComponent),
-                            multi: true,
-                        },
-                        {
-                            provide: NG_VALIDATORS,
-                            useExisting: forwardRef(() => OtpInputComponent),
-                            multi: true,
-                        },
-                    ], template: "<div class=\"otp-container\">\n  @for (digit of otpArray(); track $index) {\n    <input\n      #otpField\n      type=\"text\"\n      maxlength=\"1\"\n      inputmode=\"numeric\"\n      pattern=\"[0-9]*\"\n      class=\"otp-box\"\n      [value]=\"digit\"\n      (beforeinput)=\"onBeforeInput($event)\"\n      (input)=\"onInput($event, $index)\"\n      (keydown)=\"onKeyDown($event, $index)\"\n      (blur)=\"onBlur()\"\n      (paste)=\"onPaste($event)\"\n      [disabled]=\"disabled()\"\n      required\n    />\n  }\n</div>\n\n", styles: [".otp-container{display:flex;align-self:center;gap:.5rem;align-content:center;justify-content:center;padding:30px 0}.otp-box{width:2.3rem;height:2.8rem;font-size:1.5rem;text-align:center;border:2px solid var(--ars-color-ok, #388E3C);background-color:var(--app-color-background, #f7faf8);border-radius:8px;color:var(--ars-color-ok, #388E3C)}.otp-box:focus{border-color:#007bff!important;outline:none;box-shadow:0 0 3px #007bff!important}.otp-box:-webkit-autofill,.otp-box:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--app-color-background, #f7faf8) inset!important;-webkit-text-fill-color:var(--ars-color-ok, #388E3C);caret-color:var(--ars-color-ok, #388E3C)}.otp-box:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--app-color-background, #f7faf8) inset,0 0 3px #007bff!important;-webkit-text-fill-color:var(--ars-color-ok, #388E3C);caret-color:var(--ars-color-ok, #388E3C)}.error{margin-top:.5rem;color:red;font-size:.9rem}\n"] }]
-        }], propDecorators: { otpFields: [{ type: i0.ViewChildren, args: ['otpField', { isSignal: true }] }] } });
-
-class CredentialsDialogComponent {
-    constructor() {
-        /** Emitted when the user submits the form. Carries the entered credentials. */
-        this.done = output();
-        /** Emitted when the user requests a password-recovery flow. */
-        this.recoveringPassword = output();
-        /** Dialog configuration with defaults applied at construction time. */
-        this.dialogData = signal((() => {
-            const raw = inject(MAT_DIALOG_DATA) ?? {};
-            const data = {
-                appearance: 'fill',
-                title: 'Informazioni',
-                okCaption: 'Salva',
-                mode: 'email',
-                ...raw,
-            };
-            data.appearance ??= 'fill';
-            data.title ??= 'Informazioni';
-            data.okCaption ??= 'Salva';
-            data.mode ??= 'email';
-            if (data.mode === 'otp' && !data.message) {
-                data.message = '<div class="small">Inserisci il codice di verifica di 6 cifre che ti abbiamo inviato ora per email<br><span class="x-small">(controlla anche la posta indesiderata)</span>.</div>';
-            }
-            return data;
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        /** Current form model, pre-filled with the user name from dialog data when provided. */
-        this.item = {
-            user: inject(MAT_DIALOG_DATA)?.user,
-        };
-        /** Whether the password field is currently shown as plain text. */
-        this.showPassword = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showPassword" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Switches the input mode of the dialog at runtime (e.g. from login to OTP).
-     * Intended to be called from outside via the dialog component reference.
-     * @param mode    - The new input mode (`'email'`, `'user'`, or `'otp'`).
-     * @param message - Optional new message to display above the form.
-     */
-    changeMode(mode, message) {
-        this.dialogData.update(d => ({
-            ...d,
-            mode,
-            message: message ?? d.message,
-        }));
-    }
-    /**
-     * Emits the current form result and closes the dialog.
-     */
-    ok() {
-        this.done.emit(this.item);
-    }
-    /**
-     * Emits the current form result for the password-recovery flow and optionally
-     * opens the recovery URL in a new tab.
-     */
-    recoverPassword() {
-        this.recoveringPassword.emit(this.item);
-        const url = this.dialogData().recoverPasswordUrl;
-        if (url) {
-            window.open(url, '_blank');
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CredentialsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: CredentialsDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done", recoveringPassword: "recoveringPassword" }, ngImport: i0, template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  @if (dialogData().message) {\r\n  <div [innerHtml]=\"dialogData().message | safeHtml\" style=\"padding-bottom: 20px;\"></div>\r\n  }\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    @if(dialogData().mode !== 'otp') {\r\n    @if (dialogData().mode === 'email') {\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Email</mat-label>\r\n      <input type=\"email\" matInput [(ngModel)]=\"item.user\" name=\"email\" #email=\"ngModel\" email required\r\n        [attr.aria-label]=\"'Email'\">\r\n      @if (email.invalid) {\r\n      <mat-error>Email non valida.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    } @else if (dialogData().mode === 'user') {\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Utente</mat-label>\r\n      <input matInput [(ngModel)]=\"item.user\" name=\"user\" #user=\"ngModel\" required [attr.aria-label]=\"'user'\">\r\n      @if (user.invalid) {\r\n      <mat-error>Obbligatorio.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    }\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>La tua password abilitata</mat-label>\r\n      <input matInput name=\"password\" #password=\"ngModel\" [type]=\"!showPassword() ? 'password' : 'text'\"\r\n        [(ngModel)]=\"item.password\" required [attr.aria-label]=\"'La tua password abilitata'\" autocomplete=\"on\">\r\n      @if(item.password) {\r\n      <password-strength [password]=\"item.password\"></password-strength>\r\n      }\r\n      <button type=\"button\" mat-icon-button class=\"toolbar-suffix\" matSuffix (click)=\"showPassword.set(!showPassword())\">\r\n        <mat-icon>{{showPassword() ? 'visibility' : 'visibility_off'}}</mat-icon>\r\n      </button>\r\n      <mat-hint>Attento a maiuscole e minuscole</mat-hint>\r\n      @if (password.invalid) {\r\n      <mat-error>Password non valida.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    @if (dialogData().remember || dialogData().recoverPassword) {\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxFill style=\"margin-top: 20px;\">\r\n      <div>\r\n        @if (dialogData().remember) {\r\n        <mat-checkbox fxFlexAlign=\"center\" [(ngModel)]=\"item.rememberMe\" name=\"rememberMe\"> Ricordami</mat-checkbox>\r\n        }\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        @if (dialogData().recoverPassword) {\r\n        <button fxFlexAlign=\"center\" mat-button (click)=\"recoverPassword()\" title=\"Recupero password\"\r\n          >Non riesco ad accedere</button>\r\n        }\r\n      </div>\r\n    </div>\r\n    }\r\n    } @else {\r\n    <otp-input name=\"otp\" [(ngModel)]=\"item.code\" required></otp-input>\r\n    }\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6.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: FlexLayoutModule }, { kind: "directive", type: FxLayoutDirective, selector: "\n    [fxLayout],\n    [fxLayout.xs],\n    [fxLayout.sm],\n    [fxLayout.md],\n    [fxLayout.lg],\n    [fxLayout.xl],\n    [fxLayout.lt-sm],\n    [fxLayout.lt-md],\n    [fxLayout.lt-lg],\n    [fxLayout.lt-xl],\n    [fxLayout.gt-xs],\n    [fxLayout.gt-sm],\n    [fxLayout.gt-md],\n    [fxLayout.gt-lg]\n  ", 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: FxLayoutAlignDirective, selector: "\n    [fxLayoutAlign],\n    [fxLayoutAlign.xs],\n    [fxLayoutAlign.sm],\n    [fxLayoutAlign.md],\n    [fxLayoutAlign.lg],\n    [fxLayoutAlign.xl],\n    [fxLayoutAlign.lt-sm],\n    [fxLayoutAlign.lt-md],\n    [fxLayoutAlign.lt-lg],\n    [fxLayoutAlign.lt-xl],\n    [fxLayoutAlign.gt-xs],\n    [fxLayoutAlign.gt-sm],\n    [fxLayoutAlign.gt-md],\n    [fxLayoutAlign.gt-lg]\n  ", 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: FxLayoutGapDirective, selector: "\n    [fxLayoutGap],\n    [fxLayoutGap.xs],\n    [fxLayoutGap.sm],\n    [fxLayoutGap.md],\n    [fxLayoutGap.lg],\n    [fxLayoutGap.xl],\n    [fxLayoutGap.lt-sm],\n    [fxLayoutGap.lt-md],\n    [fxLayoutGap.lt-lg],\n    [fxLayoutGap.lt-xl],\n    [fxLayoutGap.gt-xs],\n    [fxLayoutGap.gt-sm],\n    [fxLayoutGap.gt-md],\n    [fxLayoutGap.gt-lg]\n  ", 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: FxFlexAlignDirective, selector: "\n    [fxFlexAlign],\n    [fxFlexAlign.xs],\n    [fxFlexAlign.sm],\n    [fxFlexAlign.md],\n    [fxFlexAlign.lg],\n    [fxFlexAlign.xl],\n    [fxFlexAlign.lt-sm],\n    [fxFlexAlign.lt-md],\n    [fxFlexAlign.lt-lg],\n    [fxFlexAlign.lt-xl],\n    [fxFlexAlign.gt-xs],\n    [fxFlexAlign.gt-sm],\n    [fxFlexAlign.gt-md],\n    [fxFlexAlign.gt-lg]\n  ", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: FxFlexFillDirective, selector: "\n    [fxFlexFill],\n    [fxFill],\n    [fxFlexFill.xs],\n    [fxFlexFill.sm],\n    [fxFlexFill.md],\n    [fxFlexFill.lg],\n    [fxFlexFill.xl],\n    [fxFlexFill.lt-sm],\n    [fxFlexFill.lt-md],\n    [fxFlexFill.lt-lg],\n    [fxFlexFill.lt-xl],\n    [fxFlexFill.gt-xs],\n    [fxFlexFill.gt-sm],\n    [fxFlexFill.gt-md],\n    [fxFlexFill.gt-lg]\n  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i10.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: PasswordStrengthComponent, selector: "password-strength", inputs: ["password"] }, { kind: "component", type: OtpInputComponent, selector: "otp-input" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CredentialsDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        MatDialogTitle,
-                        MatDialogContent,
-                        FormsModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatIconModule,
-                        MatCheckboxModule,
-                        MatDialogActions,
-                        FlexLayoutModule,
-                        MatButtonModule,
-                        MatDialogClose,
-                        PasswordStrengthComponent,
-                        OtpInputComponent,
-                        SafeHtmlPipe,
-                    ], template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title [innerHTML]=\"dialogData().title | safeHtml\"></div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  @if (dialogData().message) {\r\n  <div [innerHtml]=\"dialogData().message | safeHtml\" style=\"padding-bottom: 20px;\"></div>\r\n  }\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    @if(dialogData().mode !== 'otp') {\r\n    @if (dialogData().mode === 'email') {\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Email</mat-label>\r\n      <input type=\"email\" matInput [(ngModel)]=\"item.user\" name=\"email\" #email=\"ngModel\" email required\r\n        [attr.aria-label]=\"'Email'\">\r\n      @if (email.invalid) {\r\n      <mat-error>Email non valida.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    } @else if (dialogData().mode === 'user') {\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Utente</mat-label>\r\n      <input matInput [(ngModel)]=\"item.user\" name=\"user\" #user=\"ngModel\" required [attr.aria-label]=\"'user'\">\r\n      @if (user.invalid) {\r\n      <mat-error>Obbligatorio.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    }\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>La tua password abilitata</mat-label>\r\n      <input matInput name=\"password\" #password=\"ngModel\" [type]=\"!showPassword() ? 'password' : 'text'\"\r\n        [(ngModel)]=\"item.password\" required [attr.aria-label]=\"'La tua password abilitata'\" autocomplete=\"on\">\r\n      @if(item.password) {\r\n      <password-strength [password]=\"item.password\"></password-strength>\r\n      }\r\n      <button type=\"button\" mat-icon-button class=\"toolbar-suffix\" matSuffix (click)=\"showPassword.set(!showPassword())\">\r\n        <mat-icon>{{showPassword() ? 'visibility' : 'visibility_off'}}</mat-icon>\r\n      </button>\r\n      <mat-hint>Attento a maiuscole e minuscole</mat-hint>\r\n      @if (password.invalid) {\r\n      <mat-error>Password non valida.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    @if (dialogData().remember || dialogData().recoverPassword) {\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxFill style=\"margin-top: 20px;\">\r\n      <div>\r\n        @if (dialogData().remember) {\r\n        <mat-checkbox fxFlexAlign=\"center\" [(ngModel)]=\"item.rememberMe\" name=\"rememberMe\"> Ricordami</mat-checkbox>\r\n        }\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        @if (dialogData().recoverPassword) {\r\n        <button fxFlexAlign=\"center\" mat-button (click)=\"recoverPassword()\" title=\"Recupero password\"\r\n          >Non riesco ad accedere</button>\r\n        }\r\n      </div>\r\n    </div>\r\n    }\r\n    } @else {\r\n    <otp-input name=\"otp\" [(ngModel)]=\"item.code\" required></otp-input>\r\n    }\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">{{dialogData().okCaption}}</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], propDecorators: { done: [{ type: i0.Output, args: ["done"] }], recoveringPassword: [{ type: i0.Output, args: ["recoveringPassword"] }] } });
-
-class RecoverPasswordDialogComponent {
-    constructor() {
-        /** Emitted when the user submits the recovery request. Carries the entered email and recaptcha state. */
-        this.done = output();
-        /** Dialog configuration with defaults applied at construction time. */
-        this.dialogData = signal({
-            appearance: 'fill',
-            ...(inject(MAT_DIALOG_DATA) ?? {}),
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        /** Current form model bound to the template inputs. */
-        this.item = {
-            email: '',
-            recaptcha: false,
-        };
-    }
-    /**
-     * Emits the current form result to trigger the password-recovery flow.
-     */
-    ok() {
-        this.done.emit(this.item);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RecoverPasswordDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: RecoverPasswordDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, ngImport: i0, template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title>Per quale ragione non sei in grado di effettuare l'accesso?</div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n\r\n  <b>1. Ho dimenticato la password</b>\r\n  <p>\r\n    Puoi recuperarla facilmente inserendo l'email a cui la password \u00E8 collegata. Non \u00E8 possibile recuperare password\r\n    aziendali (non collegate ad un email).</p>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n\r\n    <mat-form-field style=\"width:100%\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Email con cui ti sei registrato</mat-label>\r\n      <input type=\"email\" matInput name=\"email\" #email=\"ngModel\" [(ngModel)]=\"item.email\" required email\r\n        maxlength=\"200\" />\r\n      @if (email.invalid) {\r\n      <mat-error>Email non valida.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n\r\n    <div style=\"margin-top:20px; margin-bottom:20px;\">\r\n      <button type=\"button\" mat-flat-button (click)=\"ok()\"  [disabled]=\"f.form.invalid\"\r\n        aria-label=\"Recupera password\">Recupera password</button>\r\n    </div>\r\n  </form>\r\n  <p></p>\r\n  <b>2. Il sistema mi dice che la password non \u00E8 corretta.</b>\r\n  <p>\r\n    E' molto probabile che ci sia stato un difetto di digitazione. Per favore controlla bene che non vi siano spazi non\r\n    richiesti e che la password rispetti perfettamente le maiuscole e minuscole. Nel caso in cui la digitazione fosse\r\n    corretta, verifica che la data del tuo abbonamento non sia scaduta.\r\n  </p>\r\n  <p></p>\r\n  <b>3. Il sistema mi dice che non pu\u00F2 accettare connessioni dal mio indirizzo IP</b>\r\n  <p>\r\n    Il tuo abbonamento \u00E8 stato vincolato ad un indirizzo IP (indirizzo dal quale ti colleghi). Capita sovente che\r\n    questi indirizzi siano cambiati da parte del reparto IT per questioni di sicurezza informatica.\r\n    Per risolvere il problema, contattate il reparto IT e fatevi dire qual'\u00E8 il nuovo indirizzo IP e comunicatelo ad\r\n    ARS Edizioni Informatiche.\r\n  </p>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i10.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: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: FxLayoutDirective, selector: "\n    [fxLayout],\n    [fxLayout.xs],\n    [fxLayout.sm],\n    [fxLayout.md],\n    [fxLayout.lg],\n    [fxLayout.xl],\n    [fxLayout.lt-sm],\n    [fxLayout.lt-md],\n    [fxLayout.lt-lg],\n    [fxLayout.lt-xl],\n    [fxLayout.gt-xs],\n    [fxLayout.gt-sm],\n    [fxLayout.gt-md],\n    [fxLayout.gt-lg]\n  ", 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: FxLayoutAlignDirective, selector: "\n    [fxLayoutAlign],\n    [fxLayoutAlign.xs],\n    [fxLayoutAlign.sm],\n    [fxLayoutAlign.md],\n    [fxLayoutAlign.lg],\n    [fxLayoutAlign.xl],\n    [fxLayoutAlign.lt-sm],\n    [fxLayoutAlign.lt-md],\n    [fxLayoutAlign.lt-lg],\n    [fxLayoutAlign.lt-xl],\n    [fxLayoutAlign.gt-xs],\n    [fxLayoutAlign.gt-sm],\n    [fxLayoutAlign.gt-md],\n    [fxLayoutAlign.gt-lg]\n  ", 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: FxFlexFillDirective, selector: "\n    [fxFlexFill],\n    [fxFill],\n    [fxFlexFill.xs],\n    [fxFlexFill.sm],\n    [fxFlexFill.md],\n    [fxFlexFill.lg],\n    [fxFlexFill.xl],\n    [fxFlexFill.lt-sm],\n    [fxFlexFill.lt-md],\n    [fxFlexFill.lt-lg],\n    [fxFlexFill.lt-xl],\n    [fxFlexFill.gt-xs],\n    [fxFlexFill.gt-sm],\n    [fxFlexFill.gt-md],\n    [fxFlexFill.gt-lg]\n  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: RecoverPasswordDialogComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        MatDialogTitle,
-                        MatDialogContent,
-                        FormsModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatButtonModule,
-                        MatDialogActions,
-                        FlexLayoutModule,
-                        MatDialogClose,
-                    ], template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title>Per quale ragione non sei in grado di effettuare l'accesso?</div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n\r\n  <b>1. Ho dimenticato la password</b>\r\n  <p>\r\n    Puoi recuperarla facilmente inserendo l'email a cui la password \u00E8 collegata. Non \u00E8 possibile recuperare password\r\n    aziendali (non collegate ad un email).</p>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n\r\n    <mat-form-field style=\"width:100%\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Email con cui ti sei registrato</mat-label>\r\n      <input type=\"email\" matInput name=\"email\" #email=\"ngModel\" [(ngModel)]=\"item.email\" required email\r\n        maxlength=\"200\" />\r\n      @if (email.invalid) {\r\n      <mat-error>Email non valida.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n\r\n    <div style=\"margin-top:20px; margin-bottom:20px;\">\r\n      <button type=\"button\" mat-flat-button (click)=\"ok()\"  [disabled]=\"f.form.invalid\"\r\n        aria-label=\"Recupera password\">Recupera password</button>\r\n    </div>\r\n  </form>\r\n  <p></p>\r\n  <b>2. Il sistema mi dice che la password non \u00E8 corretta.</b>\r\n  <p>\r\n    E' molto probabile che ci sia stato un difetto di digitazione. Per favore controlla bene che non vi siano spazi non\r\n    richiesti e che la password rispetti perfettamente le maiuscole e minuscole. Nel caso in cui la digitazione fosse\r\n    corretta, verifica che la data del tuo abbonamento non sia scaduta.\r\n  </p>\r\n  <p></p>\r\n  <b>3. Il sistema mi dice che non pu\u00F2 accettare connessioni dal mio indirizzo IP</b>\r\n  <p>\r\n    Il tuo abbonamento \u00E8 stato vincolato ad un indirizzo IP (indirizzo dal quale ti colleghi). Capita sovente che\r\n    questi indirizzi siano cambiati da parte del reparto IT per questioni di sicurezza informatica.\r\n    Per risolvere il problema, contattate il reparto IT e fatevi dire qual'\u00E8 il nuovo indirizzo IP e comunicatelo ad\r\n    ARS Edizioni Informatiche.\r\n  </p>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], propDecorators: { done: [{ type: i0.Output, args: ["done"] }] } });
-
-class ResetPasswordDialogComponent {
-    constructor() {
-        /** Emitted when the user submits the new password. Carries the entered password data. */
-        this.done = output();
-        this.dialogService = inject(DialogService);
-        this.dialogRef = inject((MatDialogRef));
-        /** Dialog configuration with defaults applied at construction time. */
-        this.dialogData = signal((() => {
-            const raw = inject(MAT_DIALOG_DATA);
-            return { mode: 'admin', appearance: 'fill', ...raw };
-        })(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogData" }] : /* istanbul ignore next */ []));
-        /** Current form model bound to the template inputs. */
-        this.item = {};
-        /** Whether the old-password field is currently shown as plain text. */
-        this.showOldPassword = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showOldPassword" }] : /* istanbul ignore next */ []));
-        /** Whether the new-password field is currently shown as plain text. */
-        this.showPassword = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showPassword" }] : /* istanbul ignore next */ []));
-        /** Whether the confirm-password field is currently shown as plain text. */
-        this.showPassword2 = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "showPassword2" }] : /* istanbul ignore next */ []));
-        const data = this.dialogData();
-        const requireUserId = data.mode !== 'forgot' && data.mode !== 'otp' && data.mode !== 'old';
-        if (requireUserId && !data.userId) {
-            this.dialogRef.close();
-            this.dialogService.error('Utente non specificato.');
-            return;
-        }
-        else if ((data.mode === 'forgot' || data.mode === 'otp' || data.mode === 'old') && !data.userEmail) {
-            this.dialogRef.close();
-            this.dialogService.error('Email utente non specificata.');
-            return;
-        }
-        this.item.userEmail = data.userEmail;
-        this.item.userId = data.userId;
-    }
-    /**
-     * Emits the current form result to trigger the password-reset flow.
-     */
-    ok() {
-        this.done.emit(this.item);
-    }
-    /**
-     * Generates a random password and populates both password fields with it.
-     */
-    generatePassword() {
-        const password = SystemUtils.generatePassword();
-        this.item.password = password;
-        this.item.password2 = password;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ResetPasswordDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ResetPasswordDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, ngImport: i0, template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title>Reimposta password</div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    @if (dialogData().mode === 'forgot') {\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Email che hai scelto quando ti sei registrato</mat-label>\r\n      <input type=\"email\" matInput [(ngModel)]=\"item.userEmail\" name=\"userEmail\" #userEmail=\"ngModel\" email required\r\n        [attr.aria-label]=\"'Email con cui ti sei registrato'\">\r\n      @if (userEmail.invalid) {\r\n      <mat-error>Email non valida.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    } @else if (dialogData().mode === 'old') {\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Vecchia password</mat-label>\r\n      <input [type]=\"!showOldPassword() ? 'password' : 'text'\" matInput name=\"oldPwd\" autocomplete=\"on\"\r\n        [(ngModel)]=\"item.oldPassword\" required maxlength=\"30\" #oldPwd=\"ngModel\">\r\n      <button type=\"button\" mat-icon-button class=\"toolbar-suffix\" matSuffix\r\n        (click)=\"showOldPassword.set(!showOldPassword())\">\r\n        <mat-icon>{{showOldPassword() ? 'visibility' : 'visibility_off'}}</mat-icon>\r\n      </button>\r\n      @if(item.oldPassword) {\r\n      <password-strength [password]=\"item.oldPassword\"></password-strength>\r\n      }\r\n      @if (oldPwd.invalid) {\r\n      <mat-error>Non valido.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    } @else if (dialogData().mode === 'otp') {\r\n    <div style=\"font-size: small;\">Inserisci il codice di verifica di 6 cifre che ti abbiamo inviato ora per\r\n      email<br><span style=\"font-size:x-small\">(controlla anche la posta indesiderata)</span>.</div>\r\n    <otp-input name=\"otp\" [(ngModel)]=\"item.code\" required></otp-input>\r\n    }\r\n    <mat-form-field style=\"width: 100%;\" hintLabel=\"Minimo 10 car. con 1 simbolo e 1 maiuscola\"\r\n      [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Nuova password</mat-label>\r\n      <input [type]=\"!showPassword() ? 'password' : 'text'\" matInput name=\"newPwd\" [(ngModel)]=\"item.password\" required\r\n        password minlength=\"10\" maxlength=\"30\" #newPwd=\"ngModel\">\r\n      @if(item.password) {\r\n      <password-strength [password]=\"item.password\"></password-strength>\r\n      }\r\n      <button type=\"button\" mat-icon-button class=\"toolbar-suffix\" matSuffix\r\n        (click)=\"showPassword.set(!showPassword())\">\r\n        <mat-icon>{{showPassword() ? 'visibility' : 'visibility_off'}}</mat-icon>\r\n      </button>\r\n      <mat-hint align=\"end\">{{newPwd.value?.length || 0}}/30</mat-hint>\r\n      @if (newPwd.invalid) {\r\n      <mat-error>Non valido.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    <mat-form-field style=\"width: 100%;\" hintLabel=\"Minimo 10 car. con 1 simbolo e 1 maiuscola\"\r\n      [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Conferma nuova password</mat-label>\r\n      <input [type]=\"!showPassword2() ? 'password' : 'text'\" matInput name=\"newPwd2\" [(ngModel)]=\"item.password2\"\r\n        [required]=\"dialogData().mode !== 'admin'\" password minlength=\"10\" maxlength=\"30\" [equals]=\"newPwd.control\"\r\n        #newPwd2=\"ngModel\">\r\n      <button type=\"button\" mat-icon-button class=\"toolbar-suffix\" matSuffix\r\n        (click)=\"showPassword2.set(!showPassword2())\">\r\n        <mat-icon>{{showPassword2() ? 'visibility' : 'visibility_off'}}</mat-icon>\r\n      </button>\r\n      @if(item.password2) {\r\n      <password-strength [password]=\"item.password2\"></password-strength>\r\n      }\r\n      <mat-hint align=\"end\">{{newPwd2.value?.length || 0}}/30</mat-hint>\r\n      @if (newPwd2.invalid) {\r\n      <mat-error>Non valido.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      @if (dialogData().mode === 'admin') {\r\n      <button mat-stroked-button (click)=\"generatePassword()\">Genera</button>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Salva</button>\r\n      @if (dialogData().mode !== 'forgot') {\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n      }\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important}.dialog-content{padding:0 24px 24px!important}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: FxLayoutDirective, selector: "\n    [fxLayout],\n    [fxLayout.xs],\n    [fxLayout.sm],\n    [fxLayout.md],\n    [fxLayout.lg],\n    [fxLayout.xl],\n    [fxLayout.lt-sm],\n    [fxLayout.lt-md],\n    [fxLayout.lt-lg],\n    [fxLayout.lt-xl],\n    [fxLayout.gt-xs],\n    [fxLayout.gt-sm],\n    [fxLayout.gt-md],\n    [fxLayout.gt-lg]\n  ", 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: FxFlexDirective, selector: "\n    [fxFlex],\n    [fxFlex.xs],\n    [fxFlex.sm],\n    [fxFlex.md],\n    [fxFlex.lg],\n    [fxFlex.xl],\n    [fxFlex.lt-sm],\n    [fxFlex.lt-md],\n    [fxFlex.lt-lg],\n    [fxFlex.lt-xl],\n    [fxFlex.gt-xs],\n    [fxFlex.gt-sm],\n    [fxFlex.gt-md],\n    [fxFlex.gt-lg]\n  ", 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: FxLayoutAlignDirective, selector: "\n    [fxLayoutAlign],\n    [fxLayoutAlign.xs],\n    [fxLayoutAlign.sm],\n    [fxLayoutAlign.md],\n    [fxLayoutAlign.lg],\n    [fxLayoutAlign.xl],\n    [fxLayoutAlign.lt-sm],\n    [fxLayoutAlign.lt-md],\n    [fxLayoutAlign.lt-lg],\n    [fxLayoutAlign.lt-xl],\n    [fxLayoutAlign.gt-xs],\n    [fxLayoutAlign.gt-sm],\n    [fxLayoutAlign.gt-md],\n    [fxLayoutAlign.gt-lg]\n  ", 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: FxLayoutGapDirective, selector: "\n    [fxLayoutGap],\n    [fxLayoutGap.xs],\n    [fxLayoutGap.sm],\n    [fxLayoutGap.md],\n    [fxLayoutGap.lg],\n    [fxLayoutGap.xl],\n    [fxLayoutGap.lt-sm],\n    [fxLayoutGap.lt-md],\n    [fxLayoutGap.lt-lg],\n    [fxLayoutGap.lt-xl],\n    [fxLayoutGap.gt-xs],\n    [fxLayoutGap.gt-sm],\n    [fxLayoutGap.gt-md],\n    [fxLayoutGap.gt-lg]\n  ", 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: FxFlexFillDirective, selector: "\n    [fxFlexFill],\n    [fxFill],\n    [fxFlexFill.xs],\n    [fxFlexFill.sm],\n    [fxFlexFill.md],\n    [fxFlexFill.lg],\n    [fxFlexFill.xl],\n    [fxFlexFill.lt-sm],\n    [fxFlexFill.lt-md],\n    [fxFlexFill.lt-lg],\n    [fxFlexFill.lt-xl],\n    [fxFlexFill.gt-xs],\n    [fxFlexFill.gt-sm],\n    [fxFlexFill.gt-md],\n    [fxFlexFill.gt-lg]\n  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: PasswordValidatorDirective, selector: "[password]" }, { kind: "component", type: PasswordStrengthComponent, selector: "password-strength", inputs: ["password"] }, { kind: "directive", type: EqualsValidatorDirective, selector: "[equals]", inputs: ["equals"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i10.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: OtpInputComponent, selector: "otp-input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ResetPasswordDialogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        MatDialogTitle,
-                        MatDialogContent,
-                        FormsModule,
-                        FlexLayoutModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        PasswordValidatorDirective,
-                        PasswordStrengthComponent,
-                        EqualsValidatorDirective,
-                        MatIconModule,
-                        MatDialogActions,
-                        MatButtonModule,
-                        MatDialogClose,
-                        OtpInputComponent
-                    ], template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title>Reimposta password</div>\r\n<mat-dialog-content class=\"dialog-content\">\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    @if (dialogData().mode === 'forgot') {\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Email che hai scelto quando ti sei registrato</mat-label>\r\n      <input type=\"email\" matInput [(ngModel)]=\"item.userEmail\" name=\"userEmail\" #userEmail=\"ngModel\" email required\r\n        [attr.aria-label]=\"'Email con cui ti sei registrato'\">\r\n      @if (userEmail.invalid) {\r\n      <mat-error>Email non valida.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    } @else if (dialogData().mode === 'old') {\r\n    <mat-form-field style=\"width: 100%;\" [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Vecchia password</mat-label>\r\n      <input [type]=\"!showOldPassword() ? 'password' : 'text'\" matInput name=\"oldPwd\" autocomplete=\"on\"\r\n        [(ngModel)]=\"item.oldPassword\" required maxlength=\"30\" #oldPwd=\"ngModel\">\r\n      <button type=\"button\" mat-icon-button class=\"toolbar-suffix\" matSuffix\r\n        (click)=\"showOldPassword.set(!showOldPassword())\">\r\n        <mat-icon>{{showOldPassword() ? 'visibility' : 'visibility_off'}}</mat-icon>\r\n      </button>\r\n      @if(item.oldPassword) {\r\n      <password-strength [password]=\"item.oldPassword\"></password-strength>\r\n      }\r\n      @if (oldPwd.invalid) {\r\n      <mat-error>Non valido.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    } @else if (dialogData().mode === 'otp') {\r\n    <div style=\"font-size: small;\">Inserisci il codice di verifica di 6 cifre che ti abbiamo inviato ora per\r\n      email<br><span style=\"font-size:x-small\">(controlla anche la posta indesiderata)</span>.</div>\r\n    <otp-input name=\"otp\" [(ngModel)]=\"item.code\" required></otp-input>\r\n    }\r\n    <mat-form-field style=\"width: 100%;\" hintLabel=\"Minimo 10 car. con 1 simbolo e 1 maiuscola\"\r\n      [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Nuova password</mat-label>\r\n      <input [type]=\"!showPassword() ? 'password' : 'text'\" matInput name=\"newPwd\" [(ngModel)]=\"item.password\" required\r\n        password minlength=\"10\" maxlength=\"30\" #newPwd=\"ngModel\">\r\n      @if(item.password) {\r\n      <password-strength [password]=\"item.password\"></password-strength>\r\n      }\r\n      <button type=\"button\" mat-icon-button class=\"toolbar-suffix\" matSuffix\r\n        (click)=\"showPassword.set(!showPassword())\">\r\n        <mat-icon>{{showPassword() ? 'visibility' : 'visibility_off'}}</mat-icon>\r\n      </button>\r\n      <mat-hint align=\"end\">{{newPwd.value?.length || 0}}/30</mat-hint>\r\n      @if (newPwd.invalid) {\r\n      <mat-error>Non valido.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n    <mat-form-field style=\"width: 100%;\" hintLabel=\"Minimo 10 car. con 1 simbolo e 1 maiuscola\"\r\n      [appearance]=\"dialogData().appearance\">\r\n      <mat-label>Conferma nuova password</mat-label>\r\n      <input [type]=\"!showPassword2() ? 'password' : 'text'\" matInput name=\"newPwd2\" [(ngModel)]=\"item.password2\"\r\n        [required]=\"dialogData().mode !== 'admin'\" password minlength=\"10\" maxlength=\"30\" [equals]=\"newPwd.control\"\r\n        #newPwd2=\"ngModel\">\r\n      <button type=\"button\" mat-icon-button class=\"toolbar-suffix\" matSuffix\r\n        (click)=\"showPassword2.set(!showPassword2())\">\r\n        <mat-icon>{{showPassword2() ? 'visibility' : 'visibility_off'}}</mat-icon>\r\n      </button>\r\n      @if(item.password2) {\r\n      <password-strength [password]=\"item.password2\"></password-strength>\r\n      }\r\n      <mat-hint align=\"end\">{{newPwd2.value?.length || 0}}/30</mat-hint>\r\n      @if (newPwd2.invalid) {\r\n      <mat-error>Non valido.</mat-error>\r\n      }\r\n    </mat-form-field>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      @if (dialogData().mode === 'admin') {\r\n      <button mat-stroked-button (click)=\"generatePassword()\">Genera</button>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Salva</button>\r\n      @if (dialogData().mode !== 'forgot') {\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n      }\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important}.dialog-content{padding:0 24px 24px!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { done: [{ type: i0.Output, args: ["done"] }] } });
-
 /*
- * Public API Surface of scm-utils
+ * Public API Surface of @arsedizioni/ars-utils/ui
  */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ALIAS_FAMILIES, BS5_BREAKPOINTS, BusyDialogComponent, BusyTimer, CANONICAL_ALIASES, ConfirmDialogComponent, CredentialsDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, FlexLayoutModule, FxClassDirective, FxFlexAlignDirective, FxFlexDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective, FxGridAreaDirective, FxGridColumnDirective, FxGridDirective, FxLayoutAlignDirective, FxLayoutDirective, FxLayoutGapDirective, FxLayoutWrapDirective, FxShowHideDirective, FxStyleDirective, IfBpDirective, InfoDialogComponent, LAYOUT_BREAKPOINTS, LAYOUT_VALUES, MediaObserver, NON_CANONICAL_PRIORITY, OtpInputComponent, PaginatorIntl, PasswordStrengthComponent, RecoverPasswordDialogComponent, ResetPasswordDialogComponent, ResponsiveBaseDirective, ToastComponent, UIService, applyVisibility, buildAlignStyles, buildFlexStyles, buildLayoutCSS, resolve, resolveAll, resolveFlexInput, resolveNonCanonical, resolveParentFlow, validateBasis, validateLayoutValue, validateWrapValue };
+export { ALIAS_FAMILIES, BS5_BREAKPOINTS, CANONICAL_ALIASES, FlexLayoutModule, FxClassDirective, FxFlexAlignDirective, FxFlexDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective, FxGridAreaDirective, FxGridColumnDirective, FxGridDirective, FxLayoutAlignDirective, FxLayoutDirective, FxLayoutGapDirective, FxLayoutWrapDirective, FxShowHideDirective, FxStyleDirective, IfBpDirective, ItemNode, LAYOUT_BREAKPOINTS, LAYOUT_VALUES, MediaObserver, NON_CANONICAL_PRIORITY, PromptDialogType, ResponsiveBaseDirective, SelectableItem, SelectableNode, UIService, applyVisibility, buildAlignStyles, buildFlexStyles, buildLayoutCSS, resolve, resolveAll, resolveFlexInput, resolveNonCanonical, resolveParentFlow, validateBasis, validateLayoutValue, validateWrapValue };
 //# sourceMappingURL=arsedizioni-ars-utils-ui.mjs.map