@esfaenza/utility-components 16.2.27 → 17.3.0

package/fesm2022/esfaenza-utility-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, EventEmitter, Output, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
+import { Input, Component, EventEmitter, Output, ViewChild, ViewEncapsulation, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from 'ngx-toastr';
@@ -14,293 +14,293 @@ import * as i1$2 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i2 from '@esfaenza/extensions';
 
-// Angular
-/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */
-class CurrencySpanComponent {
-    constructor() {
-        /** Tipo in base al quale formattare il valore **CurrencyValue** */
-        this.CurrencyType = CurrencyType.EMPTY;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CurrencySpanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CurrencySpanComponent, selector: "currency-span", inputs: { CurrencyValue: "CurrencyValue", CurrencyType: "CurrencyType" }, ngImport: i0, template: "<span [class.text-info]=\"CurrencyValue == 0\"\r\n      [class.text-success]=\"CurrencyValue > 0\"\r\n      [class.text-danger]=\"CurrencyValue < 0\">\r\n    {{CurrencyValue ? (CurrencyValue | currency:'':'':'1.2-2':'it') : '0,00'}} {{CurrencyType}}\r\n</span>", dependencies: [{ kind: "pipe", type: i1.CurrencyPipe, name: "currency" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CurrencySpanComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "currency-span", template: "<span [class.text-info]=\"CurrencyValue == 0\"\r\n      [class.text-success]=\"CurrencyValue > 0\"\r\n      [class.text-danger]=\"CurrencyValue < 0\">\r\n    {{CurrencyValue ? (CurrencyValue | currency:'':'':'1.2-2':'it') : '0,00'}} {{CurrencyType}}\r\n</span>" }]
-        }], propDecorators: { CurrencyValue: [{
-                type: Input
-            }], CurrencyType: [{
-                type: Input
-            }] } });
-/**
- * @ignore
- * Al momento non serve assolutamente a niente, ma per espandere eventualmente
- * il componente in futuro lo lascio qui che schifo non fa.
- */
-var CurrencyType;
-(function (CurrencyType) {
-    CurrencyType["EUR"] = "\u20AC";
-    CurrencyType["USD"] = "$";
-    CurrencyType["CAD"] = "$";
-    CurrencyType["EMPTY"] = "";
+// Angular
+/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */
+class CurrencySpanComponent {
+    constructor() {
+        /** Tipo in base al quale formattare il valore **CurrencyValue** */
+        this.CurrencyType = CurrencyType.EMPTY;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencySpanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CurrencySpanComponent, selector: "currency-span", inputs: { CurrencyValue: "CurrencyValue", CurrencyType: "CurrencyType" }, ngImport: i0, template: "<span [class.text-info]=\"CurrencyValue == 0\"\r\n      [class.text-success]=\"CurrencyValue > 0\"\r\n      [class.text-danger]=\"CurrencyValue < 0\">\r\n    {{CurrencyValue ? (CurrencyValue | currency:'':'':'1.2-2':'it') : '0,00'}} {{CurrencyType}}\r\n</span>", dependencies: [{ kind: "pipe", type: i1.CurrencyPipe, name: "currency" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CurrencySpanComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "currency-span", template: "<span [class.text-info]=\"CurrencyValue == 0\"\r\n      [class.text-success]=\"CurrencyValue > 0\"\r\n      [class.text-danger]=\"CurrencyValue < 0\">\r\n    {{CurrencyValue ? (CurrencyValue | currency:'':'':'1.2-2':'it') : '0,00'}} {{CurrencyType}}\r\n</span>" }]
+        }], propDecorators: { CurrencyValue: [{
+                type: Input
+            }], CurrencyType: [{
+                type: Input
+            }] } });
+/**
+ * @ignore
+ * Al momento non serve assolutamente a niente, ma per espandere eventualmente
+ * il componente in futuro lo lascio qui che schifo non fa.
+ */
+var CurrencyType;
+(function (CurrencyType) {
+    CurrencyType["EUR"] = "\u20AC";
+    CurrencyType["USD"] = "$";
+    CurrencyType["CAD"] = "$";
+    CurrencyType["EMPTY"] = "";
 })(CurrencyType || (CurrencyType = {}));
 
