@esfaenza/utility-components 11.2.6 → 11.2.7

package/bundles/esfaenza-utility-components.umd.js

@@ -98,22 +98,20 @@
             this.Top = "20px";
             /** Valore dello stile 'right' del badge */
             this.Right = "0px";
-            /** Condizione per cui il badge carichi gli stili 'Info' */
-            this.Info = true;
-            /** Condizione per cui il badge carichi gli stili 'Warning' */
-            this.Warning = false;
-            /** Condizione per cui il badge carichi gli stili 'Success' */
-            this.Success = false;
-            /** Condizione per cui il badge carichi gli stili 'Danger' */
-            this.Danger = false;
         }
+        StatusBadgeComponent.prototype.ngOnInit = function () {
+            this.Info = this.Level == "Info";
+            this.Warning = this.Level == "Warning";
+            this.Success = this.Level == "Success";
+            this.Danger = this.Level == "Danger";
+        };
         return StatusBadgeComponent;
     }());
     StatusBadgeComponent.decorators = [
         { type: core.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\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </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 #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
+                    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           \r\n           >\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </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}"]
                 },] }
     ];
     StatusBadgeComponent.propDecorators = {
@@ -121,6 +119,7 @@
         Zoom: [{ type: core.Input }],
         Top: [{ type: core.Input }],
         Right: [{ type: core.Input }],
+        Level: [{ type: core.Input }],
         Info: [{ type: core.Input }],
         Warning: [{ type: core.Input }],
         Success: [{ type: core.Input }],

package/bundles/esfaenza-utility-components.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"esfaenza-utility-components.umd.js","sources":["../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// 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: string | 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}","// 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}","// Angular\r\nimport { Component, Input } 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 cui il badge carichi gli stili 'Info' */\r\n    @Input() public Info: boolean = true;\r\n    /** Condizione per cui il badge carichi gli stili 'Warning' */\r\n    @Input() public Warning: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Success' */\r\n    @Input() public Success: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Danger' */\r\n    @Input() public Danger: boolean = false;\r\n}","// 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}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\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\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** 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 * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}","/*\n * Public API Surface of utility-components\n */\n\nexport * from './lib/utility-components.module';\nexport * from './lib/components/currency-span/currency-span.component';\nexport * from './lib/components/shorten-span/shorten-span.component';\nexport * from './lib/components/simple-dropdown/simple-dropdown.component';\nexport * from './lib/components/status-badge/status-badge.component';\nexport * from './lib/models/DropdownOption';\nexport * from './lib/models/UtilityComponentsModuleConfig';\nexport * from './lib/tokens';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","CurrencyType","Component","Input","ToastrService","ClipboardService","ViewEncapsulation","ViewChild","MatMenuTrigger","NgModule","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule"],"mappings":";;;;;;IAEA;QACa,WAAW,GAA2B,IAAIA,mBAAc,CAAS,aAAa,EAAE;IAC7F;QACa,eAAe,GAA4B,IAAIA,mBAAc,CAAU,iBAAiB;;ICLrG;IAGA;;QACA;;YAQa,iBAAY,GAAWC,oBAAY,CAAC,KAAK,CAAC;SACtD;;;;gBATAC,cAAS,SAAC;oBACP,QAAQ,EAAE,eAAe;oBACzB,gRAA2C;iBAC9C;;;gCAGIC,UAAK;+BAELA,UAAK;;IAQV,WAAY,YAAY;QACpB,8BAAS,CAAA;QACT,yBAAS,CAAA;QACT,yBAAS,CAAA;QACT,0BAAU,CAAA;IACd,CAAC,EALWF,oBAAY,KAAZA,oBAAY;;ICpBxB;IASA;;;QAiBI,8BAAoB,aAA4B,EAAU,gBAAkC;YAAxE,kBAAa,GAAb,aAAa,CAAe;YAAU,qBAAgB,GAAhB,gBAAgB,CAAkB;;YATnF,SAAI,GAAY,KAAK,CAAC;;YAItB,cAAS,GAAW,GAAG,CAAC;;YAExB,kBAAa,GAAY,KAAK,CAAC;;YAMjC,gBAAW,GAAG,IAAI,CAAC;SAHuE;;QAMjG,uCAAQ,GAAR;;YACI,IAAI,CAAC,WAAW,GAAG,OAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,KAAI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAC7E;;;;;;QAOD,8CAAe,GAAf,UAAgB,KAAa;YACzB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC,CAAC;SAC1F;;;;gBAlCJC,cAAS,SAAC;oBACP,QAAQ,EAAE,cAAc;oBACxB,uRAA0C;;iBAE7C;;;gBAPQE,uBAAa;gBAHbC,2BAAgB;;;uBAapBF,UAAK;uBAELA,UAAK;4BAELA,UAAK;gCAELA,UAAK;;;ICvBV;IAGA;;;;;QAIA;;YASoB,SAAI,GAAW,CAAC,CAAC;;YAEjB,QAAG,GAAW,MAAM,CAAC;;YAErB,UAAK,GAAW,KAAK,CAAC;;YAEtB,SAAI,GAAY,IAAI,CAAC;;YAErB,YAAO,GAAY,KAAK,CAAC;;YAEzB,YAAO,GAAY,KAAK,CAAC;;YAEzB,WAAM,GAAY,KAAK,CAAC;SAC3C;;;;gBAtBAD,cAAS,SAAC;oBACP,QAAQ,EAAE,cAAc;oBACxB,urCAA0C;;iBAE7C;;;yBAGIC,UAAK;uBAELA,UAAK;sBAELA,UAAK;wBAELA,UAAK;uBAELA,UAAK;0BAELA,UAAK;0BAELA,UAAK;yBAELA,UAAK;;;IC5BV;IAOA;;QACA;;YAUa,YAAO,GAAqB,EAAE,CAAC;;YAEjC,iBAAY,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAA;SAS3C;;QAPU,sCAAI,GAAJ,UAAK,KAAiB;YACzB,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3C,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3C,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;YAE/B,OAAO,KAAK,CAAC;SAChB;;;;gBApBJD,cAAS,SAAC;oBACP,QAAQ,EAAE,iBAAiB;oBAC3B,8ZAA6C;oBAE7C,aAAa,EAAEI,sBAAiB,CAAC,IAAI;;iBACxC;;;iCAGIC,cAAS,SAACC,mBAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;0BAE1CL,UAAK;;;IClBV;;QAqCA;;QACS,+BAAO,GAAd,UAAe,MAAsC;YACnD,OAAO;gBACL,QAAQ,EAAE,uBAAuB;gBACjC,SAAS,EAAE;oBACT,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,OAAO,EAAE;oBAC7D,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,GAAG,KAAK,EAAE;iBAC9F;aACF,CAAC;SACH;;;;gBA9BFM,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;wBACrB,oBAAoB;wBACpB,oBAAoB;wBACpB,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,wBAAgB;wBAChBC,kBAAa;wBACbC,+BAAoB;wBACpBC,sBAAY;qBACb;oBACD,OAAO,EAAE;wBACP,qBAAqB;wBACrB,oBAAoB;wBACpB,oBAAoB;wBACpB,uBAAuB;qBACxB;iBACF;;;ICpCD;;QACA;SAKC;6BAAA;KAAA;;ICND;;;;QAGC;SAKA;4CAAA;KAAA;;ICRD;;;;ICAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"esfaenza-utility-components.umd.js","sources":["../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// 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: string | 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}","// 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}","// Angular\r\nimport { Component, Input } 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\r\n    ngOnInit() {\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}","// 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}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\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\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** 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 * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\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/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';\r\nexport * from './lib/models/UtilityComponentsModuleConfig';\r\nexport * from './lib/tokens';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","CurrencyType","Component","Input","ToastrService","ClipboardService","ViewEncapsulation","ViewChild","MatMenuTrigger","NgModule","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule"],"mappings":"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"}

package/bundles/esfaenza-utility-components.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("ngx-toastr"),require("@esfaenza/extensions"),require("@angular/material/tooltip"),require("@angular/material/menu")):"function"==typeof define&&define.amd?define("@esfaenza/utility-components",["exports","@angular/core","@angular/common","ngx-toastr","@esfaenza/extensions","@angular/material/tooltip","@angular/material/menu"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).esfaenza=e.esfaenza||{},e.esfaenza["utility-components"]={}),e.ng.core,e.ng.common,e.ngxToastr,e.extensions,e.ng.material.tooltip,e.ng.material.menu)}(this,(function(e,t,n,o,s,r,i){"use strict";var a,l=new t.InjectionToken("UCCO_LOCALE"),p=new t.InjectionToken("UCCO_DEBUG_MODE"),u=function(){this.CurrencyType=e.CurrencyType.EMPTY};u.decorators=[{type:t.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>"}]}],u.propDecorators={CurrencyValue:[{type:t.Input}],CurrencyType:[{type:t.Input}]},(a=e.CurrencyType||(e.CurrencyType={})).EUR="€",a.USD="$",a.CAD="$",a.EMPTY="";var c=function(){function e(e,t){this.toastrService=e,this.clipboardService=t,this.Bold=!1,this.MaxLength=999,this.ClipboardCopy=!1,this.ShowTooltip=null}return e.prototype.ngOnInit=function(){var e;this.ShowTooltip=(null===(e=this.Text)||void 0===e?void 0:e.length)>=this.MaxLength?this.Text:null},e.prototype.copyToClipboard=function(e){this.clipboardService.copyTextToClipboard(e),this.toastrService.info("Testo copiato!",null,{positionClass:"toast-top-center"})},e}();c.decorators=[{type:t.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}"]}]}],c.ctorParameters=function(){return[{type:o.ToastrService},{type:s.ClipboardService}]},c.propDecorators={Bold:[{type:t.Input}],Text:[{type:t.Input}],MaxLength:[{type:t.Input}],ClipboardCopy:[{type:t.Input}]};var d=function(){this.Zoom=1,this.Top="20px",this.Right="0px",this.Info=!0,this.Warning=!1,this.Success=!1,this.Danger=!1};d.decorators=[{type:t.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" [class.text-info]="Info"\r\n           [class.fa-exclamation-circle]="Warning" [class.text-warning]="Warning"\r\n           [class.fa-check-circle]="Success" [class.text-success]="Success"\r\n           [class.fa-times-circle]="Danger" [class.text-danger]="Danger">\r\n        </i>\r\n        <span *ngIf="Status" \r\n              class="ml-2 app-bold"\r\n              [class.text-info]="Info"\r\n              [class.text-warning]="Warning"\r\n              [class.text-success]="Success"\r\n              [class.text-danger]="Danger">\r\n            {{Status.toUpperCase()}}\r\n        </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 #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]}]}],d.propDecorators={Status:[{type:t.Input}],Zoom:[{type:t.Input}],Top:[{type:t.Input}],Right:[{type:t.Input}],Info:[{type:t.Input}],Warning:[{type:t.Input}],Success:[{type:t.Input}],Danger:[{type:t.Input}]};var g=function(){function e(){this.Options=[],this.MenuPosition={x:"0",y:"0"}}return e.prototype.Show=function(e){return this.MenuPosition.x=e.clientX+"px",this.MenuPosition.y=e.clientY+"px",this.matMenuTrigger.openMenu(),!1},e}();g.decorators=[{type:t.Component,args:[{selector:"simple-dropdown",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>',encapsulation:t.ViewEncapsulation.None,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}"]}]}],g.propDecorators={matMenuTrigger:[{type:t.ViewChild,args:[i.MatMenuTrigger,{static:!0}]}],Options:[{type:t.Input}]};var m=function(){function e(){}return e.forRoot=function(t){return{ngModule:e,providers:[{provide:l,useValue:(null==t?void 0:t.locale)||"it-IT"},{provide:p,useValue:null!=(null==t?void 0:t.debugMode)&&(null==t?void 0:t.debugMode)}]}},e}();m.decorators=[{type:t.NgModule,args:[{declarations:[u,c,d,g],imports:[n.CommonModule,r.MatTooltipModule,i.MatMenuModule,s.FullExtensionsModule,o.ToastrModule],exports:[u,c,d,g]}]}];var y=function(){},f=function(){};e.CurrencySpanComponent=u,e.DropdownOption=y,e.ShortenSpanComponent=c,e.SimpleDropdownComponent=g,e.StatusBadgeComponent=d,e.UCCO_DEBUG_MODE=p,e.UCCO_LOCALE=l,e.UtilityComponentsModule=m,e.UtilityComponentsModuleConfig=f,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("ngx-toastr"),require("@esfaenza/extensions"),require("@angular/material/tooltip"),require("@angular/material/menu")):"function"==typeof define&&define.amd?define("@esfaenza/utility-components",["exports","@angular/core","@angular/common","ngx-toastr","@esfaenza/extensions","@angular/material/tooltip","@angular/material/menu"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).esfaenza=e.esfaenza||{},e.esfaenza["utility-components"]={}),e.ng.core,e.ng.common,e.ngxToastr,e.extensions,e.ng.material.tooltip,e.ng.material.menu)}(this,(function(e,t,n,o,r,s,i){"use strict";var a,l=new t.InjectionToken("UCCO_LOCALE"),p=new t.InjectionToken("UCCO_DEBUG_MODE"),u=function(){this.CurrencyType=e.CurrencyType.EMPTY};u.decorators=[{type:t.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>"}]}],u.propDecorators={CurrencyValue:[{type:t.Input}],CurrencyType:[{type:t.Input}]},(a=e.CurrencyType||(e.CurrencyType={})).EUR="€",a.USD="$",a.CAD="$",a.EMPTY="";var c=function(){function e(e,t){this.toastrService=e,this.clipboardService=t,this.Bold=!1,this.MaxLength=999,this.ClipboardCopy=!1,this.ShowTooltip=null}return e.prototype.ngOnInit=function(){var e;this.ShowTooltip=(null===(e=this.Text)||void 0===e?void 0:e.length)>=this.MaxLength?this.Text:null},e.prototype.copyToClipboard=function(e){this.clipboardService.copyTextToClipboard(e),this.toastrService.info("Testo copiato!",null,{positionClass:"toast-top-center"})},e}();c.decorators=[{type:t.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}"]}]}],c.ctorParameters=function(){return[{type:o.ToastrService},{type:r.ClipboardService}]},c.propDecorators={Bold:[{type:t.Input}],Text:[{type:t.Input}],MaxLength:[{type:t.Input}],ClipboardCopy:[{type:t.Input}]};var d=function(){function e(){this.Zoom=1,this.Top="20px",this.Right="0px"}return e.prototype.ngOnInit=function(){this.Info="Info"==this.Level,this.Warning="Warning"==this.Level,this.Success="Success"==this.Level,this.Danger="Danger"==this.Level},e}();d.decorators=[{type:t.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           \r\n           >\r\n        </i>\r\n        <span *ngIf="Status" \r\n              class="ml-2 app-bold"\r\n              [class.text-info]="Info"\r\n              [class.text-warning]="Warning"\r\n              [class.text-success]="Success"\r\n              [class.text-danger]="Danger">\r\n            {{Status.toUpperCase()}}\r\n        </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}"]}]}],d.propDecorators={Status:[{type:t.Input}],Zoom:[{type:t.Input}],Top:[{type:t.Input}],Right:[{type:t.Input}],Level:[{type:t.Input}],Info:[{type:t.Input}],Warning:[{type:t.Input}],Success:[{type:t.Input}],Danger:[{type:t.Input}]};var g=function(){function e(){this.Options=[],this.MenuPosition={x:"0",y:"0"}}return e.prototype.Show=function(e){return this.MenuPosition.x=e.clientX+"px",this.MenuPosition.y=e.clientY+"px",this.matMenuTrigger.openMenu(),!1},e}();g.decorators=[{type:t.Component,args:[{selector:"simple-dropdown",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>',encapsulation:t.ViewEncapsulation.None,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}"]}]}],g.propDecorators={matMenuTrigger:[{type:t.ViewChild,args:[i.MatMenuTrigger,{static:!0}]}],Options:[{type:t.Input}]};var m=function(){function e(){}return e.forRoot=function(t){return{ngModule:e,providers:[{provide:l,useValue:(null==t?void 0:t.locale)||"it-IT"},{provide:p,useValue:null!=(null==t?void 0:t.debugMode)&&(null==t?void 0:t.debugMode)}]}},e}();m.decorators=[{type:t.NgModule,args:[{declarations:[u,c,d,g],imports:[n.CommonModule,s.MatTooltipModule,i.MatMenuModule,r.FullExtensionsModule,o.ToastrModule],exports:[u,c,d,g]}]}];var y=function(){},f=function(){};e.CurrencySpanComponent=u,e.DropdownOption=y,e.ShortenSpanComponent=c,e.SimpleDropdownComponent=g,e.StatusBadgeComponent=d,e.UCCO_DEBUG_MODE=p,e.UCCO_LOCALE=l,e.UtilityComponentsModule=m,e.UtilityComponentsModuleConfig=f,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=esfaenza-utility-components.umd.min.js.map

