@arsedizioni/ars-utils 21.2.1 → 21.2.102

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, ChangeDetectionStrategy, Component, output, inject, signal, NgModule, input, effect, computed, forwardRef, ViewChildren, ChangeDetectorRef } from '@angular/core';
+import { Injectable, ChangeDetectionStrategy, Component, output, inject, signal, NgModule, input, computed, forwardRef, ViewChildren, ChangeDetectorRef } from '@angular/core';
 import { SafeHtmlPipe, SystemUtils, ArsCoreModule, PasswordValidatorDirective, EqualsValidatorDirective } from '@arsedizioni/ars-utils/core';
 import { MatPaginatorIntl } from '@angular/material/paginator';
 import { Overlay } from '@angular/cdk/overlay';
@@ -43,7 +43,7 @@ class PaginatorIntl extends MatPaginatorIntl {
                 return '0 di calcolo...';
             }
             if (length === 0 || pageSize === 0) {
-                return '0 di ' + length;
+                return `0 di ${length}`;
             }
             length = Math.max(length, 0);
             const startIndex = page * pageSize;
@@ -51,7 +51,7 @@ class PaginatorIntl extends MatPaginatorIntl {
             const endIndex = startIndex < length
                 ? Math.min(startIndex + pageSize, length)
                 : startIndex + pageSize;
-            return startIndex + 1 + ' - ' + endIndex + ' di ' + length;
+            return `${startIndex + 1} - ${endIndex} di ${length}`;
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PaginatorIntl, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -66,6 +66,7 @@ class BusyDialogComponent {
         this.type = 'bar';
         this.progress = 0;
         this.progressMode = 'indeterminate';
+        this.message = '';
     }
     /**
      * Update busy dialog
@@ -82,12 +83,7 @@ class BusyDialogComponent {
             this.type = type;
         }
         this.progress = progress;
-        if (this.progress > 0) {
-            this.progressMode = 'determinate';
-        }
-        else {
-            this.progressMode = progressMode;
-        }
+        this.progressMode = this.progress > 0 ? 'determinate' : progressMode;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BusyDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: BusyDialogComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, 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 || 'indeterminate'\" [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 || 'indeterminate'\" 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: [".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-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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;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}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.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 }); }
@@ -101,38 +97,26 @@ class ConfirmDialogComponent {
     constructor() {
         this.choosen = output();
         this.dialogRef = inject((MatDialogRef));
-        this.dialogData = inject(MAT_DIALOG_DATA) || { title: 'Conferma', okCaption: 'Si', cancelCaption: 'No' };
+        this.dialogData = inject(MAT_DIALOG_DATA) ?? { title: 'Conferma', okCaption: 'Si', cancelCaption: 'No', message: '' };
     }
     ngOnInit() {
         if (this.dialogData) {
-            if (!this.dialogData.title) {
-                this.dialogData.title = "Conferma";
-            }
-            if (!this.dialogData.okCaption) {
-                this.dialogData.okCaption = "Si";
-            }
-            if (!this.dialogData.cancelCaption) {
-                this.dialogData.cancelCaption = "No";
-            }
+            this.dialogData.title ??= 'Conferma';
+            this.dialogData.okCaption ??= 'Si';
+            this.dialogData.cancelCaption ??= 'No';
         }
     }
-    /**
-     * Done
-     */
+    /** Done */
     ok() {
         this.choosen.emit({ result: 'ok', options: this.dialogData.options });
         this.dialogRef.close();
     }
-    /**
-     * Cancelled
-     */
+    /** Cancelled */
     cancel() {
         this.choosen.emit({ result: 'cancel' });
         this.dialogRef.close();
     }
-    /**
-     * Other action
-     */
+    /** Other action */
     other() {
         this.choosen.emit({ result: 'other' });
         this.dialogRef.close();
@@ -142,15 +126,15 @@ class ConfirmDialogComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
-            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogClose, FlexModule, MatCheckboxModule, FormsModule, MatDialogActions,
-                        MatButtonModule, MatDialogClose, SafeHtmlPipe], template: "<h2 mat-dialog-title [innerHTML]=\"dialogData.title | safeHtml\"></h2>\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\"></div>\r\n      </div>\r\n    </div>\r\n    }\r\n    @if (dialogData.options) {\r\n    <div>\r\n      @for (o of dialogData.options; track $index; let i = $index) {\r\n      <div>\r\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\">\r\n          {{o.description}}\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n    <br>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      @if (dialogData.otherCaption) {\r\n      <button mat-flat-button  (click)=\"other()\" \r\n        [mat-dialog-close]=\"true\">{{dialogData.otherCaption}}</button>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button  (click)=\"ok()\" \r\n        [mat-dialog-close]=\"true\">{{dialogData.okCaption}}</button>\r\n      <button mat-stroked-button   [mat-dialog-close]=\"true\" (click)=\"cancel()\">{{dialogData.cancelCaption}}</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".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-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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;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}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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"] }]
+            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogClose, FlexModule, MatCheckboxModule, FormsModule,
+                        MatDialogActions, MatButtonModule, SafeHtmlPipe], template: "<h2 mat-dialog-title [innerHTML]=\"dialogData.title | safeHtml\"></h2>\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\"></div>\r\n      </div>\r\n    </div>\r\n    }\r\n    @if (dialogData.options) {\r\n    <div>\r\n      @for (o of dialogData.options; track $index; let i = $index) {\r\n      <div>\r\n        <mat-checkbox (change)=\"o.selected = $event.checked\" [checked]=\"o.selected === true\">\r\n          {{o.description}}\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n    </div>\r\n    }\r\n    <br>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      @if (dialogData.otherCaption) {\r\n      <button mat-flat-button  (click)=\"other()\" \r\n        [mat-dialog-close]=\"true\">{{dialogData.otherCaption}}</button>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button  (click)=\"ok()\" \r\n        [mat-dialog-close]=\"true\">{{dialogData.okCaption}}</button>\r\n      <button mat-stroked-button   [mat-dialog-close]=\"true\" (click)=\"cancel()\">{{dialogData.cancelCaption}}</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".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-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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;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}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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 InfoDialogComponent {
     constructor() {
         this.dialogService = inject(DialogService);
         this.dialogRef = inject((MatDialogRef));
-        this.dialogData = inject(MAT_DIALOG_DATA) || { appearance: 'fill', title: 'Informazioni' };
+        this.dialogData = inject(MAT_DIALOG_DATA) ?? { appearance: 'fill', title: 'Informazioni', message: '' };
     }
     ngOnInit() {
         this.setData(this.dialogData);
@@ -162,13 +146,9 @@ class InfoDialogComponent {
     setData(data) {
         this.dialogData = data;
         if (this.dialogData) {
-            if (!this.dialogData.title) {
-                this.dialogData.title = "Informazioni";
-            }
+            this.dialogData.title ??= 'Informazioni';
             if (this.dialogData.dismissAfter) {
-                setTimeout(() => {
-                    this.dialogRef.close();
-                }, this.dialogData.dismissAfter);
+                setTimeout(() => this.dialogRef.close(), this.dialogData.dismissAfter);
             }
         }
     }
@@ -177,13 +157,11 @@ class InfoDialogComponent {
      * @param url : the url to navigate to
      */
     navigate(url) {
-        if (this.dialogData.onNavigate) {
-            this.dialogData.onNavigate(url);
-        }
+        this.dialogData.onNavigate?.(url);
     }
     /**
-   * Copy to clipboard
-   */
+     * Copy to clipboard
+     */
     async copy() {
         const elem = document.getElementById('info-dialog-content');
         if (!elem)
@@ -201,10 +179,10 @@ class InfoDialogComponent {
                 window.focus();
                 await navigator.clipboard.write(data);
             }, 0);
-            this.dialogService.toast("Copiato negli appunti.");
+            this.dialogService.toast('Copiato negli appunti.');
         }
         catch (err) {
-            this.dialogService.toast("Errore copiando negli appunti: " + err);
+            this.dialogService.toast(`Errore copiando negli appunti: ${err}`);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InfoDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -218,11 +196,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class ToastComponent {
     constructor() {
         this.action = output();
-        this.dialogData = inject(MAT_SNACK_BAR_DATA) || {};
+        this.dialogData = inject(MAT_SNACK_BAR_DATA) ?? {};
     }
-    /**
-     * Do action
-     */
+    /** Do action */
     do() {
         this.action.emit();
     }
@@ -263,37 +239,26 @@ class DeleteDialogComponent {
     constructor() {
         this.choosen = output();
         this.dialogRef = inject((MatDialogRef));
-        this.dialogData = inject(MAT_DIALOG_DATA) || { title: 'Attenzione', confirmMode: DeleteDialogConfirmMode.None, okCaption: 'Si', cancelCaption: 'No' };
+        this.dialogData = inject(MAT_DIALOG_DATA) ?? { title: 'Attenzione', confirmMode: DeleteDialogConfirmMode.None, okCaption: 'Si', cancelCaption: 'No', message: '' };
         this.confirmed = signal(this.dialogData.confirmMode !== DeleteDialogConfirmMode.Simple, ...(ngDevMode ? [{ debugName: "confirmed" }] : []));
-        this.confirmValue = undefined;
     }
     ngOnInit() {
         if (this.dialogData) {
-            if (!this.dialogData.title) {
-                this.dialogData.title = "Attenzione";
-            }
-            if (!this.dialogData.okCaption) {
-                this.dialogData.okCaption = "Si";
-            }
-            if (!this.dialogData.cancelCaption) {
-                this.dialogData.cancelCaption = "No";
-            }
+            this.dialogData.title ??= 'Attenzione';
+            this.dialogData.okCaption ??= 'Si';
+            this.dialogData.cancelCaption ??= 'No';
             if (!this.dialogData.confirmMode) {
                 this.dialogData.confirmMode = DeleteDialogConfirmMode.None;
                 this.confirmed.set(true);
             }
         }
     }
-    /**
-     * Done
-     */
+    /** Done */
     ok() {
         this.choosen.emit({ result: 'ok' });
         this.dialogRef.close();
     }
-    /**
-     * Cancelled
-     */
+    /** Cancelled */
     cancel() {
         this.choosen.emit({ result: 'cancel' });
         this.dialogRef.close();
@@ -303,21 +268,18 @@ class DeleteDialogComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DeleteDialogComponent, decorators: [{
             type: Component,
-            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogClose, FlexModule, MatCheckboxModule, FormsModule, MatDialogActions,
-                        MatButtonModule, MatDialogClose, MatFormFieldModule, MatInputModule,
-                        SafeHtmlPipe], template: "<h2 mat-dialog-title [innerHTML]=\"dialogData.title | safeHtml\"></h2>\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\"></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\r\n  </div>\r\n</mat-dialog-actions>", styles: [".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-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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;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}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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"] }]
+            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, MatDialogClose, FlexModule, MatCheckboxModule, FormsModule,
+                        MatDialogActions, MatButtonModule, MatFormFieldModule, MatInputModule, SafeHtmlPipe], template: "<h2 mat-dialog-title [innerHTML]=\"dialogData.title | safeHtml\"></h2>\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\"></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\r\n  </div>\r\n</mat-dialog-actions>", styles: [".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-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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;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}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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...") {
+    constructor(dialogService, due = 100, message = 'Operazione in corso...') {
         this.dialogService = dialogService;
-        this.timer = timer(due).pipe(tap(() => this.dialogService.busy(message))).subscribe();
+        this.subscription = timer(due).pipe(tap(() => this.dialogService.busy(message))).subscribe();
     }
-    /**
-     * Dispose object
-     */
+    /** Dispose object */
     clear() {
-        this.timer.unsubscribe();
+        this.subscription.unsubscribe();
         this.dialogService.clearBusy();
     }
 }
@@ -336,14 +298,15 @@ class DialogService extends UIService {
             if (!this.poppingState) {
                 const count = this.dialog.openDialogs.length;
                 if (count > 0) {
-                    // Disable pop sate if case
+                    // Disable pop state if needed
                     this.popState = false;
                     // Close dialog
                     this.dialog.openDialogs[count - 1].close();
                 }
             }
-            else
+            else {
                 this.poppingState = false;
+            }
         });
     }
     /**
@@ -364,15 +327,13 @@ class DialogService extends UIService {
      * Close all dialogs
      */
     closeAll() {
-        this.dialog.openDialogs.forEach(n => {
-            n.close();
-        });
+        this.dialog.closeAll();
     }
     /**
      * Open a dialog
      * @param component : the component
      * @param config : the config
-     * @returns: the dialog object
+     * @returns the dialog object, or null when not running in a browser
      */
     open(component, config) {
         if (!SystemUtils.isBrowser())
@@ -381,22 +342,18 @@ class DialogService extends UIService {
         return this.openDialog(component, config);
     }
     /**
-   * Open a dialog
-   * @param component : the component
-   * @param config : the config
-   * @returns : the dialog object
-   */
+     * Open a dialog
+     * @param component : the component
+     * @param config : the config
+     * @returns the dialog object
+     */
     openDialog(component, config) {
         // We will take care of navigation
         config.closeOnNavigation = false;
-        let d = this.dialog.open(component, config);
-        d.afterOpened().subscribe(() => {
-            this.pushDialog(d.id);
-        });
-        d.beforeClosed().subscribe(() => {
-            this.popDialog(d.id);
-        });
-        d.afterClosed().subscribe(() => {
+        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;
         });
@@ -410,11 +367,11 @@ class DialogService extends UIService {
     outerHeight(element) {
         if (!SystemUtils.isBrowser())
             return 0;
-        const height = element.offsetHeight, style = window.getComputedStyle(element);
-        let h = ['top', 'bottom']
-            .map(side => parseInt(style.getPropertyValue('margin-' + side)))
-            .reduce((total, side) => total + side, height);
-        return h;
+        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
@@ -437,10 +394,7 @@ class DialogService extends UIService {
     getCurrentDialogScrollableHeight(fixedPartsClassName, minimalHeight) {
         if (!SystemUtils.isBrowser())
             return 0;
-        let h = this.getCurrentDialogHeight();
-        if (h < minimalHeight) {
-            h = minimalHeight;
-        }
+        let h = Math.max(this.getCurrentDialogHeight(), minimalHeight);
         if (fixedPartsClassName) {
             fixedPartsClassName.forEach(n => {
                 const elems = document.getElementsByClassName(n);
@@ -454,14 +408,14 @@ class DialogService extends UIService {
         return h;
     }
     /**
-     * Push a dialog info the history
+     * Push a dialog into the browser history
      */
     pushDialog(id) {
         if (!SystemUtils.isBrowser())
             return;
-        let index = history.length;
-        history.pushState({ index: index }, null, location.href + '#');
-        this.popHistory.push({ id: id, value: index });
+        const index = history.length;
+        history.pushState({ index }, '', location.href + '#');
+        this.popHistory.push({ id, value: index });
     }
     /**
      * Pop a dialog from the history
@@ -473,13 +427,10 @@ class DialogService extends UIService {
             this.poppingState = true;
             let popped = 1;
             if (id) {
-                const p = this.popHistory.findIndex((n) => n.id === id);
-                if (p != -1) {
+                const p = this.popHistory.findIndex(n => n.id === id);
+                if (p !== -1) {
                     popped = this.popHistory[p].value - (history.state?.index ?? 0);
-                    if (popped)
-                        popped++;
-                    else
-                        popped = 1;
+                    popped = popped ? popped + 1 : 1;
                     this.popHistory.splice(p, 1);
                 }
                 const url = location.href;
@@ -570,30 +521,30 @@ class DialogService extends UIService {
         return new BusyTimer(this, due, message);
     }
     /**
-   * Display a busy indeterminate dialog as hourglass
-   * @param message : new message
-   * @param action : action to do during the execution (optional)
-   * @returns true if a new popup has been opened
-   */
+     * Display a busy indeterminate dialog as hourglass
+     * @param message : new message
+     * @param action : action to do during the execution (optional)
+     * @returns true if a new popup has been opened
+     */
     busyHourglass(message, action) {
         return this.setBusy(message, undefined, undefined, 'hourglass', action);
     }
     /**
-   * Display a busy spinner dialog
-   * @param message : new message
-   * @param progress : new progress
-   * @param progressMode : new mode (default = 'indeterminate')
-   * @param action : action to do during the execution (optional)
-   * @returns true if a new popup has been opened
-   */
+     * Display a busy spinner dialog
+     * @param message : new message
+     * @param progress : new progress
+     * @param progressMode : new mode (default = 'indeterminate')
+     * @param action : action to do during the execution (optional)
+     * @returns true if a new popup has been opened
+     */
     busySpinner(message, progress = -1, progressMode = 'indeterminate', action) {
         return this.setBusy(message, progress, progressMode, 'spinner', action);
     }
     /**
-    * Display a wait spinner
-    * @param action : action to do during the execution (optional)
-    * @returns true if a new popup has been opened
-    */
+     * Display a wait spinner
+     * @param action : action to do during the execution (optional)
+     * @returns true if a new popup has been opened
+     */
     wait(action) {
         return this.setBusy(undefined, undefined, undefined, 'wait', action);
     }
@@ -614,17 +565,17 @@ class DialogService extends UIService {
             autoFocus: true,
             restoreFocus: false,
             data: {
-                message: message,
-                title: title,
-                okCaption: okCaption,
-                dismissAfter: dismissAfter,
-                details: details,
-                onNavigate: onNavigate,
+                message,
+                title,
+                okCaption,
+                dismissAfter,
+                details,
+                onNavigate,
                 appearance: 'fill'
             },
             closeOnNavigation: false,
             minWidth: '375px',
-            maxWidth: width + 'px',
+            maxWidth: `${width}px`,
             width: '100%'
         });
     }
@@ -642,11 +593,11 @@ class DialogService extends UIService {
         if (this.errorDialogRef) {
             // Just change current error
             this.errorDialogRef.componentInstance.setData({
-                message: message,
-                title: title,
+                message,
+                title,
                 details: log,
-                okCaption: okCaption,
-                dismissAfter: dismissAfter
+                okCaption,
+                dismissAfter
             });
             return this.errorDialogRef;
         }
@@ -655,16 +606,16 @@ class DialogService extends UIService {
             autoFocus: true,
             restoreFocus: false,
             data: {
-                message: message,
-                title: title,
+                message,
+                title,
                 details: log,
-                okCaption: okCaption,
-                dismissAfter: dismissAfter,
+                okCaption,
+                dismissAfter,
                 appearance: 'fill'
             },
             closeOnNavigation: false,
             minWidth: '375px',
-            maxWidth: width + 'px',
+            maxWidth: `${width}px`,
             width: '100%'
         });
         return this.errorDialogRef;
@@ -680,17 +631,11 @@ class DialogService extends UIService {
         this.clearBusy();
         if (duration === -1)
             duration = 2000; // default
-        let toastRef = this.snackBar.openFromComponent(ToastComponent, {
-            duration: duration,
-            data: {
-                message: message,
-                icon: icon,
-                actionCaption: actionCaption
-            }
-        });
-        toastRef.instance.action.subscribe(() => {
-            toastRef.dismiss();
+        const toastRef = this.snackBar.openFromComponent(ToastComponent, {
+            duration,
+            data: { message, icon, actionCaption }
         });
+        toastRef.instance.action.subscribe(() => toastRef.dismiss());
         return toastRef;
     }
     /**
@@ -702,6 +647,7 @@ class DialogService extends UIService {
      * @param otherCaption : other button caption
      * @param options: check box options
      * @param width: the preferred width
+     * @param details: optional details
      */
     confirm(message, title = 'Conferma', okCaption = 'Si', cancelCaption = 'No', otherCaption, options, width = 500, details) {
         return this.open(ConfirmDialogComponent, {
@@ -709,51 +655,50 @@ class DialogService extends UIService {
             autoFocus: true,
             restoreFocus: false,
             data: {
-                message: message,
-                title: title,
-                okCaption: okCaption,
-                cancelCaption: cancelCaption,
-                otherCaption: otherCaption,
-                options: options,
-                details: details,
+                message,
+                title,
+                okCaption,
+                cancelCaption,
+                otherCaption,
+                options,
+                details,
                 appearance: 'fill'
             },
             closeOnNavigation: false,
             disableClose: true,
             minWidth: '375px',
-            maxWidth: width + 'px',
+            maxWidth: `${width}px`,
             width: '100%'
         });
     }
     /**
-    * Display a delete dialog
-    * @param message : html message
-    * @param title : dialog title
-    * @param confirmMode : the confirm mode
-    * @param okCaption : ok button caption
-    * @param cancelCaption : cancel button caption
-    * @param otherCaption : other button caption
-    * @param options: check box options
-    * @param width: the preferred width
-    */
+     * Display a delete dialog
+     * @param message : html message
+     * @param title : dialog title
+     * @param confirmMode : the confirm mode
+     * @param okCaption : ok button caption
+     * @param cancelCaption : cancel button caption
+     * @param width: the preferred width
+     * @param details: optional details
+     */
     delete(message, title = 'Attenzione', confirmMode = DeleteDialogConfirmMode.None, okCaption = 'Si', cancelCaption = 'No', width = 500, details) {
         return this.open(DeleteDialogComponent, {
             ariaLabel: 'attenzione',
             autoFocus: true,
             restoreFocus: false,
             data: {
-                message: message,
-                title: title,
-                confirmMode: confirmMode,
-                okCaption: okCaption,
-                cancelCaption: cancelCaption,
-                details: details,
+                message,
+                title,
+                confirmMode,
+                okCaption,
+                cancelCaption,
+                details,
                 appearance: 'fill'
             },
             closeOnNavigation: false,
             disableClose: true,
             minWidth: '375px',
-            maxWidth: width + 'px',
+            maxWidth: `${width}px`,
             width: '100%'
         });
     }
@@ -781,52 +726,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                 }]
         }] });
 
+const DEFAULT_STRENGTH = { score: 0, label: '', color: '', suggestions: [], isValid: false };
 class PasswordStrengthComponent {
     constructor() {
         this.password = input('', ...(ngDevMode ? [{ debugName: "password" }] : []));
-        this.strength = signal({
-            score: 0,
-            label: '',
-            color: '',
-            suggestions: [],
-            isValid: false
+        this.strength = computed(() => {
+            const pwd = this.password();
+            return pwd ? SystemUtils.calculatePasswordStrength(pwd) : DEFAULT_STRENGTH;
         }, ...(ngDevMode ? [{ debugName: "strength" }] : []));
-        this.scoreClass = signal("score-2", ...(ngDevMode ? [{ debugName: "scoreClass" }] : []));
-        effect(() => {
-            this.updatePasswordStrength();
-        });
-    }
-    /**
-     * Update password strength info
-     */
-    updatePasswordStrength() {
-        if (this.password()) {
-            const strength = SystemUtils.calculatePasswordStrength(this.password());
-            this.strength.set(strength);
-            if (strength.score <= 2) {
-                this.scoreClass.set("score-2");
-            }
-            else if (strength.score <= 3) {
-                this.scoreClass.set("score-3");
-            }
-            else if (strength.score <= 4) {
-                this.scoreClass.set("score-4");
-            }
-            else if (strength.score <= 5) {
-                this.scoreClass.set("score-5");
-            }
-            else {
-                this.scoreClass.set("score-6");
-            }
-        }
+        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';
+        }, ...(ngDevMode ? [{ debugName: "scoreClass" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PasswordStrengthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", 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: i4.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: "21.2.0", 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"] }]
-        }], ctorParameters: () => [], propDecorators: { password: [{ type: i0.Input, args: [{ isSignal: true, alias: "password", required: false }] }] } });
+            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() {
@@ -886,12 +813,7 @@ class OtpInputComponent {
             digits.forEach((d, i) => (arr[i] = d));
             this.otpArray.set(arr);
             this.updateModel();
-            if (digits.length < 6) {
-                this.focusField(digits.length);
-            }
-            else {
-                this.focusField(5);
-            }
+            this.focusField(Math.min(digits.length, 5));
         }
     }
     focusField(index) {
@@ -932,24 +854,16 @@ class CredentialsDialogComponent {
         this.done = output();
         this.recoveringPassword = output();
         this.changeDetector = inject(ChangeDetectorRef);
-        this.dialogData = inject(MAT_DIALOG_DATA) || { mode: 'email', appearance: 'fill', title: 'Credenziali', okCaption: 'Salva' };
+        this.dialogData = inject(MAT_DIALOG_DATA) ?? { mode: 'email', appearance: 'fill', title: 'Credenziali', okCaption: 'Salva' };
         this.item = {};
         this.showPassword = false;
     }
     ngOnInit() {
         if (this.dialogData) {
-            if (!this.dialogData.appearance) {
-                this.dialogData.appearance = 'fill';
-            }
-            if (!this.dialogData.title) {
-                this.dialogData.title = "Informazioni";
-            }
-            if (!this.dialogData.okCaption) {
-                this.dialogData.okCaption = "Salva";
-            }
-            if (!this.dialogData.mode) {
-                this.dialogData.mode = 'email';
-            }
+            this.dialogData.appearance ??= 'fill';
+            this.dialogData.title ??= 'Informazioni';
+            this.dialogData.okCaption ??= 'Salva';
+            this.dialogData.mode ??= 'email';
             if (this.dialogData.mode === 'otp' && !this.dialogData.message) {
                 this.dialogData.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>';
             }
@@ -970,15 +884,11 @@ class CredentialsDialogComponent {
         }
         this.changeDetector.markForCheck();
     }
-    /**
-     * Done
-     */
+    /** Done */
     ok() {
         this.done.emit(this.item);
     }
-    /**
-     * Recover password
-     */
+    /** Recover password */
     recoverPassword() {
         this.recoveringPassword.emit(this.item);
         if (this.dialogData.recoverPasswordUrl) {
@@ -1011,15 +921,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 class RecoverPasswordDialogComponent {
     constructor() {
         this.done = output();
-        this.dialogData = inject(MAT_DIALOG_DATA) || { appearance: 'fill' };
+        this.dialogData = inject(MAT_DIALOG_DATA) ?? { appearance: 'fill' };
         this.item = {
-            email: "",
+            email: '',
             recaptcha: false
         };
     }
-    /**
-     * Done
-     */
+    /** Done */
     ok() {
         this.done.emit(this.item);
     }
@@ -1046,7 +954,7 @@ class ResetPasswordDialogComponent {
         this.done = output();
         this.dialogService = inject(DialogService);
         this.dialogRef = inject((MatDialogRef));
-        this.dialogData = inject(MAT_DIALOG_DATA) || { mode: 1, appearance: 'fill' };
+        this.dialogData = inject(MAT_DIALOG_DATA) ?? { mode: 1, appearance: 'fill' };
         this.item = {};
         this.showOldPassword = false;
         this.showPassword = false;
@@ -1059,34 +967,30 @@ class ResetPasswordDialogComponent {
             }
             if (this.dialogData.mode <= 2 && !this.dialogData.userId) {
                 this.dialogRef.close();
-                this.dialogService.error("Utente non specificato.");
+                this.dialogService.error('Utente non specificato.');
                 return;
             }
             else if (this.dialogData.mode === 3 && !this.dialogData.userEmail) {
                 this.dialogRef.close();
-                this.dialogService.error("Email utente non specificata.");
+                this.dialogService.error('Email utente non specificata.');
                 return;
             }
             this.item.userEmail = this.dialogData.userEmail;
             this.item.userId = this.dialogData.userId;
         }
         else {
-            this.dialogService.error("Modalità non riconosciuta.");
+            this.dialogService.error('Modalità non riconosciuta.');
             this.dialogRef.close();
             return;
         }
     }
-    /**
-     * Done
-     */
+    /** Done */
     ok() {
         this.done.emit(this.item);
     }
-    /**
-     * Generate a password
-     */
+    /** Generate a password */
     generatePassword() {
-        let password = SystemUtils.generatePassword();
+        const password = SystemUtils.generatePassword();
         this.item.password = password;
         this.item.password2 = password;
     }