-// Angular
-/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */
-class ShortenSpanComponent {
-    /** @ignore */
-    constructor(toastrService, clipboardService) {
-        this.toastrService = toastrService;
-        this.clipboardService = clipboardService;
-        /** Mostra **Text** con stile grassetto */
-        this.Bold = false;
-        /** Lunghezza massima del testo, prima di venire troncato */
-        this.MaxLength = 999;
-        /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */
-        this.ClipboardCopy = false;
-        /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */
-        this.ShowTooltip = null;
-    }
-    /** @ignore */
-    ngOnInit() {
-        this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;
-    }
-    /**
-     * Copia un valore nella clipboard
-     *
-     * @param {string} value Valore da copiare nella clipboard
-     */
-    copyToClipboard(value) {
-        this.clipboardService.copyTextToClipboard(value);
-        this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShortenSpanComponent, deps: [{ token: i1$1.ToastrService }, { token: i2.ClipboardService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ShortenSpanComponent, selector: "shorten-span", inputs: { Bold: "Bold", Text: "Text", MaxLength: "MaxLength", ClipboardCopy: "ClipboardCopy" }, ngImport: i0, template: "<span [class.utils-copy]=\"ClipboardCopy\" (click)=\"ClipboardCopy ? copyToClipboard(Text) : null\" *ngIf=\"Text\" [class.utils-bold]=\"Bold\" [matTooltip]=\"ShowTooltip\">\r\n    {{Text.length > MaxLength + 3 ? Text.substr(0, MaxLength) + \"...\" : Text}}\r\n</span>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ShortenSpanComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "shorten-span", template: "<span [class.utils-copy]=\"ClipboardCopy\" (click)=\"ClipboardCopy ? copyToClipboard(Text) : null\" *ngIf=\"Text\" [class.utils-bold]=\"Bold\" [matTooltip]=\"ShowTooltip\">\r\n    {{Text.length > MaxLength + 3 ? Text.substr(0, MaxLength) + \"...\" : Text}}\r\n</span>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.ToastrService }, { type: i2.ClipboardService }]; }, propDecorators: { Bold: [{
-                type: Input
-            }], Text: [{
-                type: Input
-            }], MaxLength: [{
-                type: Input
-            }], ClipboardCopy: [{
-                type: Input
+// Angular
+/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */
+class ShortenSpanComponent {
+    /** @ignore */
+    constructor(toastrService, clipboardService) {
+        this.toastrService = toastrService;
+        this.clipboardService = clipboardService;
+        /** Mostra **Text** con stile grassetto */
+        this.Bold = false;
+        /** Lunghezza massima del testo, prima di venire troncato */
+        this.MaxLength = 999;
+        /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */
+        this.ClipboardCopy = false;
+        /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */
+        this.ShowTooltip = null;
+    }
+    /** @ignore */
+    ngOnInit() {
+        this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;
+    }
+    /**
+     * Copia un valore nella clipboard
+     *
+     * @param {string} value Valore da copiare nella clipboard
+     */
+    copyToClipboard(value) {
+        this.clipboardService.copyTextToClipboard(value);
+        this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ShortenSpanComponent, deps: [{ token: i1$1.ToastrService }, { token: i2.ClipboardService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ShortenSpanComponent, selector: "shorten-span", inputs: { Bold: "Bold", Text: "Text", MaxLength: "MaxLength", ClipboardCopy: "ClipboardCopy" }, ngImport: i0, template: "<span [class.utils-copy]=\"ClipboardCopy\" (click)=\"ClipboardCopy ? copyToClipboard(Text) : null\" *ngIf=\"Text\" [class.utils-bold]=\"Bold\" [matTooltip]=\"ShowTooltip\">\r\n    {{Text.length > MaxLength + 3 ? Text.substr(0, MaxLength) + \"...\" : Text}}\r\n</span>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ShortenSpanComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "shorten-span", template: "<span [class.utils-copy]=\"ClipboardCopy\" (click)=\"ClipboardCopy ? copyToClipboard(Text) : null\" *ngIf=\"Text\" [class.utils-bold]=\"Bold\" [matTooltip]=\"ShowTooltip\">\r\n    {{Text.length > MaxLength + 3 ? Text.substr(0, MaxLength) + \"...\" : Text}}\r\n</span>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.ToastrService }, { type: i2.ClipboardService }], propDecorators: { Bold: [{
+                type: Input
+            }], Text: [{
+                type: Input
+            }], MaxLength: [{
+                type: Input
+            }], ClipboardCopy: [{
+                type: Input
             }] } });
 
-// Angular
-/**
- * Questo componente serve a mostrare un badge di stato, con un testo **Status**.
- * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger**
- */
-class StatusBadgeComponent {
-    constructor() {
-        /** Dimensione del badge, in valore numerico (1 = 100%) */
-        this.Zoom = 1;
-        /** Valore dello stile 'top' del badge */
-        this.Top = "20px";
-        /** Valore dello stile 'right' del badge */
-        this.Right = "0px";
-        /** Evento di click sparato se l'elemento è cliccabile */
-        this.onClick = new EventEmitter();
-    }
-    handleClick() {
-        if (!this.Clickable)
-            return;
-        this.onClick.emit();
-    }
-    ngOnInit() {
-        if (this.Level === null || this.Level === undefined)
-            return;
-        this.Info = this.Level == "Info";
-        this.Warning = this.Level == "Warning";
-        this.Success = this.Level == "Success";
-        this.Danger = this.Level == "Danger";
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StatusBadgeComponent, selector: "status-badge", inputs: { Status: "Status", Zoom: "Zoom", Top: "Top", Right: "Right", Level: "Level", Info: "Info", Warning: "Warning", Success: "Success", Danger: "Danger", Clickable: "Clickable" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"status-badge-container utils-no-selection\" \r\n    [class.app-pointer]=\"Clickable\"\r\n    [style.margin-top]=\"Top\" \r\n    [style.margin-right]=\"Right\" \r\n    [style.zoom]=\"Zoom\" \r\n    [style.-moz-transform]=\"'scale(' + Zoom + ')'\"\r\n    (click)=\"handleClick();\">\r\n\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" class=\"ml-2 app-bold\">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n\r\n</div>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBadgeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "status-badge", template: "<div class=\"status-badge-container utils-no-selection\" \r\n    [class.app-pointer]=\"Clickable\"\r\n    [style.margin-top]=\"Top\" \r\n    [style.margin-right]=\"Right\" \r\n    [style.zoom]=\"Zoom\" \r\n    [style.-moz-transform]=\"'scale(' + Zoom + ')'\"\r\n    (click)=\"handleClick();\">\r\n\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" class=\"ml-2 app-bold\">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n\r\n</div>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}\n"] }]
-        }], propDecorators: { Status: [{
-                type: Input
-            }], Zoom: [{
-                type: Input
-            }], Top: [{
-                type: Input
-            }], Right: [{
-                type: Input
-            }], Level: [{
-                type: Input
-            }], Info: [{
-                type: Input
-            }], Warning: [{
-                type: Input
-            }], Success: [{
-                type: Input
-            }], Danger: [{
-                type: Input
-            }], Clickable: [{
-                type: Input
-            }], onClick: [{
-                type: Output
+// Angular
+/**
+ * Questo componente serve a mostrare un badge di stato, con un testo **Status**.
+ * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger**
+ */
+class StatusBadgeComponent {
+    constructor() {
+        /** Dimensione del badge, in valore numerico (1 = 100%) */
+        this.Zoom = 1;
+        /** Valore dello stile 'top' del badge */
+        this.Top = "20px";
+        /** Valore dello stile 'right' del badge */
+        this.Right = "0px";
+        /** Evento di click sparato se l'elemento è cliccabile */
+        this.onClick = new EventEmitter();
+    }
+    handleClick() {
+        if (!this.Clickable)
+            return;
+        this.onClick.emit();
+    }
+    ngOnInit() {
+        if (this.Level === null || this.Level === undefined)
+            return;
+        this.Info = this.Level == "Info";
+        this.Warning = this.Level == "Warning";
+        this.Success = this.Level == "Success";
+        this.Danger = this.Level == "Danger";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StatusBadgeComponent, selector: "status-badge", inputs: { Status: "Status", Zoom: "Zoom", Top: "Top", Right: "Right", Level: "Level", Info: "Info", Warning: "Warning", Success: "Success", Danger: "Danger", Clickable: "Clickable" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"status-badge-container utils-no-selection\" \r\n    [class.app-pointer]=\"Clickable\"\r\n    [style.margin-top]=\"Top\" \r\n    [style.margin-right]=\"Right\" \r\n    [style.zoom]=\"Zoom\" \r\n    [style.-moz-transform]=\"'scale(' + Zoom + ')'\"\r\n    (click)=\"handleClick();\">\r\n\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" class=\"ml-2 app-bold\">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n\r\n</div>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StatusBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "status-badge", template: "<div class=\"status-badge-container utils-no-selection\" \r\n    [class.app-pointer]=\"Clickable\"\r\n    [style.margin-top]=\"Top\" \r\n    [style.margin-right]=\"Right\" \r\n    [style.zoom]=\"Zoom\" \r\n    [style.-moz-transform]=\"'scale(' + Zoom + ')'\"\r\n    (click)=\"handleClick();\">\r\n\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" class=\"ml-2 app-bold\">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n\r\n</div>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}\n"] }]
+        }], propDecorators: { Status: [{
+                type: Input
+            }], Zoom: [{
+                type: Input
+            }], Top: [{
+                type: Input
+            }], Right: [{
+                type: Input
+            }], Level: [{
+                type: Input
+            }], Info: [{
+                type: Input
+            }], Warning: [{
+                type: Input
+            }], Success: [{
+                type: Input
+            }], Danger: [{
+                type: Input
+            }], Clickable: [{
+                type: Input
+            }], onClick: [{
+                type: Output
             }] } });
 
