@esfaenza/utility-components 11.2.4 → 11.2.6

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

@@ -70,8 +70,8 @@
     ShortenSpanComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "shorten-span",
-                    template: "<span [class.utils-pointer]=\"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-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}"]
+                    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}"]
                 },] }
     ];
     ShortenSpanComponent.ctorParameters = function () { return [
@@ -113,7 +113,7 @@
         { 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-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}"]
+                    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}"]
                 },] }
     ];
     StatusBadgeComponent.propDecorators = {
@@ -150,7 +150,7 @@
                     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: core.ViewEncapsulation.None,
-                    styles: [".utils-pointer{cursor:pointer}.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}"]
+                    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}"]
                 },] }
     ];
     SimpleDropdownComponent.propDecorators = {

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}","/*\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":";;;;;;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,0RAA0C;;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 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":"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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-pointer]="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-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-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-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,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})}));
 //# 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,8gBALKmB,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,gvDAKCC,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,0cAIhCC,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","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}"]}

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-pointer]=\"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-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-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-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\" [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"}

package/esm2015/lib/components/shorten-span/shorten-span.component.js

@@ -37,8 +37,8 @@ export class ShortenSpanComponent {
 ShortenSpanComponent.decorators = [
     { type: Component, args: [{
                 selector: "shorten-span",
-                template: "<span [class.utils-pointer]=\"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-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}"]
+                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}"]
             },] }
 ];
 ShortenSpanComponent.ctorParameters = () => [
@@ -51,4 +51,4 @@ ShortenSpanComponent.propDecorators = {
     MaxLength: [{ type: Input }],
     ClipboardCopy: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvcnRlbi1zcGFuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELGlCQUFpQjtBQUNqQixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV4RCxrQ0FBa0M7QUFDbEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUUzQyx5R0FBeUc7QUFNekcsTUFBTSxPQUFPLG9CQUFvQjtJQVU3QixjQUFjO0lBQ2QsWUFBb0IsYUFBNEIsRUFBVSxnQkFBa0M7UUFBeEUsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFBVSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBVjVGLDBDQUEwQztRQUNqQyxTQUFJLEdBQVksS0FBSyxDQUFDO1FBRy9CLDREQUE0RDtRQUNuRCxjQUFTLEdBQVcsR0FBRyxDQUFDO1FBQ2pDLDhFQUE4RTtRQUNyRSxrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUt4QyxrRkFBa0Y7UUFDM0UsZ0JBQVcsR0FBRyxJQUFJLENBQUM7SUFIc0UsQ0FBQztJQUtqRyxjQUFjO0lBQ2QsUUFBUTs7UUFDSixJQUFJLENBQUMsV0FBVyxHQUFHLE9BQUEsSUFBSSxDQUFDLElBQUksMENBQUUsTUFBTSxLQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUM5RSxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGVBQWUsQ0FBQyxLQUFhO1FBQ3pCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsRUFBRSxhQUFhLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDO0lBQzNGLENBQUM7OztZQWxDSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDBSQUEwQzs7YUFFN0M7OztZQVBRLGFBQWE7WUFIYixnQkFBZ0I7OzttQkFhcEIsS0FBSzttQkFFTCxLQUFLO3dCQUVMLEtBQUs7NEJBRUwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFuZ3VsYXJcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG4vLyBDb25maWd1cmF6aW9uaVxyXG5pbXBvcnQgeyBDbGlwYm9hcmRTZXJ2aWNlIH0gZnJvbSBcIkBlc2ZhZW56YS9leHRlbnNpb25zXCI7XHJcblxyXG4vLyBEaXJldHRpdmUsIENvbXBvbmVudGksIExpYnJlcmllXHJcbmltcG9ydCB7IFRvYXN0clNlcnZpY2UgfSBmcm9tIFwibmd4LXRvYXN0clwiO1xyXG5cclxuLyoqIFF1ZXN0byBjb21wb25lbnRlIHJhcHByZXNlbnRhIHVuIGVsZW1lbnRvIHNwYW4gY2hlIHRyb25jYSB1biAqKlRleHQqKiBpbiBiYXNlIGFkIHVuYSAqKk1heExlbmd0aCoqICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwic2hvcnRlbi1zcGFuXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCJzaG9ydGVuLXNwYW4uY29tcG9uZW50Lmh0bWxcIixcclxuICAgIHN0eWxlVXJsczogW1wiLi9zaG9ydGVuLXNwYW4uY29tcG9uZW50LnNjc3NcIl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNob3J0ZW5TcGFuQ29tcG9uZW50IHtcclxuICAgIC8qKiBNb3N0cmEgKipUZXh0KiogY29uIHN0aWxlIGdyYXNzZXR0byAqL1xyXG4gICAgQElucHV0KCkgQm9sZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgLyoqIFRlc3RvIGRhIG1vc3RyYXJlIG5lbGxvIHNwYW4gKi9cclxuICAgIEBJbnB1dCgpIFRleHQ6IHN0cmluZztcclxuICAgIC8qKiBMdW5naGV6emEgbWFzc2ltYSBkZWwgdGVzdG8sIHByaW1hIGRpIHZlbmlyZSB0cm9uY2F0byAqL1xyXG4gICAgQElucHV0KCkgTWF4TGVuZ3RoOiBudW1iZXIgPSA5OTk7XHJcbiAgICAvKiogQWJpbGl0YSBsYSBwb3NzaWJpbGl0YSBkaSBjb3BpYXJlICoqVGV4dCoqIGNvbCB0YXN0byBzaW5pc3RybyBkZWwgbW91c2UgKi9cclxuICAgIEBJbnB1dCgpIENsaXBib2FyZENvcHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICAvKiogQGlnbm9yZSAqL1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2FzdHJTZXJ2aWNlOiBUb2FzdHJTZXJ2aWNlLCBwcml2YXRlIGNsaXBib2FyZFNlcnZpY2U6IENsaXBib2FyZFNlcnZpY2UpIHsgfVxyXG5cclxuICAgIC8qKiBUZXN0byBkYSBtb3N0cmFyZSBuZWwgdG9vbHRpcCBkaSBtYXRlcmlhbCwgcXVhbmRvIGhhIHZhbG9yZSBkaXZlcnNvIGRhIG51bGwgKi9cclxuICAgIHB1YmxpYyBTaG93VG9vbHRpcCA9IG51bGw7XHJcblxyXG4gICAgLyoqIEBpZ25vcmUgKi9cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuU2hvd1Rvb2x0aXAgPSB0aGlzLlRleHQ/Lmxlbmd0aCA+PSB0aGlzLk1heExlbmd0aCA/IHRoaXMuVGV4dCA6IG51bGw7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBDb3BpYSB1biB2YWxvcmUgbmVsbGEgY2xpcGJvYXJkXHJcbiAgICAgKiBcclxuICAgICAqIEBwYXJhbSB7c3RyaW5nfSB2YWx1ZSBWYWxvcmUgZGEgY29waWFyZSBuZWxsYSBjbGlwYm9hcmRcclxuICAgICAqL1xyXG4gICAgY29weVRvQ2xpcGJvYXJkKHZhbHVlOiBzdHJpbmcpIHtcclxuICAgICAgICB0aGlzLmNsaXBib2FyZFNlcnZpY2UuY29weVRleHRUb0NsaXBib2FyZCh2YWx1ZSk7XHJcbiAgICAgICAgdGhpcy50b2FzdHJTZXJ2aWNlLmluZm8oJ1Rlc3RvIGNvcGlhdG8hJywgbnVsbCwgeyBwb3NpdGlvbkNsYXNzOiAndG9hc3QtdG9wLWNlbnRlcicgfSk7XHJcbiAgICB9XHJcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvcnRlbi1zcGFuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELGlCQUFpQjtBQUNqQixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV4RCxrQ0FBa0M7QUFDbEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUUzQyx5R0FBeUc7QUFNekcsTUFBTSxPQUFPLG9CQUFvQjtJQVU3QixjQUFjO0lBQ2QsWUFBb0IsYUFBNEIsRUFBVSxnQkFBa0M7UUFBeEUsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFBVSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBVjVGLDBDQUEwQztRQUNqQyxTQUFJLEdBQVksS0FBSyxDQUFDO1FBRy9CLDREQUE0RDtRQUNuRCxjQUFTLEdBQVcsR0FBRyxDQUFDO1FBQ2pDLDhFQUE4RTtRQUNyRSxrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUt4QyxrRkFBa0Y7UUFDM0UsZ0JBQVcsR0FBRyxJQUFJLENBQUM7SUFIc0UsQ0FBQztJQUtqRyxjQUFjO0lBQ2QsUUFBUTs7UUFDSixJQUFJLENBQUMsV0FBVyxHQUFHLE9BQUEsSUFBSSxDQUFDLElBQUksMENBQUUsTUFBTSxLQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUM5RSxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGVBQWUsQ0FBQyxLQUFhO1FBQ3pCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsRUFBRSxhQUFhLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDO0lBQzNGLENBQUM7OztZQWxDSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLHVSQUEwQzs7YUFFN0M7OztZQVBRLGFBQWE7WUFIYixnQkFBZ0I7OzttQkFhcEIsS0FBSzttQkFFTCxLQUFLO3dCQUVMLEtBQUs7NEJBRUwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFuZ3VsYXJcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG4vLyBDb25maWd1cmF6aW9uaVxyXG5pbXBvcnQgeyBDbGlwYm9hcmRTZXJ2aWNlIH0gZnJvbSBcIkBlc2ZhZW56YS9leHRlbnNpb25zXCI7XHJcblxyXG4vLyBEaXJldHRpdmUsIENvbXBvbmVudGksIExpYnJlcmllXHJcbmltcG9ydCB7IFRvYXN0clNlcnZpY2UgfSBmcm9tIFwibmd4LXRvYXN0clwiO1xyXG5cclxuLyoqIFF1ZXN0byBjb21wb25lbnRlIHJhcHByZXNlbnRhIHVuIGVsZW1lbnRvIHNwYW4gY2hlIHRyb25jYSB1biAqKlRleHQqKiBpbiBiYXNlIGFkIHVuYSAqKk1heExlbmd0aCoqICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwic2hvcnRlbi1zcGFuXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCJzaG9ydGVuLXNwYW4uY29tcG9uZW50Lmh0bWxcIixcclxuICAgIHN0eWxlVXJsczogW1wiLi9zaG9ydGVuLXNwYW4uY29tcG9uZW50LnNjc3NcIl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNob3J0ZW5TcGFuQ29tcG9uZW50IHtcclxuICAgIC8qKiBNb3N0cmEgKipUZXh0KiogY29uIHN0aWxlIGdyYXNzZXR0byAqL1xyXG4gICAgQElucHV0KCkgQm9sZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgLyoqIFRlc3RvIGRhIG1vc3RyYXJlIG5lbGxvIHNwYW4gKi9cclxuICAgIEBJbnB1dCgpIFRleHQ6IHN0cmluZztcclxuICAgIC8qKiBMdW5naGV6emEgbWFzc2ltYSBkZWwgdGVzdG8sIHByaW1hIGRpIHZlbmlyZSB0cm9uY2F0byAqL1xyXG4gICAgQElucHV0KCkgTWF4TGVuZ3RoOiBudW1iZXIgPSA5OTk7XHJcbiAgICAvKiogQWJpbGl0YSBsYSBwb3NzaWJpbGl0YSBkaSBjb3BpYXJlICoqVGV4dCoqIGNvbCB0YXN0byBzaW5pc3RybyBkZWwgbW91c2UgKi9cclxuICAgIEBJbnB1dCgpIENsaXBib2FyZENvcHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICAvKiogQGlnbm9yZSAqL1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2FzdHJTZXJ2aWNlOiBUb2FzdHJTZXJ2aWNlLCBwcml2YXRlIGNsaXBib2FyZFNlcnZpY2U6IENsaXBib2FyZFNlcnZpY2UpIHsgfVxyXG5cclxuICAgIC8qKiBUZXN0byBkYSBtb3N0cmFyZSBuZWwgdG9vbHRpcCBkaSBtYXRlcmlhbCwgcXVhbmRvIGhhIHZhbG9yZSBkaXZlcnNvIGRhIG51bGwgKi9cclxuICAgIHB1YmxpYyBTaG93VG9vbHRpcCA9IG51bGw7XHJcblxyXG4gICAgLyoqIEBpZ25vcmUgKi9cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuU2hvd1Rvb2x0aXAgPSB0aGlzLlRleHQ/Lmxlbmd0aCA+PSB0aGlzLk1heExlbmd0aCA/IHRoaXMuVGV4dCA6IG51bGw7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBDb3BpYSB1biB2YWxvcmUgbmVsbGEgY2xpcGJvYXJkXHJcbiAgICAgKiBcclxuICAgICAqIEBwYXJhbSB7c3RyaW5nfSB2YWx1ZSBWYWxvcmUgZGEgY29waWFyZSBuZWxsYSBjbGlwYm9hcmRcclxuICAgICAqL1xyXG4gICAgY29weVRvQ2xpcGJvYXJkKHZhbHVlOiBzdHJpbmcpIHtcclxuICAgICAgICB0aGlzLmNsaXBib2FyZFNlcnZpY2UuY29weVRleHRUb0NsaXBib2FyZCh2YWx1ZSk7XHJcbiAgICAgICAgdGhpcy50b2FzdHJTZXJ2aWNlLmluZm8oJ1Rlc3RvIGNvcGlhdG8hJywgbnVsbCwgeyBwb3NpdGlvbkNsYXNzOiAndG9hc3QtdG9wLWNlbnRlcicgfSk7XHJcbiAgICB9XHJcbn0iXX0=

package/esm2015/lib/components/simple-dropdown/simple-dropdown.component.js

@@ -22,7 +22,7 @@ SimpleDropdownComponent.decorators = [
                 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: ViewEncapsulation.None,
-                styles: [".utils-pointer{cursor:pointer}.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}"]
+                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}"]
             },] }
 ];
 SimpleDropdownComponent.propDecorators = {

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

@@ -26,7 +26,7 @@ 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-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}"]
+                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}"]
             },] }
 ];
 StatusBadgeComponent.propDecorators = {

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdXRpbGl0eS1jb21wb25lbnRzXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbGl0eS1jb21wb25lbnRzLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY3VycmVuY3ktc3Bhbi9jdXJyZW5jeS1zcGFuLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NpbXBsZS1kcm9wZG93bi9zaW1wbGUtZHJvcGRvd24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdGF0dXMtYmFkZ2Uvc3RhdHVzLWJhZGdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9Ecm9wZG93bk9wdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9VdGlsaXR5Q29tcG9uZW50c01vZHVsZUNvbmZpZyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rva2Vucyc7XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHV0aWxpdHktY29tcG9uZW50c1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxpdHktY29tcG9uZW50cy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jdXJyZW5jeS1zcGFuL2N1cnJlbmN5LXNwYW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zaW1wbGUtZHJvcGRvd24vc2ltcGxlLWRyb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N0YXR1cy1iYWRnZS9zdGF0dXMtYmFkZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9Ecm9wZG93bk9wdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvVXRpbGl0eUNvbXBvbmVudHNNb2R1bGVDb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9rZW5zJztcbiJdfQ==

package/fesm2015/esfaenza-utility-components.js

@@ -75,8 +75,8 @@ class ShortenSpanComponent {
 ShortenSpanComponent.decorators = [
     { type: Component, args: [{
                 selector: "shorten-span",
-                template: "<span [class.utils-pointer]=\"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-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}"]
+                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}"]
             },] }
 ];
 ShortenSpanComponent.ctorParameters = () => [
@@ -117,7 +117,7 @@ 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-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}"]
+                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}"]
             },] }
 ];
 StatusBadgeComponent.propDecorators = {
@@ -153,7 +153,7 @@ SimpleDropdownComponent.decorators = [
                 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: ViewEncapsulation.None,
-                styles: [".utils-pointer{cursor:pointer}.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}"]
+                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}"]
             },] }
 ];
 SimpleDropdownComponent.propDecorators = {

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}","/*\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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"}
+{"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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"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@esfaenza/utility-components",
-  "version": "11.2.4",
+  "version": "11.2.6",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
     "@angular/common": "~11.2.14",
     "@angular/core": "~11.2.14",
-    "@esfaenza/extensions": "11.2.26"
+    "@esfaenza/extensions": "^11.2.29"
   },
   "main": "bundles/esfaenza-utility-components.umd.js",
   "module": "fesm2015/esfaenza-utility-components.js",