package/bundles/esfaenza-utility-components.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts"],"names":["CurrencyType","UCCO_LOCALE","InjectionToken","UCCO_DEBUG_MODE","this","EMPTY","Component","args","selector","template","Input","ShortenSpanComponent","toastrService","clipboardService","Bold","MaxLength","ClipboardCopy","ShowTooltip","prototype","ngOnInit","_a","Text","length","copyToClipboard","value","copyTextToClipboard","info","positionClass","ToastrService","ClipboardService","Zoom","Top","Right","Info","Warning","Success","Danger","SimpleDropdownComponent","Options","MenuPosition","x","y","Show","event","clientX","clientY","matMenuTrigger","openMenu","encapsulation","ViewEncapsulation","None","ViewChild","MatMenuTrigger","static","UtilityComponentsModule","forRoot","config","ngModule","providers","provide","useValue","locale","debugMode","NgModule","declarations","CurrencySpanComponent","StatusBadgeComponent","imports","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule","exports"],"mappings":"qtBAoBYA,ECjBCC,EAAsC,IAAIC,EAAAA,eAAuB,eAEjEC,EAA2C,IAAID,EAAAA,eAAwB,qBDDpF,WAQaE,KAAAJ,aAAuBA,EAAAA,aAAaK,2BARhDC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAA,kTAICC,EAAAA,4BAEAA,EAAAA,UAQOV,EAAAA,EAAAA,eAAAA,EAAAA,aAAY,KACpB,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,MAAA,oBEEA,SAAAW,EAAoBC,EAAsCC,GAAtCT,KAAAQ,cAAAA,EAAsCR,KAAAS,iBAAAA,EATjDT,KAAAU,MAAgB,EAIhBV,KAAAW,UAAoB,IAEpBX,KAAAY,eAAyB,EAM3BZ,KAAAa,YAAc,YAGrBN,EAAAO,UAAAC,SAAA,iBACIf,KAAKa,aAAuB,QAATG,EAAAhB,KAAKiB,YAAI,IAAAD,OAAA,EAAAA,EAAEE,SAAUlB,KAAKW,UAAYX,KAAKiB,KAAO,MAQzEV,EAAAO,UAAAK,gBAAA,SAAgBC,GACZpB,KAAKS,iBAAiBY,oBAAoBD,GAC1CpB,KAAKQ,cAAcc,KAAK,iBAAkB,KAAM,CAAEC,cAAe,+CAjCxErB,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,miBALKmB,EAAAA,qBAHAC,EAAAA,kDAaJnB,EAAAA,oBAEAA,EAAAA,yBAEAA,EAAAA,6BAEAA,EAAAA,eChBL,WASoBN,KAAA0B,KAAe,EAEf1B,KAAA2B,IAAc,OAEd3B,KAAA4B,MAAgB,MAEhB5B,KAAA6B,MAAgB,EAEhB7B,KAAA8B,SAAmB,EAEnB9B,KAAA+B,SAAmB,EAEnB/B,KAAAgC,QAAkB,uBArBrC9B,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,wwDAKCC,EAAAA,oBAEAA,EAAAA,mBAEAA,EAAAA,qBAEAA,EAAAA,oBAEAA,EAAAA,uBAEAA,EAAAA,uBAEAA,EAAAA,sBAEAA,EAAAA,0BCpBL,SAAA2B,IAUajC,KAAAkC,QAA4B,GAE9BlC,KAAAmC,aAAe,CAAEC,EAAG,IAAKC,EAAG,YAE5BJ,EAAAnB,UAAAwB,KAAA,SAAKC,GAKR,OAJAvC,KAAKmC,aAAaC,EAAIG,EAAMC,QAAU,KACtCxC,KAAKmC,aAAaE,EAAIE,EAAME,QAAU,KACtCzC,KAAK0C,eAAeC,YAEb,4BAnBdzC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,kBACVC,SAAA,uYAEAuC,cAAeC,EAAAA,kBAAkBC,keAIhCC,EAAAA,UAAS5C,KAAA,CAAC6C,EAAAA,eAAgB,CAAEC,QAAQ,qBAEpC3C,EAAAA,0BCmBL,SAAA4C,YACSA,EAAAC,QAAP,SAAeC,GACb,MAAO,CACLC,SAAUH,EACVI,UAAW,CACT,CAAEC,QAAS1D,EAAa2D,UAAUJ,MAAAA,OAAM,EAANA,EAAQK,SAAU,SACpD,CAAEF,QAASxD,EAAiByD,SAA+B,OAArBJ,MAAAA,OAAM,EAANA,EAAQM,aAAoBN,MAAAA,OAAM,EAANA,EAAQM,wCA3BjFC,EAAAA,SAAQxD,KAAA,CAAC,CACRyD,aAAc,CACZC,EACAtD,EACAuD,EACA7B,GAEF8B,QAAS,CACPC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,cACAC,EAAAA,qBACAC,EAAAA,cAEFC,QAAS,CACPR,EACAtD,EACAuD,EACA7B,aCjCJ,eCEC","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: string | 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}","import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// 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}","// Angular\r\nimport { Component, Input } 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 cui il badge carichi gli stili 'Info' */\r\n    @Input() public Info: boolean = true;\r\n    /** Condizione per cui il badge carichi gli stili 'Warning' */\r\n    @Input() public Warning: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Success' */\r\n    @Input() public Success: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Danger' */\r\n    @Input() public Danger: boolean = false;\r\n}","// 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}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\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\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** 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 * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}"]}
+{"version":3,"sources":["../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts"],"names":["CurrencyType","UCCO_LOCALE","InjectionToken","UCCO_DEBUG_MODE","this","EMPTY","Component","args","selector","template","Input","ShortenSpanComponent","toastrService","clipboardService","Bold","MaxLength","ClipboardCopy","ShowTooltip","prototype","ngOnInit","_a","Text","length","copyToClipboard","value","copyTextToClipboard","info","positionClass","ToastrService","ClipboardService","StatusBadgeComponent","Zoom","Top","Right","Info","Level","Warning","Success","Danger","SimpleDropdownComponent","Options","MenuPosition","x","y","Show","event","clientX","clientY","matMenuTrigger","openMenu","encapsulation","ViewEncapsulation","None","ViewChild","MatMenuTrigger","static","UtilityComponentsModule","forRoot","config","ngModule","providers","provide","useValue","locale","debugMode","NgModule","declarations","CurrencySpanComponent","imports","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule","exports"],"mappings":"qtBAoBYA,ECjBCC,EAAsC,IAAIC,EAAAA,eAAuB,eAEjEC,EAA2C,IAAID,EAAAA,eAAwB,qBDDpF,WAQaE,KAAAJ,aAAuBA,EAAAA,aAAaK,2BARhDC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAA,kTAICC,EAAAA,4BAEAA,EAAAA,UAQOV,EAAAA,EAAAA,eAAAA,EAAAA,aAAY,KACpB,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,MAAA,oBEEA,SAAAW,EAAoBC,EAAsCC,GAAtCT,KAAAQ,cAAAA,EAAsCR,KAAAS,iBAAAA,EATjDT,KAAAU,MAAgB,EAIhBV,KAAAW,UAAoB,IAEpBX,KAAAY,eAAyB,EAM3BZ,KAAAa,YAAc,YAGrBN,EAAAO,UAAAC,SAAA,iBACIf,KAAKa,aAAuB,QAATG,EAAAhB,KAAKiB,YAAI,IAAAD,OAAA,EAAAA,EAAEE,SAAUlB,KAAKW,UAAYX,KAAKiB,KAAO,MAQzEV,EAAAO,UAAAK,gBAAA,SAAgBC,GACZpB,KAAKS,iBAAiBY,oBAAoBD,GAC1CpB,KAAKQ,cAAcc,KAAK,iBAAkB,KAAM,CAAEC,cAAe,+CAjCxErB,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,miBALKmB,EAAAA,qBAHAC,EAAAA,kDAaJnB,EAAAA,oBAEAA,EAAAA,yBAEAA,EAAAA,6BAEAA,EAAAA,0BChBL,SAAAoB,IASoB1B,KAAA2B,KAAe,EAEf3B,KAAA4B,IAAc,OAEd5B,KAAA6B,MAAgB,aAYhCH,EAAAZ,UAAAC,SAAA,WACIf,KAAK8B,KAAqB,QAAd9B,KAAK+B,MACjB/B,KAAKgC,QAAwB,WAAdhC,KAAK+B,MACpB/B,KAAKiC,QAAwB,WAAdjC,KAAK+B,MACpB/B,KAAKkC,OAAuB,UAAdlC,KAAK+B,gCA7B1B7B,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,8sDAKCC,EAAAA,oBAEAA,EAAAA,mBAEAA,EAAAA,qBAEAA,EAAAA,qBAEAA,EAAAA,oBAEAA,EAAAA,uBAEAA,EAAAA,uBAEAA,EAAAA,sBAEAA,EAAAA,0BCtBL,SAAA6B,IAUanC,KAAAoC,QAA4B,GAE9BpC,KAAAqC,aAAe,CAAEC,EAAG,IAAKC,EAAG,YAE5BJ,EAAArB,UAAA0B,KAAA,SAAKC,GAKR,OAJAzC,KAAKqC,aAAaC,EAAIG,EAAMC,QAAU,KACtC1C,KAAKqC,aAAaE,EAAIE,EAAME,QAAU,KACtC3C,KAAK4C,eAAeC,YAEb,4BAnBd3C,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,kBACVC,SAAA,uYAEAyC,cAAeC,EAAAA,kBAAkBC,keAIhCC,EAAAA,UAAS9C,KAAA,CAAC+C,EAAAA,eAAgB,CAAEC,QAAQ,qBAEpC7C,EAAAA,0BCmBL,SAAA8C,YACSA,EAAAC,QAAP,SAAeC,GACb,MAAO,CACLC,SAAUH,EACVI,UAAW,CACT,CAAEC,QAAS5D,EAAa6D,UAAUJ,MAAAA,OAAM,EAANA,EAAQK,SAAU,SACpD,CAAEF,QAAS1D,EAAiB2D,SAA+B,OAArBJ,MAAAA,OAAM,EAANA,EAAQM,aAAoBN,MAAAA,OAAM,EAANA,EAAQM,wCA3BjFC,EAAAA,SAAQ1D,KAAA,CAAC,CACR2D,aAAc,CACZC,EACAxD,EACAmB,EACAS,GAEF6B,QAAS,CACPC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,cACAC,EAAAA,qBACAC,EAAAA,cAEFC,QAAS,CACPP,EACAxD,EACAmB,EACAS,aCjCJ,eCEC","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: string | 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}","import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// 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}","// Angular\r\nimport { Component, Input } 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\r\n    ngOnInit() {\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}","// 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}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\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\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** 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 * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}"]}