-// Angular
-/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */
-class SimpleDropdownComponent {
-    constructor() {
-        /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */
-        this.Options = [];
-        /** Posizione di Default del context-menu, evitare di smanazzare */
-        this.MenuPosition = { x: '0', y: '0' };
-    }
-    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */
-    Show(event) {
-        this.MenuPosition.x = event.clientX + 'px';
-        this.MenuPosition.y = event.clientY + 'px';
-        this.matMenuTrigger.openMenu();
-        return false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SimpleDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SimpleDropdownComponent, selector: "simple-dropdown", inputs: { Options: "Options" }, viewQueries: [{ propertyName: "matMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }], ngImport: i0, template: "<div style=\"visibility: hidden; position: fixed;\" \r\n     [style.left]=\"MenuPosition.x\" \r\n     [style.top]=\"MenuPosition.y\" \r\n     [matMenuTriggerFor]=\"rightMenu\">\r\n</div>\r\n\r\n<mat-menu #rightMenu=\"matMenu\">\r\n    <ng-container *ngFor=\"let item of Options\">\r\n        <button mat-menu-item (click)=\"item.execute()\">{{item.label}}</button>\r\n    </ng-container>\r\n</mat-menu>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.mat-menu-content:not(:empty){padding:0!important}.mat-menu-panel{min-height:unset!important}.mat-menu-item{background-color:#fff!important;height:38px!important;line-height:38px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SimpleDropdownComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "simple-dropdown", encapsulation: ViewEncapsulation.None, template: "<div style=\"visibility: hidden; position: fixed;\" \r\n     [style.left]=\"MenuPosition.x\" \r\n     [style.top]=\"MenuPosition.y\" \r\n     [matMenuTriggerFor]=\"rightMenu\">\r\n</div>\r\n\r\n<mat-menu #rightMenu=\"matMenu\">\r\n    <ng-container *ngFor=\"let item of Options\">\r\n        <button mat-menu-item (click)=\"item.execute()\">{{item.label}}</button>\r\n    </ng-container>\r\n</mat-menu>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.mat-menu-content:not(:empty){padding:0!important}.mat-menu-panel{min-height:unset!important}.mat-menu-item{background-color:#fff!important;height:38px!important;line-height:38px!important}\n"] }]
-        }], propDecorators: { matMenuTrigger: [{
-                type: ViewChild,
-                args: [MatMenuTrigger, { static: true }]
-            }], Options: [{
-                type: Input
+// Angular
+/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */
+class SimpleDropdownComponent {
+    constructor() {
+        /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */
+        this.Options = [];
+        /** Posizione di Default del context-menu, evitare di smanazzare */
+        this.MenuPosition = { x: '0', y: '0' };
+    }
+    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */
+    Show(event) {
+        this.MenuPosition.x = event.clientX + 'px';
+        this.MenuPosition.y = event.clientY + 'px';
+        this.matMenuTrigger.openMenu();
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleDropdownComponent, selector: "simple-dropdown", inputs: { Options: "Options" }, viewQueries: [{ propertyName: "matMenuTrigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }], ngImport: i0, template: "<div style=\"visibility: hidden; position: fixed;\" \r\n     [style.left]=\"MenuPosition.x\" \r\n     [style.top]=\"MenuPosition.y\" \r\n     [matMenuTriggerFor]=\"rightMenu\">\r\n</div>\r\n\r\n<mat-menu #rightMenu=\"matMenu\">\r\n    <ng-container *ngFor=\"let item of Options\">\r\n        <button mat-menu-item (click)=\"item.execute()\">{{item.label}}</button>\r\n    </ng-container>\r\n</mat-menu>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.mat-menu-content:not(:empty){padding:0!important}.mat-menu-panel{min-height:unset!important}.mat-menu-item{background-color:#fff!important;height:38px!important;line-height:38px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "simple-dropdown", encapsulation: ViewEncapsulation.None, template: "<div style=\"visibility: hidden; position: fixed;\" \r\n     [style.left]=\"MenuPosition.x\" \r\n     [style.top]=\"MenuPosition.y\" \r\n     [matMenuTriggerFor]=\"rightMenu\">\r\n</div>\r\n\r\n<mat-menu #rightMenu=\"matMenu\">\r\n    <ng-container *ngFor=\"let item of Options\">\r\n        <button mat-menu-item (click)=\"item.execute()\">{{item.label}}</button>\r\n    </ng-container>\r\n</mat-menu>", styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.mat-menu-content:not(:empty){padding:0!important}.mat-menu-panel{min-height:unset!important}.mat-menu-item{background-color:#fff!important;height:38px!important;line-height:38px!important}\n"] }]
+        }], propDecorators: { matMenuTrigger: [{
+                type: ViewChild,
+                args: [MatMenuTrigger, { static: true }]
+            }], Options: [{
+                type: Input
             }] } });
 
-// Angular
-class OperationsMenuOperationComponent {
-    constructor() {
-        // Se valorizzato, non verrà più emesso l'output "onClick"
-        this.RouterLink = null;
-        // Passacarte per il vero evento "click" del componente
-        this.onClick = new EventEmitter();
-    }
-    emitClick() {
-        this.onClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OperationsMenuOperationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OperationsMenuOperationComponent, selector: "ops-menu-operation", inputs: { RouterLink: "RouterLink" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"app-padding-left-10\">\r\n    <a *ngIf=\"!RouterLink\" class=\"app-link app-inline-wrapped\" (click)=\"emitClick()\"><ng-container *ngTemplateOutlet=\"Content;\"></ng-container></a>\r\n    <a *ngIf=\"!!RouterLink\" class=\"app-link app-inline-wrapped\" [routerLink]=\"RouterLink\"><ng-container *ngTemplateOutlet=\"Content;\"></ng-container></a>\r\n</div>\r\n\r\n<ng-template #Content>\r\n    <ng-content></ng-content>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OperationsMenuOperationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "ops-menu-operation", template: "<div class=\"app-padding-left-10\">\r\n    <a *ngIf=\"!RouterLink\" class=\"app-link app-inline-wrapped\" (click)=\"emitClick()\"><ng-container *ngTemplateOutlet=\"Content;\"></ng-container></a>\r\n    <a *ngIf=\"!!RouterLink\" class=\"app-link app-inline-wrapped\" [routerLink]=\"RouterLink\"><ng-container *ngTemplateOutlet=\"Content;\"></ng-container></a>\r\n</div>\r\n\r\n<ng-template #Content>\r\n    <ng-content></ng-content>\r\n</ng-template>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { RouterLink: [{
-                type: Input
-            }], onClick: [{
-                type: Output
+// Angular
+class OperationsMenuOperationComponent {
+    constructor() {
+        // Se valorizzato, non verrà più emesso l'output "onClick"
+        this.RouterLink = null;
+        // Passacarte per il vero evento "click" del componente
+        this.onClick = new EventEmitter();
+    }
+    emitClick() {
+        this.onClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OperationsMenuOperationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OperationsMenuOperationComponent, selector: "ops-menu-operation", inputs: { RouterLink: "RouterLink" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"app-padding-left-10\">\r\n    <a *ngIf=\"!RouterLink\" class=\"app-link app-inline-wrapped\" (click)=\"emitClick()\"><ng-container *ngTemplateOutlet=\"Content;\"></ng-container></a>\r\n    <a *ngIf=\"!!RouterLink\" class=\"app-link app-inline-wrapped\" [routerLink]=\"RouterLink\"><ng-container *ngTemplateOutlet=\"Content;\"></ng-container></a>\r\n</div>\r\n\r\n<ng-template #Content>\r\n    <ng-content></ng-content>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OperationsMenuOperationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ops-menu-operation", template: "<div class=\"app-padding-left-10\">\r\n    <a *ngIf=\"!RouterLink\" class=\"app-link app-inline-wrapped\" (click)=\"emitClick()\"><ng-container *ngTemplateOutlet=\"Content;\"></ng-container></a>\r\n    <a *ngIf=\"!!RouterLink\" class=\"app-link app-inline-wrapped\" [routerLink]=\"RouterLink\"><ng-container *ngTemplateOutlet=\"Content;\"></ng-container></a>\r\n</div>\r\n\r\n<ng-template #Content>\r\n    <ng-content></ng-content>\r\n</ng-template>" }]
+        }], ctorParameters: () => [], propDecorators: { RouterLink: [{
+                type: Input
+            }], onClick: [{
+                type: Output
             }] } });
 
-// Angular
-// Configurazioni
-// Applicazione
-class OperationsMenuCategoryComponent {
-    constructor() {
-        this.Name = "Nuova categoria";
-        this.Expanded = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OperationsMenuCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OperationsMenuCategoryComponent, selector: "ops-menu-category", inputs: { Name: "Name", Expanded: "Expanded" }, ngImport: i0, template: "<mat-accordion>\r\n    <mat-expansion-panel [expanded]=\"Expanded\" (opened)=\"Expanded = true\" (closed)=\"Expanded = false\">\r\n        <!--Header-->\r\n        <mat-expansion-panel-header style=\"max-height: 48px !important\">\r\n            <mat-panel-title class=\"app-no-selection\">{{Name}}</mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <!--Operations-->\r\n        <ng-content></ng-content>\r\n    </mat-expansion-panel>\r\n</mat-accordion>", dependencies: [{ kind: "directive", type: i1$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i1$2.MatExpansionPanelTitle, selector: "mat-panel-title" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OperationsMenuCategoryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "ops-menu-category", template: "<mat-accordion>\r\n    <mat-expansion-panel [expanded]=\"Expanded\" (opened)=\"Expanded = true\" (closed)=\"Expanded = false\">\r\n        <!--Header-->\r\n        <mat-expansion-panel-header style=\"max-height: 48px !important\">\r\n            <mat-panel-title class=\"app-no-selection\">{{Name}}</mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <!--Operations-->\r\n        <ng-content></ng-content>\r\n    </mat-expansion-panel>\r\n</mat-accordion>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { Name: [{
-                type: Input
-            }], Expanded: [{
-                type: Input
+// Angular
+// Configurazioni
+// Applicazione
+class OperationsMenuCategoryComponent {
+    constructor() {
+        this.Name = "Nuova categoria";
+        this.Expanded = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OperationsMenuCategoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OperationsMenuCategoryComponent, selector: "ops-menu-category", inputs: { Name: "Name", Expanded: "Expanded" }, ngImport: i0, template: "<mat-accordion>\r\n    <mat-expansion-panel [expanded]=\"Expanded\" (opened)=\"Expanded = true\" (closed)=\"Expanded = false\">\r\n        <!--Header-->\r\n        <mat-expansion-panel-header style=\"max-height: 48px !important\">\r\n            <mat-panel-title class=\"app-no-selection\">{{Name}}</mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <!--Operations-->\r\n        <ng-content></ng-content>\r\n    </mat-expansion-panel>\r\n</mat-accordion>", dependencies: [{ kind: "directive", type: i1$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i1$2.MatExpansionPanelTitle, selector: "mat-panel-title" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OperationsMenuCategoryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ops-menu-category", template: "<mat-accordion>\r\n    <mat-expansion-panel [expanded]=\"Expanded\" (opened)=\"Expanded = true\" (closed)=\"Expanded = false\">\r\n        <!--Header-->\r\n        <mat-expansion-panel-header style=\"max-height: 48px !important\">\r\n            <mat-panel-title class=\"app-no-selection\">{{Name}}</mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <!--Operations-->\r\n        <ng-content></ng-content>\r\n    </mat-expansion-panel>\r\n</mat-accordion>" }]
+        }], ctorParameters: () => [], propDecorators: { Name: [{
+                type: Input
+            }], Expanded: [{
+                type: Input
             }] } });
 
-// Angular
-// Configurazioni
-// Applicazione
-class OperationsMenuComponent {
-    constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OperationsMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OperationsMenuComponent, selector: "ops-menu", ngImport: i0, template: "<!-- Widget Operazioni 2.0 -->\r\n<div class=\"card app-margin-bottom-15\">\r\n    <div class=\"card-header\">\r\n        <span class=\"text-uppercase\">Operazioni</span>\r\n    </div>\r\n    <div>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OperationsMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "ops-menu", template: "<!-- Widget Operazioni 2.0 -->\r\n<div class=\"card app-margin-bottom-15\">\r\n    <div class=\"card-header\">\r\n        <span class=\"text-uppercase\">Operazioni</span>\r\n    </div>\r\n    <div>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: function () { return []; } });
+// Angular
+// Configurazioni
+// Applicazione
+class OperationsMenuComponent {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OperationsMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OperationsMenuComponent, selector: "ops-menu", ngImport: i0, template: "<!-- Widget Operazioni 2.0 -->\r\n<div class=\"card app-margin-bottom-15\">\r\n    <div class=\"card-header\">\r\n        <span class=\"text-uppercase\">Operazioni</span>\r\n    </div>\r\n    <div>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OperationsMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "ops-menu", template: "<!-- Widget Operazioni 2.0 -->\r\n<div class=\"card app-margin-bottom-15\">\r\n    <div class=\"card-header\">\r\n        <span class=\"text-uppercase\">Operazioni</span>\r\n    </div>\r\n    <div>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>" }]
+        }], ctorParameters: () => [] });
 
-// Modules
-const COMPONENTS = [
-    CurrencySpanComponent,
-    ShortenSpanComponent,
-    StatusBadgeComponent,
-    SimpleDropdownComponent,
-    OperationsMenuOperationComponent,
-    OperationsMenuCategoryComponent,
-    OperationsMenuComponent
-];
-class UtilityComponentsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilityComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: UtilityComponentsModule, declarations: [CurrencySpanComponent,
-            ShortenSpanComponent,
-            StatusBadgeComponent,
-            SimpleDropdownComponent,
-            OperationsMenuOperationComponent,
-            OperationsMenuCategoryComponent,
-            OperationsMenuComponent], imports: [CommonModule,
-            MatTooltipModule,
-            MatMenuModule,
-            MatExpansionModule,
-            ToastrModule,
-            RouterModule], exports: [CurrencySpanComponent,
-            ShortenSpanComponent,
-            StatusBadgeComponent,
-            SimpleDropdownComponent,
-            OperationsMenuOperationComponent,
-            OperationsMenuCategoryComponent,
-            OperationsMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilityComponentsModule, imports: [CommonModule,
-            MatTooltipModule,
-            MatMenuModule,
-            MatExpansionModule,
-            ToastrModule,
-            RouterModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilityComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        COMPONENTS
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatTooltipModule,
-                        MatMenuModule,
-                        MatExpansionModule,
-                        ToastrModule,
-                        RouterModule
-                    ],
-                    exports: [
-                        COMPONENTS
-                    ]
-                }]
+// Modules
+const COMPONENTS = [
+    CurrencySpanComponent,
+    ShortenSpanComponent,
+    StatusBadgeComponent,
+    SimpleDropdownComponent,
+    OperationsMenuOperationComponent,
+    OperationsMenuCategoryComponent,
+    OperationsMenuComponent
+];
+class UtilityComponentsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UtilityComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: UtilityComponentsModule, declarations: [CurrencySpanComponent,
+            ShortenSpanComponent,
+            StatusBadgeComponent,
+            SimpleDropdownComponent,
+            OperationsMenuOperationComponent,
+            OperationsMenuCategoryComponent,
+            OperationsMenuComponent], imports: [CommonModule,
+            MatTooltipModule,
+            MatMenuModule,
+            MatExpansionModule,
+            ToastrModule,
+            RouterModule], exports: [CurrencySpanComponent,
+            ShortenSpanComponent,
+            StatusBadgeComponent,
+            SimpleDropdownComponent,
+            OperationsMenuOperationComponent,
+            OperationsMenuCategoryComponent,
+            OperationsMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UtilityComponentsModule, imports: [CommonModule,
+            MatTooltipModule,
+            MatMenuModule,
+            MatExpansionModule,
+            ToastrModule,
+            RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UtilityComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        COMPONENTS
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatTooltipModule,
+                        MatMenuModule,
+                        MatExpansionModule,
+                        ToastrModule,
+                        RouterModule
+                    ],
+                    exports: [
+                        COMPONENTS
+                    ]
+                }]
         }] });
 
-/** Modello che definisce una opzione del menu contestuale */
-class DropdownOption {
+/** Modello che definisce una opzione del menu contestuale */
+class DropdownOption {
 }
 
-/*
- * Public API Surface of utility-components
+/*
+ * Public API Surface of utility-components
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { CurrencySpanComponent, CurrencyType, DropdownOption, OperationsMenuCategoryComponent, OperationsMenuComponent, OperationsMenuOperationComponent, ShortenSpanComponent, SimpleDropdownComponent, StatusBadgeComponent, UtilityComponentsModule };