@esfaenza/utility-components 15.2.5 → 16.0.1

package/fesm2022/esfaenza-utility-components.mjs

@@ -0,0 +1,307 @@
+import * as i0 from '@angular/core';
+import { Component, Input, EventEmitter, Output, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from 'ngx-toastr';
+import { ToastrModule } from 'ngx-toastr';
+import * as i4 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i2$1 from '@angular/material/menu';
+import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
+import * as i2$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+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"] = "";
+})(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 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 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
+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
+// 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 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 []; } });
+
+// 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
+                    ]
+                }]
+        }] });
+
+/** Modello che definisce una opzione del menu contestuale */
+class DropdownOption {
+}
+
+/*
+ * Public API Surface of utility-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CurrencySpanComponent, CurrencyType, DropdownOption, OperationsMenuCategoryComponent, OperationsMenuComponent, OperationsMenuOperationComponent, ShortenSpanComponent, SimpleDropdownComponent, StatusBadgeComponent, UtilityComponentsModule };
+//# sourceMappingURL=esfaenza-utility-components.mjs.map

package/fesm2022/esfaenza-utility-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"esfaenza-utility-components.mjs","sources":["../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.html","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.html","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.html","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.html","../../../projects/utility-components/src/lib/components/operations/ops-menu-operation/ops-menu-operation.component.ts","../../../projects/utility-components/src/lib/components/operations/ops-menu-operation/ops-menu-operation.component.html","../../../projects/utility-components/src/lib/components/operations/ops-menu-category/ops-menu-category.component.ts","../../../projects/utility-components/src/lib/components/operations/ops-menu-category/ops-menu-category.component.html","../../../projects/utility-components/src/lib/components/operations/ops-menu/ops-menu.component.ts","../../../projects/utility-components/src/lib/components/operations/ops-menu/ops-menu.component.html","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */\r\n@Component({\r\n    selector: \"currency-span\",\r\n    templateUrl: \"currency-span.component.html\"\r\n})\r\nexport class CurrencySpanComponent {\r\n    /** Valore da formattare */\r\n    @Input() CurrencyValue: number;\r\n    /** Tipo in base al quale formattare il valore **CurrencyValue** */\r\n    @Input() CurrencyType: string = CurrencyType.EMPTY;\r\n}\r\n\r\n/**\r\n * @ignore\r\n * Al momento non serve assolutamente a niente, ma per espandere eventualmente \r\n * il componente in futuro lo lascio qui che schifo non fa.\r\n */\r\nexport enum CurrencyType {\r\n    EUR = \"€\",\r\n    USD = \"$\",\r\n    CAD = \"$\",\r\n    EMPTY = \"\"\r\n}","<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>","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { ClipboardService } from \"@esfaenza/extensions\";\r\n\r\n// Direttive, Componenti, Librerie\r\nimport { ToastrService } from \"ngx-toastr\";\r\n\r\n/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */\r\n@Component({\r\n    selector: \"shorten-span\",\r\n    templateUrl: \"shorten-span.component.html\",\r\n    styleUrls: [\"./shorten-span.component.scss\"]\r\n})\r\nexport class ShortenSpanComponent {\r\n    /** Mostra **Text** con stile grassetto */\r\n    @Input() Bold: boolean = false;\r\n    /** Testo da mostrare nello span */\r\n    @Input() Text: string;\r\n    /** Lunghezza massima del testo, prima di venire troncato */\r\n    @Input() MaxLength: number = 999;\r\n    /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */\r\n    @Input() ClipboardCopy: boolean = false;\r\n\r\n    /** @ignore */\r\n    constructor(private toastrService: ToastrService, private clipboardService: ClipboardService) { }\r\n\r\n    /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */\r\n    public ShowTooltip = null;\r\n\r\n    /** @ignore */\r\n    ngOnInit() {\r\n        this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;\r\n    }\r\n\r\n    /**\r\n     * Copia un valore nella clipboard\r\n     * \r\n     * @param {string} value Valore da copiare nella clipboard\r\n     */\r\n    copyToClipboard(value: string) {\r\n        this.clipboardService.copyTextToClipboard(value);\r\n        this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });\r\n    }\r\n}","<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>","// Angular\r\nimport { Component, EventEmitter, Input, Output } from \"@angular/core\";\r\n\r\n/** \r\n * Questo componente serve a mostrare un badge di stato, con un testo **Status**.\r\n * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger** \r\n */\r\n@Component({\r\n    selector: \"status-badge\",\r\n    templateUrl: \"status-badge.component.html\",\r\n    styleUrls: [\"./status-badge.component.scss\"]\r\n})\r\nexport class StatusBadgeComponent {\r\n    /** Etichetta da mostrare nel badge */\r\n    @Input() public Status: string;\r\n    /** Dimensione del badge, in valore numerico (1 = 100%) */\r\n    @Input() public Zoom: number = 1;\r\n    /** Valore dello stile 'top' del badge */\r\n    @Input() public Top: string = \"20px\";\r\n    /** Valore dello stile 'right' del badge */\r\n    @Input() public Right: string = \"0px\";\r\n    /** Condizione per la gestione del livello del badge - (Info o Warning o Success o Danger)*/\r\n    @Input() public Level: 'Info' | 'Warning' | 'Success' | 'Danger';\r\n    /** Valore boolen relativo al binding del livello badge - (Info) */\r\n    @Input() public Info: boolean;\r\n    /** Valore boolen relativo al binding del livello badge - (Warning) */\r\n    @Input() public Warning: boolean;\r\n    /** Valore boolen relativo al binding del livello badge - (Success) */\r\n    @Input() public Success: boolean;\r\n    /** Valore boolen relativo al binding del livello badge - (Danger) */\r\n    @Input() public Danger: boolean;\r\n    /** Indica se la card è cliccabile e mette gli stili di hover se servono */\r\n    @Input() public Clickable: boolean;\r\n    /** Evento di click sparato se l'elemento è cliccabile */\r\n    @Output() public onClick: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    handleClick() {\r\n        if (!this.Clickable)\r\n            return;\r\n\r\n        this.onClick.emit();\r\n    }\r\n\r\n    ngOnInit() {\r\n        if (this.Level === null || this.Level === undefined)\r\n            return;\r\n        this.Info = this.Level == \"Info\";\r\n        this.Warning = this.Level == \"Warning\";\r\n        this.Success = this.Level == \"Success\";\r\n        this.Danger = this.Level == \"Danger\";\r\n    }\r\n}","<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>","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","<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>","// Angular\r\nimport { Component, EventEmitter, Input, Output } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: \"ops-menu-operation\",\r\n    templateUrl: \"./ops-menu-operation.component.html\"\r\n})\r\nexport class OperationsMenuOperationComponent {\r\n    // Se valorizzato, non verrà più emesso l'output \"onClick\"\r\n    @Input() RouterLink: any[] = null;\r\n    // Passacarte per il vero evento \"click\" del componente\r\n    @Output() onClick: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    constructor() { }\r\n\r\n    emitClick() {\r\n        this.onClick.emit();\r\n    }\r\n}","<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>","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\n\r\n// Applicazione\r\n\r\n@Component({\r\n    selector: \"ops-menu-category\",\r\n    templateUrl: \"./ops-menu-category.component.html\"\r\n})\r\nexport class OperationsMenuCategoryComponent {\r\n    @Input() Name: string = \"Nuova categoria\";\r\n    @Input() Expanded: boolean = false;\r\n\r\n    constructor() { }\r\n}","<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>","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\n\r\n// Applicazione\r\n\r\n@Component({\r\n    selector: \"ops-menu\",\r\n    templateUrl: \"./ops-menu.component.html\"\r\n})\r\nexport class OperationsMenuComponent {\r\n    constructor() { }\r\n}","<!-- 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>","// Modules\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { RouterModule } from '@angular/router';\r\nimport { MatExpansionModule } from \"@angular/material/expansion\";\r\n\r\n// Components\r\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\r\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\r\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\r\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\r\nimport { OperationsMenuOperationComponent } from './components/operations/ops-menu-operation/ops-menu-operation.component';\r\nimport { OperationsMenuCategoryComponent } from './components/operations/ops-menu-category/ops-menu-category.component';\r\nimport { OperationsMenuComponent } from './components/operations/ops-menu/ops-menu.component';\r\n\r\nconst COMPONENTS = [\r\n  CurrencySpanComponent,\r\n  ShortenSpanComponent,\r\n  StatusBadgeComponent,\r\n  SimpleDropdownComponent,\r\n  OperationsMenuOperationComponent,\r\n  OperationsMenuCategoryComponent,\r\n  OperationsMenuComponent\r\n];\r\n\r\n@NgModule({\r\n  declarations: [\r\n    COMPONENTS\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    MatExpansionModule,\r\n    ToastrModule,\r\n    RouterModule\r\n  ],\r\n  exports: [\r\n    COMPONENTS\r\n  ]\r\n})\r\nexport class UtilityComponentsModule { }","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/*\r\n * Public API Surface of utility-components\r\n */\r\n\r\nexport * from './lib/utility-components.module';\r\nexport * from './lib/components/operations/ops-menu/ops-menu.component';\r\nexport * from './lib/components/operations/ops-menu-category/ops-menu-category.component';\r\nexport * from './lib/components/operations/ops-menu-operation/ops-menu-operation.component';\r\nexport * from './lib/components/currency-span/currency-span.component';\r\nexport * from './lib/components/shorten-span/shorten-span.component';\r\nexport * from './lib/components/simple-dropdown/simple-dropdown.component';\r\nexport * from './lib/components/status-badge/status-badge.component';\r\nexport * from './lib/models/DropdownOption';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i3","i2"],"mappings":"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"}