package/esfaenza-utility-components.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"UtilityComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CurrencySpanComponent"},{"__symbolic":"reference","name":"ShortenSpanComponent"},{"__symbolic":"reference","name":"StatusBadgeComponent"},{"__symbolic":"reference","name":"SimpleDropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":26,"character":4},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"FullExtensionsModule","line":27,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"CurrencySpanComponent"},{"__symbolic":"reference","name":"ShortenSpanComponent"},{"__symbolic":"reference","name":"StatusBadgeComponent"},{"__symbolic":"reference","name":"SimpleDropdownComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"UtilityComponentsModule"},"providers":[{"provide":{"__symbolic":"reference","name":"UCCO_LOCALE"},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"locale"},"right":"it-IT"}},{"provide":{"__symbolic":"reference","name":"UCCO_DEBUG_MODE"},"useValue":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"!=","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"debugMode"},"right":null},"thenExpression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"debugMode"},"elseExpression":false}}]}}}},"CurrencySpanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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>"}]}],"members":{"CurrencyValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"CurrencyType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}]}},"CurrencyType":{"EUR":"€","USD":"$","CAD":"$","EMPTY":""},"ShortenSpanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"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}"]}]}],"members":{"Bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"Text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"MaxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"ClipboardCopy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":26,"character":39},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"ClipboardService","line":26,"character":80}]}],"ngOnInit":[{"__symbolic":"method"}],"copyToClipboard":[{"__symbolic":"method"}]}},"SimpleDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"simple-dropdown","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":19},"member":"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}"]}]}],"members":{"matMenuTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":16,"character":15},{"static":true}]}]}],"Options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"Show":[{"__symbolic":"method"}]}},"StatusBadgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"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\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </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 #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]}]}],"members":{"Status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"Zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"Top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"Right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"Info":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"Warning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"Success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"Danger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}]}},"DropdownOption":{"__symbolic":"class","members":{}},"UtilityComponentsModuleConfig":{"__symbolic":"class","members":{}},"UCCO_LOCALE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":55},"arguments":["UCCO_LOCALE"]},"UCCO_DEBUG_MODE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":60},"arguments":["UCCO_DEBUG_MODE"]}},"origins":{"UtilityComponentsModule":"./lib/utility-components.module","CurrencySpanComponent":"./lib/components/currency-span/currency-span.component","CurrencyType":"./lib/components/currency-span/currency-span.component","ShortenSpanComponent":"./lib/components/shorten-span/shorten-span.component","SimpleDropdownComponent":"./lib/components/simple-dropdown/simple-dropdown.component","StatusBadgeComponent":"./lib/components/status-badge/status-badge.component","DropdownOption":"./lib/models/DropdownOption","UtilityComponentsModuleConfig":"./lib/models/UtilityComponentsModuleConfig","UCCO_LOCALE":"./lib/tokens","UCCO_DEBUG_MODE":"./lib/tokens"},"importAs":"@esfaenza/utility-components"}
+{"__symbolic":"module","version":4,"metadata":{"UtilityComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CurrencySpanComponent"},{"__symbolic":"reference","name":"ShortenSpanComponent"},{"__symbolic":"reference","name":"StatusBadgeComponent"},{"__symbolic":"reference","name":"SimpleDropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":26,"character":4},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"FullExtensionsModule","line":27,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"CurrencySpanComponent"},{"__symbolic":"reference","name":"ShortenSpanComponent"},{"__symbolic":"reference","name":"StatusBadgeComponent"},{"__symbolic":"reference","name":"SimpleDropdownComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"UtilityComponentsModule"},"providers":[{"provide":{"__symbolic":"reference","name":"UCCO_LOCALE"},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"locale"},"right":"it-IT"}},{"provide":{"__symbolic":"reference","name":"UCCO_DEBUG_MODE"},"useValue":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"!=","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"debugMode"},"right":null},"thenExpression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"debugMode"},"elseExpression":false}}]}}}},"CurrencySpanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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>"}]}],"members":{"CurrencyValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"CurrencyType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}]}},"CurrencyType":{"EUR":"€","USD":"$","CAD":"$","EMPTY":""},"ShortenSpanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"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}"]}]}],"members":{"Bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"Text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"MaxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"ClipboardCopy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":26,"character":39},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"ClipboardService","line":26,"character":80}]}],"ngOnInit":[{"__symbolic":"method"}],"copyToClipboard":[{"__symbolic":"method"}]}},"SimpleDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"simple-dropdown","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":19},"member":"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}"]}]}],"members":{"matMenuTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":16,"character":15},{"static":true}]}]}],"Options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"Show":[{"__symbolic":"method"}]}},"StatusBadgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"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           \r\n           >\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </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}"]}]}],"members":{"Status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"Zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"Top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"Right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"Level":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"Info":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"Warning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"Success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"Danger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DropdownOption":{"__symbolic":"class","members":{}},"UtilityComponentsModuleConfig":{"__symbolic":"class","members":{}},"UCCO_LOCALE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":55},"arguments":["UCCO_LOCALE"]},"UCCO_DEBUG_MODE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":60},"arguments":["UCCO_DEBUG_MODE"]}},"origins":{"UtilityComponentsModule":"./lib/utility-components.module","CurrencySpanComponent":"./lib/components/currency-span/currency-span.component","CurrencyType":"./lib/components/currency-span/currency-span.component","ShortenSpanComponent":"./lib/components/shorten-span/shorten-span.component","SimpleDropdownComponent":"./lib/components/simple-dropdown/simple-dropdown.component","StatusBadgeComponent":"./lib/components/status-badge/status-badge.component","DropdownOption":"./lib/models/DropdownOption","UtilityComponentsModuleConfig":"./lib/models/UtilityComponentsModuleConfig","UCCO_LOCALE":"./lib/tokens","UCCO_DEBUG_MODE":"./lib/tokens"},"importAs":"@esfaenza/utility-components"}

