@esfaenza/utility-components 11.2.7 → 11.2.9

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

@@ -110,7 +110,7 @@
     StatusBadgeComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "status-badge",
-                    template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\" \r\n           \r\n           >\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
+                    template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" class=\"ml-2 app-bold\">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n</div>",
                     styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}"]
                 },] }
     ];

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 la gestione del livello del badge - (Info o Warning o Success o Danger)*/\r\n    @Input() public Level: 'Info' | 'Warning' | 'Success' | 'Danger';\r\n    /** Valore boolen relativo al binding del livello badge - (Info) */\r\n    @Input() public Info: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Warning) */\r\n    @Input() public Warning: boolean;\r\n   /** Valore boolen relativo al binding del livello badge - (Success) */\r\n    @Input() public Success: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Danger) */\r\n    @Input() public Danger: boolean ;\r\n\r\n    ngOnInit() {\r\n        this.Info = this.Level == \"Info\";\r\n        this.Warning = this.Level == \"Warning\";\r\n        this.Success = this.Level == \"Success\";\r\n        this.Danger = this.Level == \"Danger\";\r\n    }\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\r\n// Components\r\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\r\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\r\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\r\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/**\r\n * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}","/*\r\n * Public API Surface of utility-components\r\n */\r\n\r\nexport * from './lib/utility-components.module';\r\nexport * from './lib/components/currency-span/currency-span.component';\r\nexport * from './lib/components/shorten-span/shorten-span.component';\r\nexport * from './lib/components/simple-dropdown/simple-dropdown.component';\r\nexport * from './lib/components/status-badge/status-badge.component';\r\nexport * from './lib/models/DropdownOption';\r\nexport * from './lib/models/UtilityComponentsModuleConfig';\r\nexport * from './lib/tokens';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","CurrencyType","Component","Input","ToastrService","ClipboardService","ViewEncapsulation","ViewChild","MatMenuTrigger","NgModule","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule"],"mappings":";;;;;;IAEA;QACa,WAAW,GAA2B,IAAIA,mBAAc,CAAS,aAAa,EAAE;IAC7F;QACa,eAAe,GAA4B,IAAIA,mBAAc,CAAU,iBAAiB;;ICLrG;IAGA;;QACA;;YAQa,iBAAY,GAAWC,oBAAY,CAAC,KAAK,CAAC;SACtD;;;;gBATAC,cAAS,SAAC;oBACP,QAAQ,EAAE,eAAe;oBACzB,gRAA2C;iBAC9C;;;gCAGIC,UAAK;+BAELA,UAAK;;IAQV,WAAY,YAAY;QACpB,8BAAS,CAAA;QACT,yBAAS,CAAA;QACT,yBAAS,CAAA;QACT,0BAAU,CAAA;IACd,CAAC,EALWF,oBAAY,KAAZA,oBAAY;;ICpBxB;IASA;;;QAiBI,8BAAoB,aAA4B,EAAU,gBAAkC;YAAxE,kBAAa,GAAb,aAAa,CAAe;YAAU,qBAAgB,GAAhB,gBAAgB,CAAkB;;YATnF,SAAI,GAAY,KAAK,CAAC;;YAItB,cAAS,GAAW,GAAG,CAAC;;YAExB,kBAAa,GAAY,KAAK,CAAC;;YAMjC,gBAAW,GAAG,IAAI,CAAC;SAHuE;;QAMjG,uCAAQ,GAAR;;YACI,IAAI,CAAC,WAAW,GAAG,OAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,KAAI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAC7E;;;;;;QAOD,8CAAe,GAAf,UAAgB,KAAa;YACzB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC,CAAC;SAC1F;;;;gBAlCJC,cAAS,SAAC;oBACP,QAAQ,EAAE,cAAc;oBACxB,uRAA0C;;iBAE7C;;;gBAPQE,uBAAa;gBAHbC,2BAAgB;;;uBAapBF,UAAK;uBAELA,UAAK;4BAELA,UAAK;gCAELA,UAAK;;;ICvBV;IAGA;;;;;QAIA;;YASoB,SAAI,GAAW,CAAC,CAAC;;YAEjB,QAAG,GAAW,MAAM,CAAC;;YAErB,UAAK,GAAW,KAAK,CAAC;SAkBzC;QANG,uCAAQ,GAAR;YACI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;YACjC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;YACvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;YACvC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC;SACxC;;;;gBA9BJD,cAAS,SAAC;oBACP,QAAQ,EAAE,cAAc;oBACxB,6lCAA0C;;iBAE7C;;;yBAGIC,UAAK;uBAELA,UAAK;sBAELA,UAAK;wBAELA,UAAK;wBAELA,UAAK;uBAELA,UAAK;0BAELA,UAAK;0BAELA,UAAK;yBAELA,UAAK;;;IC9BV;IAOA;;QACA;;YAUa,YAAO,GAAqB,EAAE,CAAC;;YAEjC,iBAAY,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAA;SAS3C;;QAPU,sCAAI,GAAJ,UAAK,KAAiB;YACzB,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3C,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3C,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;YAE/B,OAAO,KAAK,CAAC;SAChB;;;;gBApBJD,cAAS,SAAC;oBACP,QAAQ,EAAE,iBAAiB;oBAC3B,8ZAA6C;oBAE7C,aAAa,EAAEI,sBAAiB,CAAC,IAAI;;iBACxC;;;iCAGIC,cAAS,SAACC,mBAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;0BAE1CL,UAAK;;;IClBV;;QAqCA;;QACS,+BAAO,GAAd,UAAe,MAAsC;YACnD,OAAO;gBACL,QAAQ,EAAE,uBAAuB;gBACjC,SAAS,EAAE;oBACT,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,OAAO,EAAE;oBAC7D,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,KAAI,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,GAAG,KAAK,EAAE;iBAC9F;aACF,CAAC;SACH;;;;gBA9BFM,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;wBACrB,oBAAoB;wBACpB,oBAAoB;wBACpB,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,wBAAgB;wBAChBC,kBAAa;wBACbC,+BAAoB;wBACpBC,sBAAY;qBACb;oBACD,OAAO,EAAE;wBACP,qBAAqB;wBACrB,oBAAoB;wBACpB,oBAAoB;wBACpB,uBAAuB;qBACxB;iBACF;;;ICpCD;;QACA;SAKC;6BAAA;KAAA;;ICND;;;;QAGC;SAKA;4CAAA;KAAA;;ICRD;;;;ICAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"esfaenza-utility-components.umd.js","sources":["../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */\r\n@Component({\r\n    selector: \"currency-span\",\r\n    templateUrl: \"currency-span.component.html\"\r\n})\r\nexport class CurrencySpanComponent {\r\n    /** Valore da formattare */\r\n    @Input() CurrencyValue: string | number;\r\n    /** Tipo in base al quale formattare il valore **CurrencyValue** */\r\n    @Input() CurrencyType: string = CurrencyType.EMPTY;\r\n}\r\n\r\n/**\r\n * @ignore\r\n * Al momento non serve assolutamente a niente, ma per espandere eventualmente \r\n * il componente in futuro lo lascio qui che schifo non fa.\r\n */\r\nexport enum CurrencyType {\r\n    EUR = \"€\",\r\n    USD = \"$\",\r\n    CAD = \"$\",\r\n    EMPTY = \"\"\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { ClipboardService } from \"@esfaenza/extensions\";\r\n\r\n// Direttive, Componenti, Librerie\r\nimport { ToastrService } from \"ngx-toastr\";\r\n\r\n/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */\r\n@Component({\r\n    selector: \"shorten-span\",\r\n    templateUrl: \"shorten-span.component.html\",\r\n    styleUrls: [\"./shorten-span.component.scss\"]\r\n})\r\nexport class ShortenSpanComponent {\r\n    /** Mostra **Text** con stile grassetto */\r\n    @Input() Bold: boolean = false;\r\n    /** Testo da mostrare nello span */\r\n    @Input() Text: string;\r\n    /** Lunghezza massima del testo, prima di venire troncato */\r\n    @Input() MaxLength: number = 999;\r\n    /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */\r\n    @Input() ClipboardCopy: boolean = false;\r\n\r\n    /** @ignore */\r\n    constructor(private toastrService: ToastrService, private clipboardService: ClipboardService) { }\r\n\r\n    /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */\r\n    public ShowTooltip = null;\r\n\r\n    /** @ignore */\r\n    ngOnInit() {\r\n        this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;\r\n    }\r\n\r\n    /**\r\n     * Copia un valore nella clipboard\r\n     * \r\n     * @param {string} value Valore da copiare nella clipboard\r\n     */\r\n    copyToClipboard(value: string) {\r\n        this.clipboardService.copyTextToClipboard(value);\r\n        this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });\r\n    }\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** \r\n * Questo componente serve a mostrare un badge di stato, con un testo **Status**.\r\n * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger** \r\n */\r\n@Component({\r\n    selector: \"status-badge\",\r\n    templateUrl: \"status-badge.component.html\",\r\n    styleUrls: [\"./status-badge.component.scss\"]\r\n})\r\nexport class StatusBadgeComponent {\r\n    /** Etichetta da mostrare nel badge */\r\n    @Input() public Status: string;\r\n    /** Dimensione del badge, in valore numerico (1 = 100%) */\r\n    @Input() public Zoom: number = 1;\r\n    /** Valore dello stile 'top' del badge */\r\n    @Input() public Top: string = \"20px\";\r\n    /** Valore dello stile 'right' del badge */\r\n    @Input() public Right: string = \"0px\";\r\n    /** Condizione per la gestione del livello del badge - (Info o Warning o Success o Danger)*/\r\n    @Input() public Level: 'Info' | 'Warning' | 'Success' | 'Danger';\r\n    /** Valore boolen relativo al binding del livello badge - (Info) */\r\n    @Input() public Info: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Warning) */\r\n    @Input() public Warning: boolean;\r\n   /** Valore boolen relativo al binding del livello badge - (Success) */\r\n    @Input() public Success: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Danger) */\r\n    @Input() public Danger: boolean ;\r\n\r\n    ngOnInit() {\r\n        this.Info = this.Level == \"Info\";\r\n        this.Warning = this.Level == \"Warning\";\r\n        this.Success = this.Level == \"Success\";\r\n        this.Danger = this.Level == \"Danger\";\r\n    }\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\r\n// Components\r\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\r\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\r\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\r\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/**\r\n * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}","/*\r\n * Public API Surface of utility-components\r\n */\r\n\r\nexport * from './lib/utility-components.module';\r\nexport * from './lib/components/currency-span/currency-span.component';\r\nexport * from './lib/components/shorten-span/shorten-span.component';\r\nexport * from './lib/components/simple-dropdown/simple-dropdown.component';\r\nexport * from './lib/components/status-badge/status-badge.component';\r\nexport * from './lib/models/DropdownOption';\r\nexport * from './lib/models/UtilityComponentsModuleConfig';\r\nexport * from './lib/tokens';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","CurrencyType","Component","Input","ToastrService","ClipboardService","ViewEncapsulation","ViewChild","MatMenuTrigger","NgModule","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule"],"mappings":";;;;;;IAEA;QACa,WAAW,GAA2B,IAAIA,mBAAc,CAAS,aAAa,EAAE;IAC7F;QACa,eAAe,GAA4B,IAAIA,mBAAc,CAAU,iBAAiB;;ICLrG;IAGA;;QACA;;YAQa,iBAAY,GAAWC,oBAAY,CAAC,KAAK,CAAC;SACtD;;;;gBATAC,cAAS,SAAC;oBACP,QAAQ,EAAE,eAAe;oBACzB,gRAA2C;iBAC9C;;;gCAGIC,UAAK;+BAELA,UAAK;;IAQV,WAAY,YAAY;QACpB,8BAAS,CAAA;QACT,yBAAS,CAAA;QACT,yBAAS,CAAA;QACT,0BAAU,CAAA;IACd,CAAC,EALWF,oBAAY,KAAZA,oBAAY;;ICpBxB;IASA;;;QAiBI,8BAAoB,aAA4B,EAAU,gBAAkC;YAAxE,kBAAa,GAAb,aAAa,CAAe;YAAU,qBAAgB,GAAhB,gBAAgB,CAAkB;;YATnF,SAAI,GAAY,KAAK,CAAC;;YAItB,cAAS,GAAW,GAAG,CAAC;;YAExB,kBAAa,GAAY,KAAK,CAAC;;YAMjC,gBAAW,GAAG,IAAI,CAAC;SAHuE;;QAMjG,uCAAQ,GAAR;;YACI,IAAI,CAAC,WAAW,GAAG,OAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,KAAI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAC7E;;;;;;QAOD,8CAAe,GAAf,UAAgB,KAAa;YACzB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACjD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC,CAAC;SAC1F;;;;gBAlCJC,cAAS,SAAC;oBACP,QAAQ,EAAE,cAAc;oBACxB,uRAA0C;;iBAE7C;;;gBAPQE,uBAAa;gBAHbC,2BAAgB;;;uBAapBF,UAAK;uBAELA,UAAK;4BAELA,UAAK;gCAELA,UAAK;;;ICvBV;IAGA;;;;;QAIA;;YASoB,SAAI,GAAW,CAAC,CAAC;;YAEjB,QAAG,GAAW,MAAM,CAAC;;YAErB,UAAK,GAAW,KAAK,CAAC;SAkBzC;QANG,uCAAQ,GAAR;YACI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC;YACjC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;YACvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;YACvC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC;SACxC;;;;gBA9BJD,cAAS,SAAC;oBACP,QAAQ,EAAE,cAAc;oBACxB,g1BAA0C;;iBAE7C;;;yBAGIC,UAAK;uBAELA,UAAK;sBAELA,UAAK;wBAELA,UAAK;wBAELA,UAAK;uBAELA,UAAK;0BAELA,UAAK;0BAELA,UAAK;yBAELA,UAAK;;;IC9BV;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;;;;;;;;;;;;;;;;;;;;"}

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,r,s,i){"use strict";var a,l=new t.InjectionToken("UCCO_LOCALE"),p=new t.InjectionToken("UCCO_DEBUG_MODE"),u=function(){this.CurrencyType=e.CurrencyType.EMPTY};u.decorators=[{type:t.Component,args:[{selector:"currency-span",template:"<span [class.text-info]=\"CurrencyValue == 0\"\r\n      [class.text-success]=\"CurrencyValue > 0\"\r\n      [class.text-danger]=\"CurrencyValue < 0\">\r\n    {{CurrencyValue ? (CurrencyValue | currency:'':'':'1.2-2':'it') : '0,00'}} {{CurrencyType}}\r\n</span>"}]}],u.propDecorators={CurrencyValue:[{type:t.Input}],CurrencyType:[{type:t.Input}]},(a=e.CurrencyType||(e.CurrencyType={})).EUR="€",a.USD="$",a.CAD="$",a.EMPTY="";var c=function(){function e(e,t){this.toastrService=e,this.clipboardService=t,this.Bold=!1,this.MaxLength=999,this.ClipboardCopy=!1,this.ShowTooltip=null}return e.prototype.ngOnInit=function(){var e;this.ShowTooltip=(null===(e=this.Text)||void 0===e?void 0:e.length)>=this.MaxLength?this.Text:null},e.prototype.copyToClipboard=function(e){this.clipboardService.copyTextToClipboard(e),this.toastrService.info("Testo copiato!",null,{positionClass:"toast-top-center"})},e}();c.decorators=[{type:t.Component,args:[{selector:"shorten-span",template:'<span [class.utils-copy]="ClipboardCopy" (click)="ClipboardCopy ? copyToClipboard(Text) : null" *ngIf="Text" [class.utils-bold]="Bold" [matTooltip]="ShowTooltip">\r\n    {{Text.length > MaxLength + 3 ? Text.substr(0, MaxLength) + "..." : Text}}\r\n</span>',styles:[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}"]}]}],c.ctorParameters=function(){return[{type:o.ToastrService},{type:r.ClipboardService}]},c.propDecorators={Bold:[{type:t.Input}],Text:[{type:t.Input}],MaxLength:[{type:t.Input}],ClipboardCopy:[{type:t.Input}]};var d=function(){function e(){this.Zoom=1,this.Top="20px",this.Right="0px"}return e.prototype.ngOnInit=function(){this.Info="Info"==this.Level,this.Warning="Warning"==this.Level,this.Success="Success"==this.Level,this.Danger="Danger"==this.Level},e}();d.decorators=[{type:t.Component,args:[{selector:"status-badge",template:'<div class="status-badge-container utils-no-selection" [style.margin-top]="Top" [style.margin-right]="Right" [style.zoom]="Zoom" [style.-moz-transform]="\'scale(\' + Zoom + \')\'">\r\n    <span class="status-badge"\r\n          [class.status-badge-info]="Info"\r\n          [class.status-badge-warning]="Warning"\r\n          [class.status-badge-success]="Success"\r\n          [class.status-badge-danger]="Danger">\r\n        <i style="font-size: 18px;"\r\n           class="fa" \r\n           [class.fa-info-circle]="Info" \r\n           [class.fa-exclamation-circle]="Warning" \r\n           [class.fa-check-circle]="Success" \r\n           [class.fa-times-circle]="Danger" \r\n           \r\n           >\r\n        </i>\r\n        <span *ngIf="Status" \r\n              class="ml-2 app-bold"\r\n              [class.text-info]="Info"\r\n              [class.text-warning]="Warning"\r\n              [class.text-success]="Success"\r\n              [class.text-danger]="Danger">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>',styles:[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}"]}]}],d.propDecorators={Status:[{type:t.Input}],Zoom:[{type:t.Input}],Top:[{type:t.Input}],Right:[{type:t.Input}],Level:[{type:t.Input}],Info:[{type:t.Input}],Warning:[{type:t.Input}],Success:[{type:t.Input}],Danger:[{type:t.Input}]};var g=function(){function e(){this.Options=[],this.MenuPosition={x:"0",y:"0"}}return e.prototype.Show=function(e){return this.MenuPosition.x=e.clientX+"px",this.MenuPosition.y=e.clientY+"px",this.matMenuTrigger.openMenu(),!1},e}();g.decorators=[{type:t.Component,args:[{selector:"simple-dropdown",template:'<div style="visibility: hidden; position: fixed;" \r\n     [style.left]="MenuPosition.x" \r\n     [style.top]="MenuPosition.y" \r\n     [matMenuTriggerFor]="rightMenu">\r\n</div>\r\n\r\n<mat-menu #rightMenu="matMenu">\r\n    <ng-container *ngFor="let item of Options">\r\n        <button mat-menu-item (click)="item.execute()">{{item.label}}</button>\r\n    </ng-container>\r\n</mat-menu>',encapsulation:t.ViewEncapsulation.None,styles:[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.mat-menu-content:not(:empty){padding:0!important}.mat-menu-panel{min-height:unset!important}.mat-menu-item{background-color:#fff!important;height:38px!important;line-height:38px!important}"]}]}],g.propDecorators={matMenuTrigger:[{type:t.ViewChild,args:[i.MatMenuTrigger,{static:!0}]}],Options:[{type:t.Input}]};var m=function(){function e(){}return e.forRoot=function(t){return{ngModule:e,providers:[{provide:l,useValue:(null==t?void 0:t.locale)||"it-IT"},{provide:p,useValue:null!=(null==t?void 0:t.debugMode)&&(null==t?void 0:t.debugMode)}]}},e}();m.decorators=[{type:t.NgModule,args:[{declarations:[u,c,d,g],imports:[n.CommonModule,s.MatTooltipModule,i.MatMenuModule,r.FullExtensionsModule,o.ToastrModule],exports:[u,c,d,g]}]}];var y=function(){},f=function(){};e.CurrencySpanComponent=u,e.DropdownOption=y,e.ShortenSpanComponent=c,e.SimpleDropdownComponent=g,e.StatusBadgeComponent=d,e.UCCO_DEBUG_MODE=p,e.UCCO_LOCALE=l,e.UtilityComponentsModule=m,e.UtilityComponentsModuleConfig=f,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("ngx-toastr"),require("@esfaenza/extensions"),require("@angular/material/tooltip"),require("@angular/material/menu")):"function"==typeof define&&define.amd?define("@esfaenza/utility-components",["exports","@angular/core","@angular/common","ngx-toastr","@esfaenza/extensions","@angular/material/tooltip","@angular/material/menu"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).esfaenza=e.esfaenza||{},e.esfaenza["utility-components"]={}),e.ng.core,e.ng.common,e.ngxToastr,e.extensions,e.ng.material.tooltip,e.ng.material.menu)}(this,(function(e,t,n,o,r,s,i){"use strict";var a,l=new t.InjectionToken("UCCO_LOCALE"),p=new t.InjectionToken("UCCO_DEBUG_MODE"),u=function(){this.CurrencyType=e.CurrencyType.EMPTY};u.decorators=[{type:t.Component,args:[{selector:"currency-span",template:"<span [class.text-info]=\"CurrencyValue == 0\"\r\n      [class.text-success]=\"CurrencyValue > 0\"\r\n      [class.text-danger]=\"CurrencyValue < 0\">\r\n    {{CurrencyValue ? (CurrencyValue | currency:'':'':'1.2-2':'it') : '0,00'}} {{CurrencyType}}\r\n</span>"}]}],u.propDecorators={CurrencyValue:[{type:t.Input}],CurrencyType:[{type:t.Input}]},(a=e.CurrencyType||(e.CurrencyType={})).EUR="€",a.USD="$",a.CAD="$",a.EMPTY="";var c=function(){function e(e,t){this.toastrService=e,this.clipboardService=t,this.Bold=!1,this.MaxLength=999,this.ClipboardCopy=!1,this.ShowTooltip=null}return e.prototype.ngOnInit=function(){var e;this.ShowTooltip=(null===(e=this.Text)||void 0===e?void 0:e.length)>=this.MaxLength?this.Text:null},e.prototype.copyToClipboard=function(e){this.clipboardService.copyTextToClipboard(e),this.toastrService.info("Testo copiato!",null,{positionClass:"toast-top-center"})},e}();c.decorators=[{type:t.Component,args:[{selector:"shorten-span",template:'<span [class.utils-copy]="ClipboardCopy" (click)="ClipboardCopy ? copyToClipboard(Text) : null" *ngIf="Text" [class.utils-bold]="Bold" [matTooltip]="ShowTooltip">\r\n    {{Text.length > MaxLength + 3 ? Text.substr(0, MaxLength) + "..." : Text}}\r\n</span>',styles:[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}"]}]}],c.ctorParameters=function(){return[{type:o.ToastrService},{type:r.ClipboardService}]},c.propDecorators={Bold:[{type:t.Input}],Text:[{type:t.Input}],MaxLength:[{type:t.Input}],ClipboardCopy:[{type:t.Input}]};var d=function(){function e(){this.Zoom=1,this.Top="20px",this.Right="0px"}return e.prototype.ngOnInit=function(){this.Info="Info"==this.Level,this.Warning="Warning"==this.Level,this.Success="Success"==this.Level,this.Danger="Danger"==this.Level},e}();d.decorators=[{type:t.Component,args:[{selector:"status-badge",template:'<div class="status-badge-container utils-no-selection" [style.margin-top]="Top" [style.margin-right]="Right" [style.zoom]="Zoom" [style.-moz-transform]="\'scale(\' + Zoom + \')\'">\r\n    <span class="status-badge"\r\n          [class.status-badge-info]="Info"\r\n          [class.status-badge-warning]="Warning"\r\n          [class.status-badge-success]="Success"\r\n          [class.status-badge-danger]="Danger">\r\n        <i style="font-size: 18px;"\r\n           class="fa" \r\n           [class.fa-info-circle]="Info" \r\n           [class.fa-exclamation-circle]="Warning" \r\n           [class.fa-check-circle]="Success" \r\n           [class.fa-times-circle]="Danger">\r\n        </i>\r\n        <span *ngIf="Status" class="ml-2 app-bold">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n</div>',styles:[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}"]}]}],d.propDecorators={Status:[{type:t.Input}],Zoom:[{type:t.Input}],Top:[{type:t.Input}],Right:[{type:t.Input}],Level:[{type:t.Input}],Info:[{type:t.Input}],Warning:[{type:t.Input}],Success:[{type:t.Input}],Danger:[{type:t.Input}]};var g=function(){function e(){this.Options=[],this.MenuPosition={x:"0",y:"0"}}return e.prototype.Show=function(e){return this.MenuPosition.x=e.clientX+"px",this.MenuPosition.y=e.clientY+"px",this.matMenuTrigger.openMenu(),!1},e}();g.decorators=[{type:t.Component,args:[{selector:"simple-dropdown",template:'<div style="visibility: hidden; position: fixed;" \r\n     [style.left]="MenuPosition.x" \r\n     [style.top]="MenuPosition.y" \r\n     [matMenuTriggerFor]="rightMenu">\r\n</div>\r\n\r\n<mat-menu #rightMenu="matMenu">\r\n    <ng-container *ngFor="let item of Options">\r\n        <button mat-menu-item (click)="item.execute()">{{item.label}}</button>\r\n    </ng-container>\r\n</mat-menu>',encapsulation:t.ViewEncapsulation.None,styles:[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.mat-menu-content:not(:empty){padding:0!important}.mat-menu-panel{min-height:unset!important}.mat-menu-item{background-color:#fff!important;height:38px!important;line-height:38px!important}"]}]}],g.propDecorators={matMenuTrigger:[{type:t.ViewChild,args:[i.MatMenuTrigger,{static:!0}]}],Options:[{type:t.Input}]};var m=function(){function e(){}return e.forRoot=function(t){return{ngModule:e,providers:[{provide:l,useValue:(null==t?void 0:t.locale)||"it-IT"},{provide:p,useValue:null!=(null==t?void 0:t.debugMode)&&(null==t?void 0:t.debugMode)}]}},e}();m.decorators=[{type:t.NgModule,args:[{declarations:[u,c,d,g],imports:[n.CommonModule,s.MatTooltipModule,i.MatMenuModule,r.FullExtensionsModule,o.ToastrModule],exports:[u,c,d,g]}]}];var y=function(){},f=function(){};e.CurrencySpanComponent=u,e.DropdownOption=y,e.ShortenSpanComponent=c,e.SimpleDropdownComponent=g,e.StatusBadgeComponent=d,e.UCCO_DEBUG_MODE=p,e.UCCO_LOCALE=l,e.UtilityComponentsModule=m,e.UtilityComponentsModuleConfig=f,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=esfaenza-utility-components.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts"],"names":["CurrencyType","UCCO_LOCALE","InjectionToken","UCCO_DEBUG_MODE","this","EMPTY","Component","args","selector","template","Input","ShortenSpanComponent","toastrService","clipboardService","Bold","MaxLength","ClipboardCopy","ShowTooltip","prototype","ngOnInit","_a","Text","length","copyToClipboard","value","copyTextToClipboard","info","positionClass","ToastrService","ClipboardService","StatusBadgeComponent","Zoom","Top","Right","Info","Level","Warning","Success","Danger","SimpleDropdownComponent","Options","MenuPosition","x","y","Show","event","clientX","clientY","matMenuTrigger","openMenu","encapsulation","ViewEncapsulation","None","ViewChild","MatMenuTrigger","static","UtilityComponentsModule","forRoot","config","ngModule","providers","provide","useValue","locale","debugMode","NgModule","declarations","CurrencySpanComponent","imports","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule","exports"],"mappings":"qtBAoBYA,ECjBCC,EAAsC,IAAIC,EAAAA,eAAuB,eAEjEC,EAA2C,IAAID,EAAAA,eAAwB,qBDDpF,WAQaE,KAAAJ,aAAuBA,EAAAA,aAAaK,2BARhDC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAA,kTAICC,EAAAA,4BAEAA,EAAAA,UAQOV,EAAAA,EAAAA,eAAAA,EAAAA,aAAY,KACpB,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,MAAA,oBEEA,SAAAW,EAAoBC,EAAsCC,GAAtCT,KAAAQ,cAAAA,EAAsCR,KAAAS,iBAAAA,EATjDT,KAAAU,MAAgB,EAIhBV,KAAAW,UAAoB,IAEpBX,KAAAY,eAAyB,EAM3BZ,KAAAa,YAAc,YAGrBN,EAAAO,UAAAC,SAAA,iBACIf,KAAKa,aAAuB,QAATG,EAAAhB,KAAKiB,YAAI,IAAAD,OAAA,EAAAA,EAAEE,SAAUlB,KAAKW,UAAYX,KAAKiB,KAAO,MAQzEV,EAAAO,UAAAK,gBAAA,SAAgBC,GACZpB,KAAKS,iBAAiBY,oBAAoBD,GAC1CpB,KAAKQ,cAAcc,KAAK,iBAAkB,KAAM,CAAEC,cAAe,+CAjCxErB,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,miBALKmB,EAAAA,qBAHAC,EAAAA,kDAaJnB,EAAAA,oBAEAA,EAAAA,yBAEAA,EAAAA,6BAEAA,EAAAA,0BChBL,SAAAoB,IASoB1B,KAAA2B,KAAe,EAEf3B,KAAA4B,IAAc,OAEd5B,KAAA6B,MAAgB,aAYhCH,EAAAZ,UAAAC,SAAA,WACIf,KAAK8B,KAAqB,QAAd9B,KAAK+B,MACjB/B,KAAKgC,QAAwB,WAAdhC,KAAK+B,MACpB/B,KAAKiC,QAAwB,WAAdjC,KAAK+B,MACpB/B,KAAKkC,OAAuB,UAAdlC,KAAK+B,gCA7B1B7B,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,8sDAKCC,EAAAA,oBAEAA,EAAAA,mBAEAA,EAAAA,qBAEAA,EAAAA,qBAEAA,EAAAA,oBAEAA,EAAAA,uBAEAA,EAAAA,uBAEAA,EAAAA,sBAEAA,EAAAA,0BCtBL,SAAA6B,IAUanC,KAAAoC,QAA4B,GAE9BpC,KAAAqC,aAAe,CAAEC,EAAG,IAAKC,EAAG,YAE5BJ,EAAArB,UAAA0B,KAAA,SAAKC,GAKR,OAJAzC,KAAKqC,aAAaC,EAAIG,EAAMC,QAAU,KACtC1C,KAAKqC,aAAaE,EAAIE,EAAME,QAAU,KACtC3C,KAAK4C,eAAeC,YAEb,4BAnBd3C,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,kBACVC,SAAA,uYAEAyC,cAAeC,EAAAA,kBAAkBC,keAIhCC,EAAAA,UAAS9C,KAAA,CAAC+C,EAAAA,eAAgB,CAAEC,QAAQ,qBAEpC7C,EAAAA,0BCmBL,SAAA8C,YACSA,EAAAC,QAAP,SAAeC,GACb,MAAO,CACLC,SAAUH,EACVI,UAAW,CACT,CAAEC,QAAS5D,EAAa6D,UAAUJ,MAAAA,OAAM,EAANA,EAAQK,SAAU,SACpD,CAAEF,QAAS1D,EAAiB2D,SAA+B,OAArBJ,MAAAA,OAAM,EAANA,EAAQM,aAAoBN,MAAAA,OAAM,EAANA,EAAQM,wCA3BjFC,EAAAA,SAAQ1D,KAAA,CAAC,CACR2D,aAAc,CACZC,EACAxD,EACAmB,EACAS,GAEF6B,QAAS,CACPC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,cACAC,EAAAA,qBACAC,EAAAA,cAEFC,QAAS,CACPP,EACAxD,EACAmB,EACAS,aCjCJ,eCEC","sourcesContent":["// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */\r\n@Component({\r\n    selector: \"currency-span\",\r\n    templateUrl: \"currency-span.component.html\"\r\n})\r\nexport class CurrencySpanComponent {\r\n    /** Valore da formattare */\r\n    @Input() CurrencyValue: string | number;\r\n    /** Tipo in base al quale formattare il valore **CurrencyValue** */\r\n    @Input() CurrencyType: string = CurrencyType.EMPTY;\r\n}\r\n\r\n/**\r\n * @ignore\r\n * Al momento non serve assolutamente a niente, ma per espandere eventualmente \r\n * il componente in futuro lo lascio qui che schifo non fa.\r\n */\r\nexport enum CurrencyType {\r\n    EUR = \"€\",\r\n    USD = \"$\",\r\n    CAD = \"$\",\r\n    EMPTY = \"\"\r\n}","import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { ClipboardService } from \"@esfaenza/extensions\";\r\n\r\n// Direttive, Componenti, Librerie\r\nimport { ToastrService } from \"ngx-toastr\";\r\n\r\n/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */\r\n@Component({\r\n    selector: \"shorten-span\",\r\n    templateUrl: \"shorten-span.component.html\",\r\n    styleUrls: [\"./shorten-span.component.scss\"]\r\n})\r\nexport class ShortenSpanComponent {\r\n    /** Mostra **Text** con stile grassetto */\r\n    @Input() Bold: boolean = false;\r\n    /** Testo da mostrare nello span */\r\n    @Input() Text: string;\r\n    /** Lunghezza massima del testo, prima di venire troncato */\r\n    @Input() MaxLength: number = 999;\r\n    /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */\r\n    @Input() ClipboardCopy: boolean = false;\r\n\r\n    /** @ignore */\r\n    constructor(private toastrService: ToastrService, private clipboardService: ClipboardService) { }\r\n\r\n    /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */\r\n    public ShowTooltip = null;\r\n\r\n    /** @ignore */\r\n    ngOnInit() {\r\n        this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;\r\n    }\r\n\r\n    /**\r\n     * Copia un valore nella clipboard\r\n     * \r\n     * @param {string} value Valore da copiare nella clipboard\r\n     */\r\n    copyToClipboard(value: string) {\r\n        this.clipboardService.copyTextToClipboard(value);\r\n        this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });\r\n    }\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** \r\n * Questo componente serve a mostrare un badge di stato, con un testo **Status**.\r\n * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger** \r\n */\r\n@Component({\r\n    selector: \"status-badge\",\r\n    templateUrl: \"status-badge.component.html\",\r\n    styleUrls: [\"./status-badge.component.scss\"]\r\n})\r\nexport class StatusBadgeComponent {\r\n    /** Etichetta da mostrare nel badge */\r\n    @Input() public Status: string;\r\n    /** Dimensione del badge, in valore numerico (1 = 100%) */\r\n    @Input() public Zoom: number = 1;\r\n    /** Valore dello stile 'top' del badge */\r\n    @Input() public Top: string = \"20px\";\r\n    /** Valore dello stile 'right' del badge */\r\n    @Input() public Right: string = \"0px\";\r\n    /** Condizione per la gestione del livello del badge - (Info o Warning o Success o Danger)*/\r\n    @Input() public Level: 'Info' | 'Warning' | 'Success' | 'Danger';\r\n    /** Valore boolen relativo al binding del livello badge - (Info) */\r\n    @Input() public Info: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Warning) */\r\n    @Input() public Warning: boolean;\r\n   /** Valore boolen relativo al binding del livello badge - (Success) */\r\n    @Input() public Success: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Danger) */\r\n    @Input() public Danger: boolean ;\r\n\r\n    ngOnInit() {\r\n        this.Info = this.Level == \"Info\";\r\n        this.Warning = this.Level == \"Warning\";\r\n        this.Success = this.Level == \"Success\";\r\n        this.Danger = this.Level == \"Danger\";\r\n    }\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\r\n// Components\r\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\r\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\r\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\r\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/**\r\n * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}"]}
+{"version":3,"sources":["../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts"],"names":["CurrencyType","UCCO_LOCALE","InjectionToken","UCCO_DEBUG_MODE","this","EMPTY","Component","args","selector","template","Input","ShortenSpanComponent","toastrService","clipboardService","Bold","MaxLength","ClipboardCopy","ShowTooltip","prototype","ngOnInit","_a","Text","length","copyToClipboard","value","copyTextToClipboard","info","positionClass","ToastrService","ClipboardService","StatusBadgeComponent","Zoom","Top","Right","Info","Level","Warning","Success","Danger","SimpleDropdownComponent","Options","MenuPosition","x","y","Show","event","clientX","clientY","matMenuTrigger","openMenu","encapsulation","ViewEncapsulation","None","ViewChild","MatMenuTrigger","static","UtilityComponentsModule","forRoot","config","ngModule","providers","provide","useValue","locale","debugMode","NgModule","declarations","CurrencySpanComponent","imports","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule","exports"],"mappings":"qtBAoBYA,ECjBCC,EAAsC,IAAIC,EAAAA,eAAuB,eAEjEC,EAA2C,IAAID,EAAAA,eAAwB,qBDDpF,WAQaE,KAAAJ,aAAuBA,EAAAA,aAAaK,2BARhDC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAA,kTAICC,EAAAA,4BAEAA,EAAAA,UAQOV,EAAAA,EAAAA,eAAAA,EAAAA,aAAY,KACpB,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,MAAA,oBEEA,SAAAW,EAAoBC,EAAsCC,GAAtCT,KAAAQ,cAAAA,EAAsCR,KAAAS,iBAAAA,EATjDT,KAAAU,MAAgB,EAIhBV,KAAAW,UAAoB,IAEpBX,KAAAY,eAAyB,EAM3BZ,KAAAa,YAAc,YAGrBN,EAAAO,UAAAC,SAAA,iBACIf,KAAKa,aAAuB,QAATG,EAAAhB,KAAKiB,YAAI,IAAAD,OAAA,EAAAA,EAAEE,SAAUlB,KAAKW,UAAYX,KAAKiB,KAAO,MAQzEV,EAAAO,UAAAK,gBAAA,SAAgBC,GACZpB,KAAKS,iBAAiBY,oBAAoBD,GAC1CpB,KAAKQ,cAAcc,KAAK,iBAAkB,KAAM,CAAEC,cAAe,+CAjCxErB,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,miBALKmB,EAAAA,qBAHAC,EAAAA,kDAaJnB,EAAAA,oBAEAA,EAAAA,yBAEAA,EAAAA,6BAEAA,EAAAA,0BChBL,SAAAoB,IASoB1B,KAAA2B,KAAe,EAEf3B,KAAA4B,IAAc,OAEd5B,KAAA6B,MAAgB,aAYhCH,EAAAZ,UAAAC,SAAA,WACIf,KAAK8B,KAAqB,QAAd9B,KAAK+B,MACjB/B,KAAKgC,QAAwB,WAAdhC,KAAK+B,MACpB/B,KAAKiC,QAAwB,WAAdjC,KAAK+B,MACpB/B,KAAKkC,OAAuB,UAAdlC,KAAK+B,gCA7B1B7B,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,y8CAKCC,EAAAA,oBAEAA,EAAAA,mBAEAA,EAAAA,qBAEAA,EAAAA,qBAEAA,EAAAA,oBAEAA,EAAAA,uBAEAA,EAAAA,uBAEAA,EAAAA,sBAEAA,EAAAA,0BCtBL,SAAA6B,IAUanC,KAAAoC,QAA4B,GAE9BpC,KAAAqC,aAAe,CAAEC,EAAG,IAAKC,EAAG,YAE5BJ,EAAArB,UAAA0B,KAAA,SAAKC,GAKR,OAJAzC,KAAKqC,aAAaC,EAAIG,EAAMC,QAAU,KACtC1C,KAAKqC,aAAaE,EAAIE,EAAME,QAAU,KACtC3C,KAAK4C,eAAeC,YAEb,4BAnBd3C,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,kBACVC,SAAA,uYAEAyC,cAAeC,EAAAA,kBAAkBC,keAIhCC,EAAAA,UAAS9C,KAAA,CAAC+C,EAAAA,eAAgB,CAAEC,QAAQ,qBAEpC7C,EAAAA,0BCmBL,SAAA8C,YACSA,EAAAC,QAAP,SAAeC,GACb,MAAO,CACLC,SAAUH,EACVI,UAAW,CACT,CAAEC,QAAS5D,EAAa6D,UAAUJ,MAAAA,OAAM,EAANA,EAAQK,SAAU,SACpD,CAAEF,QAAS1D,EAAiB2D,SAA+B,OAArBJ,MAAAA,OAAM,EAANA,EAAQM,aAAoBN,MAAAA,OAAM,EAANA,EAAQM,wCA3BjFC,EAAAA,SAAQ1D,KAAA,CAAC,CACR2D,aAAc,CACZC,EACAxD,EACAmB,EACAS,GAEF6B,QAAS,CACPC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,cACAC,EAAAA,qBACAC,EAAAA,cAEFC,QAAS,CACPP,EACAxD,EACAmB,EACAS,aCjCJ,eCEC","sourcesContent":["// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */\r\n@Component({\r\n    selector: \"currency-span\",\r\n    templateUrl: \"currency-span.component.html\"\r\n})\r\nexport class CurrencySpanComponent {\r\n    /** Valore da formattare */\r\n    @Input() CurrencyValue: string | number;\r\n    /** Tipo in base al quale formattare il valore **CurrencyValue** */\r\n    @Input() CurrencyType: string = CurrencyType.EMPTY;\r\n}\r\n\r\n/**\r\n * @ignore\r\n * Al momento non serve assolutamente a niente, ma per espandere eventualmente \r\n * il componente in futuro lo lascio qui che schifo non fa.\r\n */\r\nexport enum CurrencyType {\r\n    EUR = \"€\",\r\n    USD = \"$\",\r\n    CAD = \"$\",\r\n    EMPTY = \"\"\r\n}","import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { ClipboardService } from \"@esfaenza/extensions\";\r\n\r\n// Direttive, Componenti, Librerie\r\nimport { ToastrService } from \"ngx-toastr\";\r\n\r\n/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */\r\n@Component({\r\n    selector: \"shorten-span\",\r\n    templateUrl: \"shorten-span.component.html\",\r\n    styleUrls: [\"./shorten-span.component.scss\"]\r\n})\r\nexport class ShortenSpanComponent {\r\n    /** Mostra **Text** con stile grassetto */\r\n    @Input() Bold: boolean = false;\r\n    /** Testo da mostrare nello span */\r\n    @Input() Text: string;\r\n    /** Lunghezza massima del testo, prima di venire troncato */\r\n    @Input() MaxLength: number = 999;\r\n    /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */\r\n    @Input() ClipboardCopy: boolean = false;\r\n\r\n    /** @ignore */\r\n    constructor(private toastrService: ToastrService, private clipboardService: ClipboardService) { }\r\n\r\n    /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */\r\n    public ShowTooltip = null;\r\n\r\n    /** @ignore */\r\n    ngOnInit() {\r\n        this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;\r\n    }\r\n\r\n    /**\r\n     * Copia un valore nella clipboard\r\n     * \r\n     * @param {string} value Valore da copiare nella clipboard\r\n     */\r\n    copyToClipboard(value: string) {\r\n        this.clipboardService.copyTextToClipboard(value);\r\n        this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });\r\n    }\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** \r\n * Questo componente serve a mostrare un badge di stato, con un testo **Status**.\r\n * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger** \r\n */\r\n@Component({\r\n    selector: \"status-badge\",\r\n    templateUrl: \"status-badge.component.html\",\r\n    styleUrls: [\"./status-badge.component.scss\"]\r\n})\r\nexport class StatusBadgeComponent {\r\n    /** Etichetta da mostrare nel badge */\r\n    @Input() public Status: string;\r\n    /** Dimensione del badge, in valore numerico (1 = 100%) */\r\n    @Input() public Zoom: number = 1;\r\n    /** Valore dello stile 'top' del badge */\r\n    @Input() public Top: string = \"20px\";\r\n    /** Valore dello stile 'right' del badge */\r\n    @Input() public Right: string = \"0px\";\r\n    /** Condizione per la gestione del livello del badge - (Info o Warning o Success o Danger)*/\r\n    @Input() public Level: 'Info' | 'Warning' | 'Success' | 'Danger';\r\n    /** Valore boolen relativo al binding del livello badge - (Info) */\r\n    @Input() public Info: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Warning) */\r\n    @Input() public Warning: boolean;\r\n   /** Valore boolen relativo al binding del livello badge - (Success) */\r\n    @Input() public Success: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Danger) */\r\n    @Input() public Danger: boolean ;\r\n\r\n    ngOnInit() {\r\n        this.Info = this.Level == \"Info\";\r\n        this.Warning = this.Level == \"Warning\";\r\n        this.Success = this.Level == \"Success\";\r\n        this.Danger = this.Level == \"Danger\";\r\n    }\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\r\n// Components\r\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\r\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\r\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\r\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/**\r\n * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}"]}

package/esfaenza-utility-components.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"UtilityComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CurrencySpanComponent"},{"__symbolic":"reference","name":"ShortenSpanComponent"},{"__symbolic":"reference","name":"StatusBadgeComponent"},{"__symbolic":"reference","name":"SimpleDropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":26,"character":4},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"FullExtensionsModule","line":27,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"CurrencySpanComponent"},{"__symbolic":"reference","name":"ShortenSpanComponent"},{"__symbolic":"reference","name":"StatusBadgeComponent"},{"__symbolic":"reference","name":"SimpleDropdownComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"UtilityComponentsModule"},"providers":[{"provide":{"__symbolic":"reference","name":"UCCO_LOCALE"},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"locale"},"right":"it-IT"}},{"provide":{"__symbolic":"reference","name":"UCCO_DEBUG_MODE"},"useValue":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"!=","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"debugMode"},"right":null},"thenExpression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"debugMode"},"elseExpression":false}}]}}}},"CurrencySpanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"currency-span","template":"<span [class.text-info]=\"CurrencyValue == 0\"\r\n      [class.text-success]=\"CurrencyValue > 0\"\r\n      [class.text-danger]=\"CurrencyValue < 0\">\r\n    {{CurrencyValue ? (CurrencyValue | currency:'':'':'1.2-2':'it') : '0,00'}} {{CurrencyType}}\r\n</span>"}]}],"members":{"CurrencyValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"CurrencyType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}]}},"CurrencyType":{"EUR":"€","USD":"$","CAD":"$","EMPTY":""},"ShortenSpanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"shorten-span","template":"<span [class.utils-copy]=\"ClipboardCopy\" (click)=\"ClipboardCopy ? copyToClipboard(Text) : null\" *ngIf=\"Text\" [class.utils-bold]=\"Bold\" [matTooltip]=\"ShowTooltip\">\r\n    {{Text.length > MaxLength + 3 ? Text.substr(0, MaxLength) + \"...\" : Text}}\r\n</span>","styles":[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}"]}]}],"members":{"Bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"Text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"MaxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"ClipboardCopy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":26,"character":39},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"ClipboardService","line":26,"character":80}]}],"ngOnInit":[{"__symbolic":"method"}],"copyToClipboard":[{"__symbolic":"method"}]}},"SimpleDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"simple-dropdown","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":19},"member":"None"},"template":"<div style=\"visibility: hidden; position: fixed;\" \r\n     [style.left]=\"MenuPosition.x\" \r\n     [style.top]=\"MenuPosition.y\" \r\n     [matMenuTriggerFor]=\"rightMenu\">\r\n</div>\r\n\r\n<mat-menu #rightMenu=\"matMenu\">\r\n    <ng-container *ngFor=\"let item of Options\">\r\n        <button mat-menu-item (click)=\"item.execute()\">{{item.label}}</button>\r\n    </ng-container>\r\n</mat-menu>","styles":[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.mat-menu-content:not(:empty){padding:0!important}.mat-menu-panel{min-height:unset!important}.mat-menu-item{background-color:#fff!important;height:38px!important;line-height:38px!important}"]}]}],"members":{"matMenuTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":16,"character":15},{"static":true}]}]}],"Options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"Show":[{"__symbolic":"method"}]}},"StatusBadgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"status-badge","template":"<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\" \r\n           \r\n           >\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>","styles":[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}"]}]}],"members":{"Status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"Zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"Top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"Right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"Level":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"Info":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"Warning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"Success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"Danger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DropdownOption":{"__symbolic":"class","members":{}},"UtilityComponentsModuleConfig":{"__symbolic":"class","members":{}},"UCCO_LOCALE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":55},"arguments":["UCCO_LOCALE"]},"UCCO_DEBUG_MODE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":60},"arguments":["UCCO_DEBUG_MODE"]}},"origins":{"UtilityComponentsModule":"./lib/utility-components.module","CurrencySpanComponent":"./lib/components/currency-span/currency-span.component","CurrencyType":"./lib/components/currency-span/currency-span.component","ShortenSpanComponent":"./lib/components/shorten-span/shorten-span.component","SimpleDropdownComponent":"./lib/components/simple-dropdown/simple-dropdown.component","StatusBadgeComponent":"./lib/components/status-badge/status-badge.component","DropdownOption":"./lib/models/DropdownOption","UtilityComponentsModuleConfig":"./lib/models/UtilityComponentsModuleConfig","UCCO_LOCALE":"./lib/tokens","UCCO_DEBUG_MODE":"./lib/tokens"},"importAs":"@esfaenza/utility-components"}
+{"__symbolic":"module","version":4,"metadata":{"UtilityComponentsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CurrencySpanComponent"},{"__symbolic":"reference","name":"ShortenSpanComponent"},{"__symbolic":"reference","name":"StatusBadgeComponent"},{"__symbolic":"reference","name":"SimpleDropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":26,"character":4},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"FullExtensionsModule","line":27,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"CurrencySpanComponent"},{"__symbolic":"reference","name":"ShortenSpanComponent"},{"__symbolic":"reference","name":"StatusBadgeComponent"},{"__symbolic":"reference","name":"SimpleDropdownComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"UtilityComponentsModule"},"providers":[{"provide":{"__symbolic":"reference","name":"UCCO_LOCALE"},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"locale"},"right":"it-IT"}},{"provide":{"__symbolic":"reference","name":"UCCO_DEBUG_MODE"},"useValue":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"!=","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"debugMode"},"right":null},"thenExpression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"debugMode"},"elseExpression":false}}]}}}},"CurrencySpanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"currency-span","template":"<span [class.text-info]=\"CurrencyValue == 0\"\r\n      [class.text-success]=\"CurrencyValue > 0\"\r\n      [class.text-danger]=\"CurrencyValue < 0\">\r\n    {{CurrencyValue ? (CurrencyValue | currency:'':'':'1.2-2':'it') : '0,00'}} {{CurrencyType}}\r\n</span>"}]}],"members":{"CurrencyValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"CurrencyType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}]}},"CurrencyType":{"EUR":"€","USD":"$","CAD":"$","EMPTY":""},"ShortenSpanComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"shorten-span","template":"<span [class.utils-copy]=\"ClipboardCopy\" (click)=\"ClipboardCopy ? copyToClipboard(Text) : null\" *ngIf=\"Text\" [class.utils-bold]=\"Bold\" [matTooltip]=\"ShowTooltip\">\r\n    {{Text.length > MaxLength + 3 ? Text.substr(0, MaxLength) + \"...\" : Text}}\r\n</span>","styles":[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}"]}]}],"members":{"Bold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"Text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"MaxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"ClipboardCopy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":26,"character":39},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"ClipboardService","line":26,"character":80}]}],"ngOnInit":[{"__symbolic":"method"}],"copyToClipboard":[{"__symbolic":"method"}]}},"SimpleDropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"simple-dropdown","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":19},"member":"None"},"template":"<div style=\"visibility: hidden; position: fixed;\" \r\n     [style.left]=\"MenuPosition.x\" \r\n     [style.top]=\"MenuPosition.y\" \r\n     [matMenuTriggerFor]=\"rightMenu\">\r\n</div>\r\n\r\n<mat-menu #rightMenu=\"matMenu\">\r\n    <ng-container *ngFor=\"let item of Options\">\r\n        <button mat-menu-item (click)=\"item.execute()\">{{item.label}}</button>\r\n    </ng-container>\r\n</mat-menu>","styles":[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.mat-menu-content:not(:empty){padding:0!important}.mat-menu-panel{min-height:unset!important}.mat-menu-item{background-color:#fff!important;height:38px!important;line-height:38px!important}"]}]}],"members":{"matMenuTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":16,"character":15},{"static":true}]}]}],"Options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"Show":[{"__symbolic":"method"}]}},"StatusBadgeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"status-badge","template":"<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" class=\"ml-2 app-bold\">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n</div>","styles":[".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}"]}]}],"members":{"Status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"Zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"Top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"Right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"Level":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"Info":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"Warning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"Success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"Danger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DropdownOption":{"__symbolic":"class","members":{}},"UtilityComponentsModuleConfig":{"__symbolic":"class","members":{}},"UCCO_LOCALE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":55},"arguments":["UCCO_LOCALE"]},"UCCO_DEBUG_MODE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":60},"arguments":["UCCO_DEBUG_MODE"]}},"origins":{"UtilityComponentsModule":"./lib/utility-components.module","CurrencySpanComponent":"./lib/components/currency-span/currency-span.component","CurrencyType":"./lib/components/currency-span/currency-span.component","ShortenSpanComponent":"./lib/components/shorten-span/shorten-span.component","SimpleDropdownComponent":"./lib/components/simple-dropdown/simple-dropdown.component","StatusBadgeComponent":"./lib/components/status-badge/status-badge.component","DropdownOption":"./lib/models/DropdownOption","UtilityComponentsModuleConfig":"./lib/models/UtilityComponentsModuleConfig","UCCO_LOCALE":"./lib/tokens","UCCO_DEBUG_MODE":"./lib/tokens"},"importAs":"@esfaenza/utility-components"}

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

@@ -23,7 +23,7 @@ export class StatusBadgeComponent {
 StatusBadgeComponent.decorators = [
     { type: Component, args: [{
                 selector: "status-badge",
-                template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\" \r\n           \r\n           >\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
+                template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" class=\"ml-2 app-bold\">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n</div>",
                 styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}"]
             },] }
 ];
@@ -38,4 +38,4 @@ StatusBadgeComponent.propDecorators = {
     Success: [{ type: Input }],
     Danger: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRSSwwREFBMEQ7UUFDMUMsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQyx5Q0FBeUM7UUFDekIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQywyQ0FBMkM7UUFDM0IsVUFBSyxHQUFXLEtBQUssQ0FBQztJQWtCMUMsQ0FBQztJQU5HLFFBQVE7UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksTUFBTSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTLENBQUM7UUFDdkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLFNBQVMsQ0FBQztRQUN2QyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksUUFBUSxDQUFDO0lBQ3pDLENBQUM7OztZQTlCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDZsQ0FBMEM7O2FBRTdDOzs7cUJBR0ksS0FBSzttQkFFTCxLQUFLO2tCQUVMLEtBQUs7b0JBRUwsS0FBSztvQkFFTCxLQUFLO21CQUVMLEtBQUs7c0JBRUwsS0FBSztzQkFFTCxLQUFLO3FCQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBBbmd1bGFyXHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLyoqIFxyXG4gKiBRdWVzdG8gY29tcG9uZW50ZSBzZXJ2ZSBhIG1vc3RyYXJlIHVuIGJhZGdlIGRpIHN0YXRvLCBjb24gdW4gdGVzdG8gKipTdGF0dXMqKi5cclxuICogQ29sb3JhdG8gaW4gYmFzZSBhIGNvbmRpemlvbmkgZGkgKipJbmZvKiosICoqU3VjY2VzcyoqLCAqKldhcm5pbmcqKiBvICoqRGFuZ2VyKiogXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiBcInN0YXR1cy1iYWRnZVwiLFxyXG4gICAgdGVtcGxhdGVVcmw6IFwic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgICBzdHlsZVVybHM6IFtcIi4vc3RhdHVzLWJhZGdlLmNvbXBvbmVudC5zY3NzXCJdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGF0dXNCYWRnZUNvbXBvbmVudCB7XHJcbiAgICAvKiogRXRpY2hldHRhIGRhIG1vc3RyYXJlIG5lbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFN0YXR1czogc3RyaW5nO1xyXG4gICAgLyoqIERpbWVuc2lvbmUgZGVsIGJhZGdlLCBpbiB2YWxvcmUgbnVtZXJpY28gKDEgPSAxMDAlKSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFpvb206IG51bWJlciA9IDE7XHJcbiAgICAvKiogVmFsb3JlIGRlbGxvIHN0aWxlICd0b3AnIGRlbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFRvcDogc3RyaW5nID0gXCIyMHB4XCI7XHJcbiAgICAvKiogVmFsb3JlIGRlbGxvIHN0aWxlICdyaWdodCcgZGVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgUmlnaHQ6IHN0cmluZyA9IFwiMHB4XCI7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgbGEgZ2VzdGlvbmUgZGVsIGxpdmVsbG8gZGVsIGJhZGdlIC0gKEluZm8gbyBXYXJuaW5nIG8gU3VjY2VzcyBvIERhbmdlcikqL1xyXG4gICAgQElucHV0KCkgcHVibGljIExldmVsOiAnSW5mbycgfCAnV2FybmluZycgfCAnU3VjY2VzcycgfCAnRGFuZ2VyJztcclxuICAgIC8qKiBWYWxvcmUgYm9vbGVuIHJlbGF0aXZvIGFsIGJpbmRpbmcgZGVsIGxpdmVsbG8gYmFkZ2UgLSAoSW5mbykgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBJbmZvOiBib29sZWFuIDtcclxuICAgIC8qKiBWYWxvcmUgYm9vbGVuIHJlbGF0aXZvIGFsIGJpbmRpbmcgZGVsIGxpdmVsbG8gYmFkZ2UgLSAoV2FybmluZykgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBXYXJuaW5nOiBib29sZWFuO1xyXG4gICAvKiogVmFsb3JlIGJvb2xlbiByZWxhdGl2byBhbCBiaW5kaW5nIGRlbCBsaXZlbGxvIGJhZGdlIC0gKFN1Y2Nlc3MpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3VjY2VzczogYm9vbGVhbiA7XHJcbiAgICAvKiogVmFsb3JlIGJvb2xlbiByZWxhdGl2byBhbCBiaW5kaW5nIGRlbCBsaXZlbGxvIGJhZGdlIC0gKERhbmdlcikgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBEYW5nZXI6IGJvb2xlYW4gO1xyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuSW5mbyA9IHRoaXMuTGV2ZWwgPT0gXCJJbmZvXCI7XHJcbiAgICAgICAgdGhpcy5XYXJuaW5nID0gdGhpcy5MZXZlbCA9PSBcIldhcm5pbmdcIjtcclxuICAgICAgICB0aGlzLlN1Y2Nlc3MgPSB0aGlzLkxldmVsID09IFwiU3VjY2Vzc1wiO1xyXG4gICAgICAgIHRoaXMuRGFuZ2VyID0gdGhpcy5MZXZlbCA9PSBcIkRhbmdlclwiO1xyXG4gICAgfVxyXG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRSSwwREFBMEQ7UUFDMUMsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQyx5Q0FBeUM7UUFDekIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQywyQ0FBMkM7UUFDM0IsVUFBSyxHQUFXLEtBQUssQ0FBQztJQWtCMUMsQ0FBQztJQU5HLFFBQVE7UUFDSixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksTUFBTSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTLENBQUM7UUFDdkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLFNBQVMsQ0FBQztRQUN2QyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksUUFBUSxDQUFDO0lBQ3pDLENBQUM7OztZQTlCSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLGcxQkFBMEM7O2FBRTdDOzs7cUJBR0ksS0FBSzttQkFFTCxLQUFLO2tCQUVMLEtBQUs7b0JBRUwsS0FBSztvQkFFTCxLQUFLO21CQUVMLEtBQUs7c0JBRUwsS0FBSztzQkFFTCxLQUFLO3FCQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBBbmd1bGFyXHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLyoqIFxyXG4gKiBRdWVzdG8gY29tcG9uZW50ZSBzZXJ2ZSBhIG1vc3RyYXJlIHVuIGJhZGdlIGRpIHN0YXRvLCBjb24gdW4gdGVzdG8gKipTdGF0dXMqKi5cclxuICogQ29sb3JhdG8gaW4gYmFzZSBhIGNvbmRpemlvbmkgZGkgKipJbmZvKiosICoqU3VjY2VzcyoqLCAqKldhcm5pbmcqKiBvICoqRGFuZ2VyKiogXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiBcInN0YXR1cy1iYWRnZVwiLFxyXG4gICAgdGVtcGxhdGVVcmw6IFwic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgICBzdHlsZVVybHM6IFtcIi4vc3RhdHVzLWJhZGdlLmNvbXBvbmVudC5zY3NzXCJdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGF0dXNCYWRnZUNvbXBvbmVudCB7XHJcbiAgICAvKiogRXRpY2hldHRhIGRhIG1vc3RyYXJlIG5lbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFN0YXR1czogc3RyaW5nO1xyXG4gICAgLyoqIERpbWVuc2lvbmUgZGVsIGJhZGdlLCBpbiB2YWxvcmUgbnVtZXJpY28gKDEgPSAxMDAlKSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFpvb206IG51bWJlciA9IDE7XHJcbiAgICAvKiogVmFsb3JlIGRlbGxvIHN0aWxlICd0b3AnIGRlbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFRvcDogc3RyaW5nID0gXCIyMHB4XCI7XHJcbiAgICAvKiogVmFsb3JlIGRlbGxvIHN0aWxlICdyaWdodCcgZGVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgUmlnaHQ6IHN0cmluZyA9IFwiMHB4XCI7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgbGEgZ2VzdGlvbmUgZGVsIGxpdmVsbG8gZGVsIGJhZGdlIC0gKEluZm8gbyBXYXJuaW5nIG8gU3VjY2VzcyBvIERhbmdlcikqL1xyXG4gICAgQElucHV0KCkgcHVibGljIExldmVsOiAnSW5mbycgfCAnV2FybmluZycgfCAnU3VjY2VzcycgfCAnRGFuZ2VyJztcclxuICAgIC8qKiBWYWxvcmUgYm9vbGVuIHJlbGF0aXZvIGFsIGJpbmRpbmcgZGVsIGxpdmVsbG8gYmFkZ2UgLSAoSW5mbykgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBJbmZvOiBib29sZWFuIDtcclxuICAgIC8qKiBWYWxvcmUgYm9vbGVuIHJlbGF0aXZvIGFsIGJpbmRpbmcgZGVsIGxpdmVsbG8gYmFkZ2UgLSAoV2FybmluZykgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBXYXJuaW5nOiBib29sZWFuO1xyXG4gICAvKiogVmFsb3JlIGJvb2xlbiByZWxhdGl2byBhbCBiaW5kaW5nIGRlbCBsaXZlbGxvIGJhZGdlIC0gKFN1Y2Nlc3MpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3VjY2VzczogYm9vbGVhbiA7XHJcbiAgICAvKiogVmFsb3JlIGJvb2xlbiByZWxhdGl2byBhbCBiaW5kaW5nIGRlbCBsaXZlbGxvIGJhZGdlIC0gKERhbmdlcikgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBEYW5nZXI6IGJvb2xlYW4gO1xyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuSW5mbyA9IHRoaXMuTGV2ZWwgPT0gXCJJbmZvXCI7XHJcbiAgICAgICAgdGhpcy5XYXJuaW5nID0gdGhpcy5MZXZlbCA9PSBcIldhcm5pbmdcIjtcclxuICAgICAgICB0aGlzLlN1Y2Nlc3MgPSB0aGlzLkxldmVsID09IFwiU3VjY2Vzc1wiO1xyXG4gICAgICAgIHRoaXMuRGFuZ2VyID0gdGhpcy5MZXZlbCA9PSBcIkRhbmdlclwiO1xyXG4gICAgfVxyXG59Il19

package/fesm2015/esfaenza-utility-components.js

@@ -114,7 +114,7 @@ class StatusBadgeComponent {
 StatusBadgeComponent.decorators = [
     { type: Component, args: [{
                 selector: "status-badge",
-                template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\" \r\n           \r\n           >\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
+                template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" \r\n           [class.fa-exclamation-circle]=\"Warning\" \r\n           [class.fa-check-circle]=\"Success\" \r\n           [class.fa-times-circle]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" class=\"ml-2 app-bold\">{{Status.toUpperCase()}}</span>\r\n    </span>\r\n</div>",
                 styles: [".utils-pointer{cursor:pointer}.utils-copy{cursor:copy}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid;color:#248dad}.status-badge-warning{border:3px solid;color:#f79a17}.status-badge-success{border:3px solid;color:#2d922d}.status-badge-danger{border:3px solid;color:#bf1725}"]
             },] }
 ];

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 la gestione del livello del badge - (Info o Warning o Success o Danger)*/\r\n    @Input() public Level: 'Info' | 'Warning' | 'Success' | 'Danger';\r\n    /** Valore boolen relativo al binding del livello badge - (Info) */\r\n    @Input() public Info: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Warning) */\r\n    @Input() public Warning: boolean;\r\n   /** Valore boolen relativo al binding del livello badge - (Success) */\r\n    @Input() public Success: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Danger) */\r\n    @Input() public Danger: boolean ;\r\n\r\n    ngOnInit() {\r\n        this.Info = this.Level == \"Info\";\r\n        this.Warning = this.Level == \"Warning\";\r\n        this.Success = this.Level == \"Success\";\r\n        this.Danger = this.Level == \"Danger\";\r\n    }\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\r\n// Components\r\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\r\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\r\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\r\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/**\r\n * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}","/*\r\n * Public API Surface of utility-components\r\n */\r\n\r\nexport * from './lib/utility-components.module';\r\nexport * from './lib/components/currency-span/currency-span.component';\r\nexport * from './lib/components/shorten-span/shorten-span.component';\r\nexport * from './lib/components/simple-dropdown/simple-dropdown.component';\r\nexport * from './lib/components/status-badge/status-badge.component';\r\nexport * from './lib/models/DropdownOption';\r\nexport * from './lib/models/UtilityComponentsModuleConfig';\r\nexport * from './lib/tokens';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"esfaenza-utility-components.js","sources":["../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */\r\n@Component({\r\n    selector: \"currency-span\",\r\n    templateUrl: \"currency-span.component.html\"\r\n})\r\nexport class CurrencySpanComponent {\r\n    /** Valore da formattare */\r\n    @Input() CurrencyValue: string | number;\r\n    /** Tipo in base al quale formattare il valore **CurrencyValue** */\r\n    @Input() CurrencyType: string = CurrencyType.EMPTY;\r\n}\r\n\r\n/**\r\n * @ignore\r\n * Al momento non serve assolutamente a niente, ma per espandere eventualmente \r\n * il componente in futuro lo lascio qui che schifo non fa.\r\n */\r\nexport enum CurrencyType {\r\n    EUR = \"€\",\r\n    USD = \"$\",\r\n    CAD = \"$\",\r\n    EMPTY = \"\"\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { ClipboardService } from \"@esfaenza/extensions\";\r\n\r\n// Direttive, Componenti, Librerie\r\nimport { ToastrService } from \"ngx-toastr\";\r\n\r\n/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */\r\n@Component({\r\n    selector: \"shorten-span\",\r\n    templateUrl: \"shorten-span.component.html\",\r\n    styleUrls: [\"./shorten-span.component.scss\"]\r\n})\r\nexport class ShortenSpanComponent {\r\n    /** Mostra **Text** con stile grassetto */\r\n    @Input() Bold: boolean = false;\r\n    /** Testo da mostrare nello span */\r\n    @Input() Text: string;\r\n    /** Lunghezza massima del testo, prima di venire troncato */\r\n    @Input() MaxLength: number = 999;\r\n    /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */\r\n    @Input() ClipboardCopy: boolean = false;\r\n\r\n    /** @ignore */\r\n    constructor(private toastrService: ToastrService, private clipboardService: ClipboardService) { }\r\n\r\n    /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */\r\n    public ShowTooltip = null;\r\n\r\n    /** @ignore */\r\n    ngOnInit() {\r\n        this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;\r\n    }\r\n\r\n    /**\r\n     * Copia un valore nella clipboard\r\n     * \r\n     * @param {string} value Valore da copiare nella clipboard\r\n     */\r\n    copyToClipboard(value: string) {\r\n        this.clipboardService.copyTextToClipboard(value);\r\n        this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });\r\n    }\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** \r\n * Questo componente serve a mostrare un badge di stato, con un testo **Status**.\r\n * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger** \r\n */\r\n@Component({\r\n    selector: \"status-badge\",\r\n    templateUrl: \"status-badge.component.html\",\r\n    styleUrls: [\"./status-badge.component.scss\"]\r\n})\r\nexport class StatusBadgeComponent {\r\n    /** Etichetta da mostrare nel badge */\r\n    @Input() public Status: string;\r\n    /** Dimensione del badge, in valore numerico (1 = 100%) */\r\n    @Input() public Zoom: number = 1;\r\n    /** Valore dello stile 'top' del badge */\r\n    @Input() public Top: string = \"20px\";\r\n    /** Valore dello stile 'right' del badge */\r\n    @Input() public Right: string = \"0px\";\r\n    /** Condizione per la gestione del livello del badge - (Info o Warning o Success o Danger)*/\r\n    @Input() public Level: 'Info' | 'Warning' | 'Success' | 'Danger';\r\n    /** Valore boolen relativo al binding del livello badge - (Info) */\r\n    @Input() public Info: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Warning) */\r\n    @Input() public Warning: boolean;\r\n   /** Valore boolen relativo al binding del livello badge - (Success) */\r\n    @Input() public Success: boolean ;\r\n    /** Valore boolen relativo al binding del livello badge - (Danger) */\r\n    @Input() public Danger: boolean ;\r\n\r\n    ngOnInit() {\r\n        this.Info = this.Level == \"Info\";\r\n        this.Warning = this.Level == \"Warning\";\r\n        this.Success = this.Level == \"Success\";\r\n        this.Danger = this.Level == \"Danger\";\r\n    }\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\r\n// Components\r\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\r\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\r\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\r\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/**\r\n * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}","/*\r\n * Public API Surface of utility-components\r\n */\r\n\r\nexport * from './lib/utility-components.module';\r\nexport * from './lib/components/currency-span/currency-span.component';\r\nexport * from './lib/components/shorten-span/shorten-span.component';\r\nexport * from './lib/components/simple-dropdown/simple-dropdown.component';\r\nexport * from './lib/components/status-badge/status-badge.component';\r\nexport * from './lib/models/DropdownOption';\r\nexport * from './lib/models/UtilityComponentsModuleConfig';\r\nexport * from './lib/tokens';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

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