package/lib/components/currency-span/currency-span.component.d.ts

@@ -6,7 +6,7 @@ export declare class CurrencySpanComponent {
     /** Tipo in base al quale formattare il valore **CurrencyValue** */
     CurrencyType: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CurrencySpanComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CurrencySpanComponent, "currency-span", never, { "CurrencyValue": "CurrencyValue"; "CurrencyType": "CurrencyType"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CurrencySpanComponent, "currency-span", never, { "CurrencyValue": { "alias": "CurrencyValue"; "required": false; }; "CurrencyType": { "alias": "CurrencyType"; "required": false; }; }, {}, never, never, false, never>;
 }
 /**
  * @ignore

package/lib/components/operations/ops-menu-category/ops-menu-category.component.d.ts

@@ -4,5 +4,5 @@ export declare class OperationsMenuCategoryComponent {
     Expanded: boolean;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<OperationsMenuCategoryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OperationsMenuCategoryComponent, "ops-menu-category", never, { "Name": "Name"; "Expanded": "Expanded"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OperationsMenuCategoryComponent, "ops-menu-category", never, { "Name": { "alias": "Name"; "required": false; }; "Expanded": { "alias": "Expanded"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/components/operations/ops-menu-operation/ops-menu-operation.component.d.ts

@@ -6,5 +6,5 @@ export declare class OperationsMenuOperationComponent {
     constructor();
     emitClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OperationsMenuOperationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OperationsMenuOperationComponent, "ops-menu-operation", never, { "RouterLink": "RouterLink"; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OperationsMenuOperationComponent, "ops-menu-operation", never, { "RouterLink": { "alias": "RouterLink"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
 }

package/lib/components/shorten-span/shorten-span.component.d.ts

@@ -26,5 +26,5 @@ export declare class ShortenSpanComponent {
      */
     copyToClipboard(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShortenSpanComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShortenSpanComponent, "shorten-span", never, { "Bold": "Bold"; "Text": "Text"; "MaxLength": "MaxLength"; "ClipboardCopy": "ClipboardCopy"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShortenSpanComponent, "shorten-span", never, { "Bold": { "alias": "Bold"; "required": false; }; "Text": { "alias": "Text"; "required": false; }; "MaxLength": { "alias": "MaxLength"; "required": false; }; "ClipboardCopy": { "alias": "ClipboardCopy"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/simple-dropdown/simple-dropdown.component.d.ts

@@ -15,5 +15,5 @@ export declare class SimpleDropdownComponent {
     /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */
     Show(event: MouseEvent): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SimpleDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SimpleDropdownComponent, "simple-dropdown", never, { "Options": "Options"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimpleDropdownComponent, "simple-dropdown", never, { "Options": { "alias": "Options"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/status-badge/status-badge.component.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
 /**
  * Questo componente serve a mostrare un badge di stato, con un testo **Status**.
@@ -22,7 +23,12 @@ export declare class StatusBadgeComponent {
     Success: boolean;
     /** Valore boolen relativo al binding del livello badge - (Danger) */
     Danger: boolean;
+    /** Indica se la card è cliccabile e mette gli stili di hover se servono */
+    Clickable: boolean;
+    /** Evento di click sparato se l'elemento è cliccabile */
+    onClick: EventEmitter<void>;
+    handleClick(): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StatusBadgeComponent, "status-badge", never, { "Status": "Status"; "Zoom": "Zoom"; "Top": "Top"; "Right": "Right"; "Level": "Level"; "Info": "Info"; "Warning": "Warning"; "Success": "Success"; "Danger": "Danger"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusBadgeComponent, "status-badge", never, { "Status": { "alias": "Status"; "required": false; }; "Zoom": { "alias": "Zoom"; "required": false; }; "Top": { "alias": "Top"; "required": false; }; "Right": { "alias": "Right"; "required": false; }; "Level": { "alias": "Level"; "required": false; }; "Info": { "alias": "Info"; "required": false; }; "Warning": { "alias": "Warning"; "required": false; }; "Success": { "alias": "Success"; "required": false; }; "Danger": { "alias": "Danger"; "required": false; }; "Clickable": { "alias": "Clickable"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
 }

package/package.json

@@ -1,20 +1,16 @@
 {
   "name": "@esfaenza/utility-components",
-  "version": "15.2.5",
+  "version": "16.0.1",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "^15.2.9",
-    "@angular/core": "^15.2.9",
-    "@esfaenza/localizations": "^15.2.8",
-    "@esfaenza/extensions": "^15.2.8"
+    "@angular/common": "^16.2.12",
+    "@angular/core": "^16.2.12",
+    "@esfaenza/localizations": "^16.0.1",
+    "@esfaenza/extensions": "^16.0.1"
   },
-  "module": "fesm2015/esfaenza-utility-components.mjs",
-  "es2020": "fesm2020/esfaenza-utility-components.mjs",
-  "esm2020": "esm2020/esfaenza-utility-components.mjs",
-  "fesm2020": "fesm2020/esfaenza-utility-components.mjs",
-  "fesm2015": "fesm2015/esfaenza-utility-components.mjs",
+  "module": "fesm2022/esfaenza-utility-components.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -22,11 +18,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/esfaenza-utility-components.mjs",
-      "es2020": "./fesm2020/esfaenza-utility-components.mjs",
-      "es2015": "./fesm2015/esfaenza-utility-components.mjs",
-      "node": "./fesm2015/esfaenza-utility-components.mjs",
-      "default": "./fesm2020/esfaenza-utility-components.mjs"
+      "esm2022": "./esm2022/esfaenza-utility-components.mjs",
+      "esm": "./esm2022/esfaenza-utility-components.mjs",
+      "default": "./fesm2022/esfaenza-utility-components.mjs"
     }
   },
   "sideEffects": false

package/esm2020/lib/components/status-badge/status-badge.component.mjs

@@ -1,51 +0,0 @@
-// Angular
-import { Component, Input } from "@angular/core";
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-/**
- * Questo componente serve a mostrare un badge di stato, con un testo **Status**.
- * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger**
- */
-export 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";
-    }
-    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";
-    }
-}
-StatusBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StatusBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StatusBadgeComponent, selector: "status-badge", inputs: { Status: "Status", Zoom: "Zoom", Top: "Top", Right: "Right", Level: "Level", Info: "Info", Warning: "Warning", Success: "Success", Danger: "Danger" }, ngImport: i0, template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\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</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: "15.2.9", ngImport: i0, type: StatusBadgeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "status-badge", template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\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</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
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91dGlsaXR5LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXR1cy1iYWRnZS9zdGF0dXMtYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFakQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQVFJLDBEQUEwRDtRQUMxQyxTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBQ2pDLHlDQUF5QztRQUN6QixRQUFHLEdBQVcsTUFBTSxDQUFDO1FBQ3JDLDJDQUEyQztRQUMzQixVQUFLLEdBQVcsS0FBSyxDQUFDO0tBb0J6QztJQVJHLFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUztZQUMvQyxPQUFPO1FBQ1gsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQztRQUNqQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksU0FBUyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTLENBQUM7UUFDdkMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLFFBQVEsQ0FBQztJQUN6QyxDQUFDOztpSEEzQlEsb0JBQW9CO3FHQUFwQixvQkFBb0Isb05DWmpDLHMwQkFlTTsyRkRITyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0ksY0FBYzs4QkFNUixNQUFNO3NCQUFyQixLQUFLO2dCQUVVLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVUsR0FBRztzQkFBbEIsS0FBSztnQkFFVSxLQUFLO3NCQUFwQixLQUFLO2dCQUVVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFFVSxPQUFPO3NCQUF0QixLQUFLO2dCQUVVLE9BQU87c0JBQXRCLEtBQUs7Z0JBRVUsTUFBTTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFuZ3VsYXJcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG4vKiogXHJcbiAqIFF1ZXN0byBjb21wb25lbnRlIHNlcnZlIGEgbW9zdHJhcmUgdW4gYmFkZ2UgZGkgc3RhdG8sIGNvbiB1biB0ZXN0byAqKlN0YXR1cyoqLlxyXG4gKiBDb2xvcmF0byBpbiBiYXNlIGEgY29uZGl6aW9uaSBkaSAqKkluZm8qKiwgKipTdWNjZXNzKiosICoqV2FybmluZyoqIG8gKipEYW5nZXIqKiBcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwic3RhdHVzLWJhZGdlXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCJzdGF0dXMtYmFkZ2UuY29tcG9uZW50Lmh0bWxcIixcclxuICAgIHN0eWxlVXJsczogW1wiLi9zdGF0dXMtYmFkZ2UuY29tcG9uZW50LnNjc3NcIl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YXR1c0JhZGdlQ29tcG9uZW50IHtcclxuICAgIC8qKiBFdGljaGV0dGEgZGEgbW9zdHJhcmUgbmVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3RhdHVzOiBzdHJpbmc7XHJcbiAgICAvKiogRGltZW5zaW9uZSBkZWwgYmFkZ2UsIGluIHZhbG9yZSBudW1lcmljbyAoMSA9IDEwMCUpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgWm9vbTogbnVtYmVyID0gMTtcclxuICAgIC8qKiBWYWxvcmUgZGVsbG8gc3RpbGUgJ3RvcCcgZGVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgVG9wOiBzdHJpbmcgPSBcIjIwcHhcIjtcclxuICAgIC8qKiBWYWxvcmUgZGVsbG8gc3RpbGUgJ3JpZ2h0JyBkZWwgYmFkZ2UgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBSaWdodDogc3RyaW5nID0gXCIwcHhcIjtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBsYSBnZXN0aW9uZSBkZWwgbGl2ZWxsbyBkZWwgYmFkZ2UgLSAoSW5mbyBvIFdhcm5pbmcgbyBTdWNjZXNzIG8gRGFuZ2VyKSovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgTGV2ZWw6ICdJbmZvJyB8ICdXYXJuaW5nJyB8ICdTdWNjZXNzJyB8ICdEYW5nZXInO1xyXG4gICAgLyoqIFZhbG9yZSBib29sZW4gcmVsYXRpdm8gYWwgYmluZGluZyBkZWwgbGl2ZWxsbyBiYWRnZSAtIChJbmZvKSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIEluZm86IGJvb2xlYW47XHJcbiAgICAvKiogVmFsb3JlIGJvb2xlbiByZWxhdGl2byBhbCBiaW5kaW5nIGRlbCBsaXZlbGxvIGJhZGdlIC0gKFdhcm5pbmcpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgV2FybmluZzogYm9vbGVhbjtcclxuICAgIC8qKiBWYWxvcmUgYm9vbGVuIHJlbGF0aXZvIGFsIGJpbmRpbmcgZGVsIGxpdmVsbG8gYmFkZ2UgLSAoU3VjY2VzcykgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBTdWNjZXNzOiBib29sZWFuO1xyXG4gICAgLyoqIFZhbG9yZSBib29sZW4gcmVsYXRpdm8gYWwgYmluZGluZyBkZWwgbGl2ZWxsbyBiYWRnZSAtIChEYW5nZXIpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgRGFuZ2VyOiBib29sZWFuO1xyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIGlmICh0aGlzLkxldmVsID09PSBudWxsIHx8IHRoaXMuTGV2ZWwgPT09IHVuZGVmaW5lZClcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIHRoaXMuSW5mbyA9IHRoaXMuTGV2ZWwgPT0gXCJJbmZvXCI7XHJcbiAgICAgICAgdGhpcy5XYXJuaW5nID0gdGhpcy5MZXZlbCA9PSBcIldhcm5pbmdcIjtcclxuICAgICAgICB0aGlzLlN1Y2Nlc3MgPSB0aGlzLkxldmVsID09IFwiU3VjY2Vzc1wiO1xyXG4gICAgICAgIHRoaXMuRGFuZ2VyID0gdGhpcy5MZXZlbCA9PSBcIkRhbmdlclwiO1xyXG4gICAgfVxyXG59IiwiPGRpdiBjbGFzcz1cInN0YXR1cy1iYWRnZS1jb250YWluZXIgdXRpbHMtbm8tc2VsZWN0aW9uXCIgW3N0eWxlLm1hcmdpbi10b3BdPVwiVG9wXCIgW3N0eWxlLm1hcmdpbi1yaWdodF09XCJSaWdodFwiIFtzdHlsZS56b29tXT1cIlpvb21cIiBbc3R5bGUuLW1vei10cmFuc2Zvcm1dPVwiJ3NjYWxlKCcgKyBab29tICsgJyknXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cInN0YXR1cy1iYWRnZVwiXHJcbiAgICAgICAgICBbY2xhc3Muc3RhdHVzLWJhZGdlLWluZm9dPVwiSW5mb1wiXHJcbiAgICAgICAgICBbY2xhc3Muc3RhdHVzLWJhZGdlLXdhcm5pbmddPVwiV2FybmluZ1wiXHJcbiAgICAgICAgICBbY2xhc3Muc3RhdHVzLWJhZGdlLXN1Y2Nlc3NdPVwiU3VjY2Vzc1wiXHJcbiAgICAgICAgICBbY2xhc3Muc3RhdHVzLWJhZGdlLWRhbmdlcl09XCJEYW5nZXJcIj5cclxuICAgICAgICA8aSBzdHlsZT1cImZvbnQtc2l6ZTogMThweDtcIlxyXG4gICAgICAgICAgIGNsYXNzPVwiZmFcIiBcclxuICAgICAgICAgICBbY2xhc3MuZmEtaW5mby1jaXJjbGVdPVwiSW5mb1wiIFxyXG4gICAgICAgICAgIFtjbGFzcy5mYS1leGNsYW1hdGlvbi1jaXJjbGVdPVwiV2FybmluZ1wiIFxyXG4gICAgICAgICAgIFtjbGFzcy5mYS1jaGVjay1jaXJjbGVdPVwiU3VjY2Vzc1wiIFxyXG4gICAgICAgICAgIFtjbGFzcy5mYS10aW1lcy1jaXJjbGVdPVwiRGFuZ2VyXCI+XHJcbiAgICAgICAgPC9pPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiU3RhdHVzXCIgY2xhc3M9XCJtbC0yIGFwcC1ib2xkXCI+e3tTdGF0dXMudG9VcHBlckNhc2UoKX19PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG48L2Rpdj4iXX0=