package/esm2015/lib/components/status-badge/status-badge.component.js

@@ -12,21 +12,19 @@ export class StatusBadgeComponent {
         this.Top = "20px";
         /** Valore dello stile 'right' del badge */
         this.Right = "0px";
-        /** Condizione per cui il badge carichi gli stili 'Info' */
-        this.Info = true;
-        /** Condizione per cui il badge carichi gli stili 'Warning' */
-        this.Warning = false;
-        /** Condizione per cui il badge carichi gli stili 'Success' */
-        this.Success = false;
-        /** Condizione per cui il badge carichi gli stili 'Danger' */
-        this.Danger = false;
+    }
+    ngOnInit() {
+        this.Info = this.Level == "Info";
+        this.Warning = this.Level == "Warning";
+        this.Success = this.Level == "Success";
+        this.Danger = this.Level == "Danger";
     }
 }
 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\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </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 #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
+                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           \r\n           >\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </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}"]
             },] }
 ];
 StatusBadgeComponent.propDecorators = {
@@ -34,9 +32,10 @@ StatusBadgeComponent.propDecorators = {
     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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRSSwwREFBMEQ7UUFDMUMsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQyx5Q0FBeUM7UUFDekIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQywyQ0FBMkM7UUFDM0IsVUFBSyxHQUFXLEtBQUssQ0FBQztRQUN0QywyREFBMkQ7UUFDM0MsU0FBSSxHQUFZLElBQUksQ0FBQztRQUNyQyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw2REFBNkQ7UUFDN0MsV0FBTSxHQUFZLEtBQUssQ0FBQztJQUM1QyxDQUFDOzs7WUF0QkEsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxjQUFjO2dCQUN4Qix1ckNBQTBDOzthQUU3Qzs7O3FCQUdJLEtBQUs7bUJBRUwsS0FBSztrQkFFTCxLQUFLO29CQUVMLEtBQUs7bUJBRUwsS0FBSztzQkFFTCxLQUFLO3NCQUVMLEtBQUs7cUJBRUwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFuZ3VsYXJcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG4vKiogXHJcbiAqIFF1ZXN0byBjb21wb25lbnRlIHNlcnZlIGEgbW9zdHJhcmUgdW4gYmFkZ2UgZGkgc3RhdG8sIGNvbiB1biB0ZXN0byAqKlN0YXR1cyoqLlxyXG4gKiBDb2xvcmF0byBpbiBiYXNlIGEgY29uZGl6aW9uaSBkaSAqKkluZm8qKiwgKipTdWNjZXNzKiosICoqV2FybmluZyoqIG8gKipEYW5nZXIqKiBcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwic3RhdHVzLWJhZGdlXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCJzdGF0dXMtYmFkZ2UuY29tcG9uZW50Lmh0bWxcIixcclxuICAgIHN0eWxlVXJsczogW1wiLi9zdGF0dXMtYmFkZ2UuY29tcG9uZW50LnNjc3NcIl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YXR1c0JhZGdlQ29tcG9uZW50IHtcclxuICAgIC8qKiBFdGljaGV0dGEgZGEgbW9zdHJhcmUgbmVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3RhdHVzOiBzdHJpbmc7XHJcbiAgICAvKiogRGltZW5zaW9uZSBkZWwgYmFkZ2UsIGluIHZhbG9yZSBudW1lcmljbyAoMSA9IDEwMCUpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgWm9vbTogbnVtYmVyID0gMTtcclxuICAgIC8qKiBWYWxvcmUgZGVsbG8gc3RpbGUgJ3RvcCcgZGVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgVG9wOiBzdHJpbmcgPSBcIjIwcHhcIjtcclxuICAgIC8qKiBWYWxvcmUgZGVsbG8gc3RpbGUgJ3JpZ2h0JyBkZWwgYmFkZ2UgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBSaWdodDogc3RyaW5nID0gXCIwcHhcIjtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBjdWkgaWwgYmFkZ2UgY2FyaWNoaSBnbGkgc3RpbGkgJ0luZm8nICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgSW5mbzogYm9vbGVhbiA9IHRydWU7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgY3VpIGlsIGJhZGdlIGNhcmljaGkgZ2xpIHN0aWxpICdXYXJuaW5nJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFdhcm5pbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBjdWkgaWwgYmFkZ2UgY2FyaWNoaSBnbGkgc3RpbGkgJ1N1Y2Nlc3MnICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3VjY2VzczogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgLyoqIENvbmRpemlvbmUgcGVyIGN1aSBpbCBiYWRnZSBjYXJpY2hpIGdsaSBzdGlsaSAnRGFuZ2VyJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIERhbmdlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRSSwwREFBMEQ7UUFDMUMsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQyx5Q0FBeUM7UUFDekIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQywyQ0FBMkM7UUFDM0IsVUFBSyxHQUFXLEtBQUssQ0FBQztJQWtCMUMsQ0FBQztJQU5HLFFBQVE7UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksTUFBTSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTLENBQUM7UUFDdkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLFNBQVMsQ0FBQztRQUN2QyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksUUFBUSxDQUFDO0lBQ3pDLENBQUM7OztZQTlCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDZsQ0FBMEM7O2FBRTdDOzs7cUJBR0ksS0FBSzttQkFFTCxLQUFLO2tCQUVMLEtBQUs7b0JBRUwsS0FBSztvQkFFTCxLQUFLO21CQUVMLEtBQUs7c0JBRUwsS0FBSztzQkFFTCxLQUFLO3FCQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBBbmd1bGFyXHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLyoqIFxyXG4gKiBRdWVzdG8gY29tcG9uZW50ZSBzZXJ2ZSBhIG1vc3RyYXJlIHVuIGJhZGdlIGRpIHN0YXRvLCBjb24gdW4gdGVzdG8gKipTdGF0dXMqKi5cclxuICogQ29sb3JhdG8gaW4gYmFzZSBhIGNvbmRpemlvbmkgZGkgKipJbmZvKiosICoqU3VjY2VzcyoqLCAqKldhcm5pbmcqKiBvICoqRGFuZ2VyKiogXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiBcInN0YXR1cy1iYWRnZVwiLFxyXG4gICAgdGVtcGxhdGVVcmw6IFwic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgICBzdHlsZVVybHM6IFtcIi4vc3RhdHVzLWJhZGdlLmNvbXBvbmVudC5zY3NzXCJdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGF0dXNCYWRnZUNvbXBvbmVudCB7XHJcbiAgICAvKiogRXRpY2hldHRhIGRhIG1vc3RyYXJlIG5lbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFN0YXR1czogc3RyaW5nO1xyXG4gICAgLyoqIERpbWVuc2lvbmUgZGVsIGJhZGdlLCBpbiB2YWxvcmUgbnVtZXJpY28gKDEgPSAxMDAlKSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFpvb206IG51bWJlciA9IDE7XHJcbiAgICAvKiogVmFsb3JlIGRlbGxvIHN0aWxlICd0b3AnIGRlbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFRvcDogc3RyaW5nID0gXCIyMHB4XCI7XHJcbiAgICAvKiogVmFsb3JlIGRlbGxvIHN0aWxlICdyaWdodCcgZGVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgUmlnaHQ6IHN0cmluZyA9IFwiMHB4XCI7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgbGEgZ2VzdGlvbmUgZGVsIGxpdmVsbG8gZGVsIGJhZGdlIC0gKEluZm8gbyBXYXJuaW5nIG8gU3VjY2VzcyBvIERhbmdlcikqL1xyXG4gICAgQElucHV0KCkgcHVibGljIExldmVsOiAnSW5mbycgfCAnV2FybmluZycgfCAnU3VjY2VzcycgfCAnRGFuZ2VyJztcclxuICAgIC8qKiBWYWxvcmUgYm9vbGVuIHJlbGF0aXZvIGFsIGJpbmRpbmcgZGVsIGxpdmVsbG8gYmFkZ2UgLSAoSW5mbykgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBJbmZvOiBib29sZWFuIDtcclxuICAgIC8qKiBWYWxvcmUgYm9vbGVuIHJlbGF0aXZvIGFsIGJpbmRpbmcgZGVsIGxpdmVsbG8gYmFkZ2UgLSAoV2FybmluZykgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBXYXJuaW5nOiBib29sZWFuO1xyXG4gICAvKiogVmFsb3JlIGJvb2xlbiByZWxhdGl2byBhbCBiaW5kaW5nIGRlbCBsaXZlbGxvIGJhZGdlIC0gKFN1Y2Nlc3MpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3VjY2VzczogYm9vbGVhbiA7XHJcbiAgICAvKiogVmFsb3JlIGJvb2xlbiByZWxhdGl2byBhbCBiaW5kaW5nIGRlbCBsaXZlbGxvIGJhZGdlIC0gKERhbmdlcikgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBEYW5nZXI6IGJvb2xlYW4gO1xyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuSW5mbyA9IHRoaXMuTGV2ZWwgPT0gXCJJbmZvXCI7XHJcbiAgICAgICAgdGhpcy5XYXJuaW5nID0gdGhpcy5MZXZlbCA9PSBcIldhcm5pbmdcIjtcclxuICAgICAgICB0aGlzLlN1Y2Nlc3MgPSB0aGlzLkxldmVsID09IFwiU3VjY2Vzc1wiO1xyXG4gICAgICAgIHRoaXMuRGFuZ2VyID0gdGhpcy5MZXZlbCA9PSBcIkRhbmdlclwiO1xyXG4gICAgfVxyXG59Il19

package/esm2015/public-api.js

@@ -9,4 +9,4 @@ export * from './lib/components/status-badge/status-badge.component';
 export * from './lib/models/DropdownOption';
 export * from './lib/models/UtilityComponentsModuleConfig';
 export * from './lib/tokens';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHV0aWxpdHktY29tcG9uZW50c1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxpdHktY29tcG9uZW50cy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jdXJyZW5jeS1zcGFuL2N1cnJlbmN5LXNwYW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zaW1wbGUtZHJvcGRvd24vc2ltcGxlLWRyb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N0YXR1cy1iYWRnZS9zdGF0dXMtYmFkZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9Ecm9wZG93bk9wdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvVXRpbGl0eUNvbXBvbmVudHNNb2R1bGVDb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9rZW5zJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdXRpbGl0eS1jb21wb25lbnRzXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbGl0eS1jb21wb25lbnRzLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY3VycmVuY3ktc3Bhbi9jdXJyZW5jeS1zcGFuLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NpbXBsZS1kcm9wZG93bi9zaW1wbGUtZHJvcGRvd24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdGF0dXMtYmFkZ2Uvc3RhdHVzLWJhZGdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9Ecm9wZG93bk9wdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9VdGlsaXR5Q29tcG9uZW50c01vZHVsZUNvbmZpZyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rva2Vucyc7XHJcbiJdfQ==

package/fesm2015/esfaenza-utility-components.js

@@ -103,21 +103,19 @@ class StatusBadgeComponent {
         this.Top = "20px";
         /** Valore dello stile 'right' del badge */
         this.Right = "0px";
-        /** Condizione per cui il badge carichi gli stili 'Info' */
-        this.Info = true;
-        /** Condizione per cui il badge carichi gli stili 'Warning' */
-        this.Warning = false;
-        /** Condizione per cui il badge carichi gli stili 'Success' */
-        this.Success = false;
-        /** Condizione per cui il badge carichi gli stili 'Danger' */
-        this.Danger = false;
+    }
+    ngOnInit() {
+        this.Info = this.Level == "Info";
+        this.Warning = this.Level == "Warning";
+        this.Success = this.Level == "Success";
+        this.Danger = this.Level == "Danger";
     }
 }
 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\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </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 #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
+                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           \r\n           >\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </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}"]
             },] }
 ];
 StatusBadgeComponent.propDecorators = {
@@ -125,6 +123,7 @@ StatusBadgeComponent.propDecorators = {
     Zoom: [{ type: Input }],
     Top: [{ type: Input }],
     Right: [{ type: Input }],
+    Level: [{ type: Input }],
     Info: [{ type: Input }],
     Warning: [{ type: Input }],
     Success: [{ type: Input }],

package/fesm2015/esfaenza-utility-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"esfaenza-utility-components.js","sources":["../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// 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: string | 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}","// 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}","// Angular\r\nimport { Component, Input } 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 cui il badge carichi gli stili 'Info' */\r\n    @Input() public Info: boolean = true;\r\n    /** Condizione per cui il badge carichi gli stili 'Warning' */\r\n    @Input() public Warning: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Success' */\r\n    @Input() public Success: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Danger' */\r\n    @Input() public Danger: boolean = false;\r\n}","// 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}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\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\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** 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 * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}","/*\n * Public API Surface of utility-components\n */\n\nexport * from './lib/utility-components.module';\nexport * from './lib/components/currency-span/currency-span.component';\nexport * from './lib/components/shorten-span/shorten-span.component';\nexport * from './lib/components/simple-dropdown/simple-dropdown.component';\nexport * from './lib/components/status-badge/status-badge.component';\nexport * from './lib/models/DropdownOption';\nexport * from './lib/models/UtilityComponentsModuleConfig';\nexport * from './lib/tokens';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"esfaenza-utility-components.js","sources":["../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// 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: string | 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}","// 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}","// Angular\r\nimport { Component, Input } 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\r\n    ngOnInit() {\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}","// 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}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\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\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** 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 * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\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/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';\r\nexport * from './lib/models/UtilityComponentsModuleConfig';\r\nexport * from './lib/tokens';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -11,12 +11,15 @@ export declare class StatusBadgeComponent {
     Top: string;
     /** Valore dello stile 'right' del badge */
     Right: string;
-    /** Condizione per cui il badge carichi gli stili 'Info' */
+    /** Condizione per la gestione del livello del badge - (Info o Warning o Success o Danger)*/
+    Level: 'Info' | 'Warning' | 'Success' | 'Danger';
+    /** Valore boolen relativo al binding del livello badge - (Info) */
     Info: boolean;
-    /** Condizione per cui il badge carichi gli stili 'Warning' */
+    /** Valore boolen relativo al binding del livello badge - (Warning) */
     Warning: boolean;
-    /** Condizione per cui il badge carichi gli stili 'Success' */
+    /** Valore boolen relativo al binding del livello badge - (Success) */
     Success: boolean;
-    /** Condizione per cui il badge carichi gli stili 'Danger' */
+    /** Valore boolen relativo al binding del livello badge - (Danger) */
     Danger: boolean;
+    ngOnInit(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/utility-components",
-  "version": "11.2.6",
+  "version": "11.2.7",
   "dependencies": {
     "tslib": "^2.0.0"
   },