@esfaenza/utility-components 11.2.1 → 11.2.4

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-toastr'), require('@esfaenza/extensions'), require('@angular/platform-browser/animations'), require('@angular/material/tooltip'), require('@angular/material/menu')) :
-    typeof define === 'function' && define.amd ? define('@esfaenza/utility-components', ['exports', '@angular/core', '@angular/common', 'ngx-toastr', '@esfaenza/extensions', '@angular/platform-browser/animations', '@angular/material/tooltip', '@angular/material/menu'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza['utility-components'] = {}), global.ng.core, global.ng.common, global.ngxToastr, global.extensions, global.ng.platformBrowser.animations, global.ng.material.tooltip, global.ng.material.menu));
-}(this, (function (exports, core, common, ngxToastr, extensions, animations, tooltip, menu) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-toastr'), require('@esfaenza/extensions'), require('@angular/material/tooltip'), require('@angular/material/menu')) :
+    typeof define === 'function' && define.amd ? define('@esfaenza/utility-components', ['exports', '@angular/core', '@angular/common', 'ngx-toastr', '@esfaenza/extensions', '@angular/material/tooltip', '@angular/material/menu'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza['utility-components'] = {}), global.ng.core, global.ng.common, global.ngxToastr, global.extensions, global.ng.material.tooltip, global.ng.material.menu));
+}(this, (function (exports, core, common, ngxToastr, extensions, tooltip, menu) { 'use strict';
 
     /** Token che indica la lingua da utilizzare, sono supportate "it-IT" ed "en-US" */
     var UCCO_LOCALE = new core.InjectionToken('UCCO_LOCALE');
@@ -96,6 +96,8 @@
             this.Zoom = 1;
             /** Valore dello stile 'top' del badge */
             this.Top = "20px";
+            /** Valore dello stile 'right' del badge */
+            this.Right = "0px";
             /** Condizione per cui il badge carichi gli stili 'Info' */
             this.Info = true;
             /** Condizione per cui il badge carichi gli stili 'Warning' */
@@ -110,14 +112,15 @@
     StatusBadgeComponent.decorators = [
         { type: core.Component, args: [{
                     selector: "status-badge",
-                    template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
-                    styles: [".utils-pointer{cursor:pointer}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
+                    template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
+                    styles: [".utils-pointer{cursor:pointer}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
                 },] }
     ];
     StatusBadgeComponent.propDecorators = {
         Status: [{ type: core.Input }],
         Zoom: [{ type: core.Input }],
         Top: [{ type: core.Input }],
+        Right: [{ type: core.Input }],
         Info: [{ type: core.Input }],
         Warning: [{ type: core.Input }],
         Success: [{ type: core.Input }],
@@ -180,7 +183,6 @@
                     ],
                     imports: [
                         common.CommonModule,
-                        animations.BrowserAnimationsModule,
                         tooltip.MatTooltipModule,
                         menu.MatMenuModule,
                         extensions.FullExtensionsModule,

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts"],"names":["CurrencyType","UCCO_LOCALE","InjectionToken","UCCO_DEBUG_MODE","this","EMPTY","Component","args","selector","template","Input","ShortenSpanComponent","toastrService","clipboardService","Bold","MaxLength","ClipboardCopy","ShowTooltip","prototype","ngOnInit","_a","Text","length","copyToClipboard","value","copyTextToClipboard","info","positionClass","ToastrService","ClipboardService","Zoom","Top","Info","Warning","Success","Danger","SimpleDropdownComponent","Options","MenuPosition","x","y","Show","event","clientX","clientY","matMenuTrigger","openMenu","encapsulation","ViewEncapsulation","None","ViewChild","MatMenuTrigger","static","UtilityComponentsModule","forRoot","config","ngModule","providers","provide","useValue","locale","debugMode","NgModule","declarations","CurrencySpanComponent","StatusBadgeComponent","imports","CommonModule","BrowserAnimationsModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule","exports"],"mappings":"80BAoBYA,ECjBCC,EAAsC,IAAIC,EAAAA,eAAuB,eAEjEC,EAA2C,IAAID,EAAAA,eAAwB,qBDDpF,WAQaE,KAAAJ,aAAuBA,EAAAA,aAAaK,2BARhDC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAA,kTAICC,EAAAA,4BAEAA,EAAAA,UAQOV,EAAAA,EAAAA,eAAAA,EAAAA,aAAY,KACpB,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,MAAA,oBEEA,SAAAW,EAAoBC,EAAsCC,GAAtCT,KAAAQ,cAAAA,EAAsCR,KAAAS,iBAAAA,EATjDT,KAAAU,MAAgB,EAIhBV,KAAAW,UAAoB,IAEpBX,KAAAY,eAAyB,EAM3BZ,KAAAa,YAAc,YAGrBN,EAAAO,UAAAC,SAAA,iBACIf,KAAKa,aAAuB,QAATG,EAAAhB,KAAKiB,YAAI,IAAAD,OAAA,EAAAA,EAAEE,SAAUlB,KAAKW,UAAYX,KAAKiB,KAAO,MAQzEV,EAAAO,UAAAK,gBAAA,SAAgBC,GACZpB,KAAKS,iBAAiBY,oBAAoBD,GAC1CpB,KAAKQ,cAAcc,KAAK,iBAAkB,KAAM,CAAEC,cAAe,+CAjCxErB,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,8gBALKmB,EAAAA,qBAHAC,EAAAA,kDAaJnB,EAAAA,oBAEAA,EAAAA,yBAEAA,EAAAA,6BAEAA,EAAAA,eChBL,WASoBN,KAAA0B,KAAe,EAEf1B,KAAA2B,IAAc,OAEd3B,KAAA4B,MAAgB,EAEhB5B,KAAA6B,SAAmB,EAEnB7B,KAAA8B,SAAmB,EAEnB9B,KAAA+B,QAAkB,uBAnBrC7B,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,gsDAKCC,EAAAA,oBAEAA,EAAAA,mBAEAA,EAAAA,oBAEAA,EAAAA,uBAEAA,EAAAA,uBAEAA,EAAAA,sBAEAA,EAAAA,0BClBL,SAAA0B,IAUahC,KAAAiC,QAA4B,GAE9BjC,KAAAkC,aAAe,CAAEC,EAAG,IAAKC,EAAG,YAE5BJ,EAAAlB,UAAAuB,KAAA,SAAKC,GAKR,OAJAtC,KAAKkC,aAAaC,EAAIG,EAAMC,QAAU,KACtCvC,KAAKkC,aAAaE,EAAIE,EAAME,QAAU,KACtCxC,KAAKyC,eAAeC,YAEb,4BAnBdxC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,kBACVC,SAAA,uYAEAsC,cAAeC,EAAAA,kBAAkBC,0cAIhCC,EAAAA,UAAS3C,KAAA,CAAC4C,EAAAA,eAAgB,CAAEC,QAAQ,qBAEpC1C,EAAAA,0BCsBL,SAAA2C,YACSA,EAAAC,QAAP,SAAeC,GACb,MAAO,CACLC,SAAUH,EACVI,UAAW,CACT,CAAEC,QAASzD,EAAa0D,UAAUJ,MAAAA,OAAM,EAANA,EAAQK,SAAU,SACpD,CAAEF,QAASvD,EAAiBwD,SAA+B,OAArBJ,MAAAA,OAAM,EAANA,EAAQM,aAAoBN,MAAAA,OAAM,EAANA,EAAQM,wCA7BjFC,EAAAA,SAAQvD,KAAA,CAAC,CACRwD,aAAc,CACZC,EACArD,EACAsD,EACA7B,GAEF8B,QAAS,CACPC,EAAAA,aACAC,EAAAA,wBACAC,EAAAA,iBACAC,EAAAA,cAEAC,EAAAA,qBACAC,EAAAA,cAEFC,QAAS,CACPT,EACArD,EACAsD,EACA7B,aCpCJ,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    /** Condizione per cui il badge carichi gli stili 'Info' */\r\n    @Input() public Info: boolean = true;\r\n    /** Condizione per cui il badge carichi gli stili 'Warning' */\r\n    @Input() public Warning: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Success' */\r\n    @Input() public Success: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Danger' */\r\n    @Input() public Danger: boolean = false;\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","// Modules\nimport { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ToastrModule } from 'ngx-toastr';\nimport { FullExtensionsModule } from '@esfaenza/extensions';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatMenuModule } from '@angular/material/menu';\n// Models\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\n// Components\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\n\n@NgModule({\n  declarations: [\n    CurrencySpanComponent,\n    ShortenSpanComponent,\n    StatusBadgeComponent,\n    SimpleDropdownComponent\n  ],\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    MatTooltipModule,\n    MatMenuModule,\n\n    FullExtensionsModule,\n    ToastrModule\n  ],\n  exports: [\n    CurrencySpanComponent,\n    ShortenSpanComponent,\n    StatusBadgeComponent,\n    SimpleDropdownComponent\n  ]\n})\nexport class UtilityComponentsModule {\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\n    return {\n      ngModule: UtilityComponentsModule,\n      providers: [\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\n      ]\n    };\n  }\n}\n","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/**\r\n * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}"]}
+{"version":3,"sources":["../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts"],"names":["CurrencyType","UCCO_LOCALE","InjectionToken","UCCO_DEBUG_MODE","this","EMPTY","Component","args","selector","template","Input","ShortenSpanComponent","toastrService","clipboardService","Bold","MaxLength","ClipboardCopy","ShowTooltip","prototype","ngOnInit","_a","Text","length","copyToClipboard","value","copyTextToClipboard","info","positionClass","ToastrService","ClipboardService","Zoom","Top","Right","Info","Warning","Success","Danger","SimpleDropdownComponent","Options","MenuPosition","x","y","Show","event","clientX","clientY","matMenuTrigger","openMenu","encapsulation","ViewEncapsulation","None","ViewChild","MatMenuTrigger","static","UtilityComponentsModule","forRoot","config","ngModule","providers","provide","useValue","locale","debugMode","NgModule","declarations","CurrencySpanComponent","StatusBadgeComponent","imports","CommonModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule","exports"],"mappings":"qtBAoBYA,ECjBCC,EAAsC,IAAIC,EAAAA,eAAuB,eAEjEC,EAA2C,IAAID,EAAAA,eAAwB,qBDDpF,WAQaE,KAAAJ,aAAuBA,EAAAA,aAAaK,2BARhDC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,gBACVC,SAAA,kTAICC,EAAAA,4BAEAA,EAAAA,UAQOV,EAAAA,EAAAA,eAAAA,EAAAA,aAAY,KACpB,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,IAAA,IACAA,EAAA,MAAA,oBEEA,SAAAW,EAAoBC,EAAsCC,GAAtCT,KAAAQ,cAAAA,EAAsCR,KAAAS,iBAAAA,EATjDT,KAAAU,MAAgB,EAIhBV,KAAAW,UAAoB,IAEpBX,KAAAY,eAAyB,EAM3BZ,KAAAa,YAAc,YAGrBN,EAAAO,UAAAC,SAAA,iBACIf,KAAKa,aAAuB,QAATG,EAAAhB,KAAKiB,YAAI,IAAAD,OAAA,EAAAA,EAAEE,SAAUlB,KAAKW,UAAYX,KAAKiB,KAAO,MAQzEV,EAAAO,UAAAK,gBAAA,SAAgBC,GACZpB,KAAKS,iBAAiBY,oBAAoBD,GAC1CpB,KAAKQ,cAAcc,KAAK,iBAAkB,KAAM,CAAEC,cAAe,+CAjCxErB,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,8gBALKmB,EAAAA,qBAHAC,EAAAA,kDAaJnB,EAAAA,oBAEAA,EAAAA,yBAEAA,EAAAA,6BAEAA,EAAAA,eChBL,WASoBN,KAAA0B,KAAe,EAEf1B,KAAA2B,IAAc,OAEd3B,KAAA4B,MAAgB,MAEhB5B,KAAA6B,MAAgB,EAEhB7B,KAAA8B,SAAmB,EAEnB9B,KAAA+B,SAAmB,EAEnB/B,KAAAgC,QAAkB,uBArBrC9B,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,eACVC,SAAA,gvDAKCC,EAAAA,oBAEAA,EAAAA,mBAEAA,EAAAA,qBAEAA,EAAAA,oBAEAA,EAAAA,uBAEAA,EAAAA,uBAEAA,EAAAA,sBAEAA,EAAAA,0BCpBL,SAAA2B,IAUajC,KAAAkC,QAA4B,GAE9BlC,KAAAmC,aAAe,CAAEC,EAAG,IAAKC,EAAG,YAE5BJ,EAAAnB,UAAAwB,KAAA,SAAKC,GAKR,OAJAvC,KAAKmC,aAAaC,EAAIG,EAAMC,QAAU,KACtCxC,KAAKmC,aAAaE,EAAIE,EAAME,QAAU,KACtCzC,KAAK0C,eAAeC,YAEb,4BAnBdzC,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,kBACVC,SAAA,uYAEAuC,cAAeC,EAAAA,kBAAkBC,0cAIhCC,EAAAA,UAAS5C,KAAA,CAAC6C,EAAAA,eAAgB,CAAEC,QAAQ,qBAEpC3C,EAAAA,0BCmBL,SAAA4C,YACSA,EAAAC,QAAP,SAAeC,GACb,MAAO,CACLC,SAAUH,EACVI,UAAW,CACT,CAAEC,QAAS1D,EAAa2D,UAAUJ,MAAAA,OAAM,EAANA,EAAQK,SAAU,SACpD,CAAEF,QAASxD,EAAiByD,SAA+B,OAArBJ,MAAAA,OAAM,EAANA,EAAQM,aAAoBN,MAAAA,OAAM,EAANA,EAAQM,wCA3BjFC,EAAAA,SAAQxD,KAAA,CAAC,CACRyD,aAAc,CACZC,EACAtD,EACAuD,EACA7B,GAEF8B,QAAS,CACPC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,cACAC,EAAAA,qBACAC,EAAAA,cAEFC,QAAS,CACPR,EACAtD,EACAuD,EACA7B,aCjCJ,eCEC","sourcesContent":["// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */\r\n@Component({\r\n    selector: \"currency-span\",\r\n    templateUrl: \"currency-span.component.html\"\r\n})\r\nexport class CurrencySpanComponent {\r\n    /** Valore da formattare */\r\n    @Input() CurrencyValue: string | number;\r\n    /** Tipo in base al quale formattare il valore **CurrencyValue** */\r\n    @Input() CurrencyType: string = CurrencyType.EMPTY;\r\n}\r\n\r\n/**\r\n * @ignore\r\n * Al momento non serve assolutamente a niente, ma per espandere eventualmente \r\n * il componente in futuro lo lascio qui che schifo non fa.\r\n */\r\nexport enum CurrencyType {\r\n    EUR = \"€\",\r\n    USD = \"$\",\r\n    CAD = \"$\",\r\n    EMPTY = \"\"\r\n}","import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { ClipboardService } from \"@esfaenza/extensions\";\r\n\r\n// Direttive, Componenti, Librerie\r\nimport { ToastrService } from \"ngx-toastr\";\r\n\r\n/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */\r\n@Component({\r\n    selector: \"shorten-span\",\r\n    templateUrl: \"shorten-span.component.html\",\r\n    styleUrls: [\"./shorten-span.component.scss\"]\r\n})\r\nexport class ShortenSpanComponent {\r\n    /** Mostra **Text** con stile grassetto */\r\n    @Input() Bold: boolean = false;\r\n    /** Testo da mostrare nello span */\r\n    @Input() Text: string;\r\n    /** Lunghezza massima del testo, prima di venire troncato */\r\n    @Input() MaxLength: number = 999;\r\n    /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */\r\n    @Input() ClipboardCopy: boolean = false;\r\n\r\n    /** @ignore */\r\n    constructor(private toastrService: ToastrService, private clipboardService: ClipboardService) { }\r\n\r\n    /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */\r\n    public ShowTooltip = null;\r\n\r\n    /** @ignore */\r\n    ngOnInit() {\r\n        this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;\r\n    }\r\n\r\n    /**\r\n     * Copia un valore nella clipboard\r\n     * \r\n     * @param {string} value Valore da copiare nella clipboard\r\n     */\r\n    copyToClipboard(value: string) {\r\n        this.clipboardService.copyTextToClipboard(value);\r\n        this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });\r\n    }\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** \r\n * Questo componente serve a mostrare un badge di stato, con un testo **Status**.\r\n * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger** \r\n */\r\n@Component({\r\n    selector: \"status-badge\",\r\n    templateUrl: \"status-badge.component.html\",\r\n    styleUrls: [\"./status-badge.component.scss\"]\r\n})\r\nexport class StatusBadgeComponent {\r\n    /** Etichetta da mostrare nel badge */\r\n    @Input() public Status: string;\r\n    /** Dimensione del badge, in valore numerico (1 = 100%) */\r\n    @Input() public Zoom: number = 1;\r\n    /** Valore dello stile 'top' del badge */\r\n    @Input() public Top: string = \"20px\";\r\n    /** Valore dello stile 'right' del badge */\r\n    @Input() public Right: string = \"0px\";\r\n    /** Condizione per cui il badge carichi gli stili 'Info' */\r\n    @Input() public Info: boolean = true;\r\n    /** Condizione per cui il badge carichi gli stili 'Warning' */\r\n    @Input() public Warning: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Success' */\r\n    @Input() public Success: boolean = false;\r\n    /** Condizione per cui il badge carichi gli stili 'Danger' */\r\n    @Input() public Danger: boolean = false;\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n    selector: \"simple-dropdown\",\r\n    templateUrl: \"simple-dropdown.component.html\",\r\n    styleUrls: [\"./simple-dropdown.component.scss\"],\r\n    encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n    /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n    @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n    /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n    @Input() Options: DropdownOption[] = [];\r\n    /** Posizione di Default del context-menu, evitare di smanazzare */\r\n    public MenuPosition = { x: '0', y: '0' }\r\n    /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n    public Show(event: MouseEvent) {\r\n        this.MenuPosition.x = event.clientX + 'px';\r\n        this.MenuPosition.y = event.clientY + 'px';\r\n        this.matMenuTrigger.openMenu();\r\n\r\n        return false;\r\n    }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\n// Models\r\nimport { UtilityComponentsModuleConfig } from './models/UtilityComponentsModuleConfig';\r\nimport { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';\r\n// Components\r\nimport { CurrencySpanComponent } from './components/currency-span/currency-span.component';\r\nimport { ShortenSpanComponent } from './components/shorten-span/shorten-span.component';\r\nimport { StatusBadgeComponent } from './components/status-badge/status-badge.component';\r\nimport { SimpleDropdownComponent } from './components/simple-dropdown/simple-dropdown.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    MatTooltipModule,\r\n    MatMenuModule,\r\n    FullExtensionsModule,\r\n    ToastrModule\r\n  ],\r\n  exports: [\r\n    CurrencySpanComponent,\r\n    ShortenSpanComponent,\r\n    StatusBadgeComponent,\r\n    SimpleDropdownComponent\r\n  ]\r\n})\r\nexport class UtilityComponentsModule {\r\n  static forRoot(config?: UtilityComponentsModuleConfig): ModuleWithProviders<UtilityComponentsModule> {\r\n    return {\r\n      ngModule: UtilityComponentsModule,\r\n      providers: [\r\n        { provide: UCCO_LOCALE, useValue: config?.locale || 'it-IT' },\r\n        { provide: UCCO_DEBUG_MODE, useValue: config?.debugMode != null ? config?.debugMode : false }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","/** Modello che definisce una opzione del menu contestuale */\r\nexport class DropdownOption {\r\n    /** Nome dell'opzione da mostrare */\r\n    label: string;\r\n    /** Funzione da eseguire quando viene selezionata l'opzione */\r\n    execute: () => {};\r\n}","/**\r\n * Classe di configurazione del modulo\r\n */\r\n export class UtilityComponentsModuleConfig {\r\n    /** Locale del modulo. Sono supportati solo 'it-IT' ed 'en-US', default it-IT */\r\n    locale?: string;\r\n    /** Abilita o meno la modalità di debug */\r\n    debugMode?: boolean;\r\n}"]}

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

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

@@ -10,6 +10,8 @@ export class StatusBadgeComponent {
         this.Zoom = 1;
         /** Valore dello stile 'top' del badge */
         this.Top = "20px";
+        /** Valore dello stile 'right' del badge */
+        this.Right = "0px";
         /** Condizione per cui il badge carichi gli stili 'Info' */
         this.Info = true;
         /** Condizione per cui il badge carichi gli stili 'Warning' */
@@ -23,17 +25,18 @@ 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.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
-                styles: [".utils-pointer{cursor:pointer}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
+                template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
+                styles: [".utils-pointer{cursor:pointer}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
             },] }
 ];
 StatusBadgeComponent.propDecorators = {
     Status: [{ type: Input }],
     Zoom: [{ type: Input }],
     Top: [{ type: Input }],
+    Right: [{ type: Input }],
     Info: [{ type: Input }],
     Warning: [{ type: Input }],
     Success: [{ type: Input }],
     Danger: [{ type: Input }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRSSwwREFBMEQ7UUFDMUMsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQyx5Q0FBeUM7UUFDekIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQywyREFBMkQ7UUFDM0MsU0FBSSxHQUFZLElBQUksQ0FBQztRQUNyQyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw2REFBNkQ7UUFDN0MsV0FBTSxHQUFZLEtBQUssQ0FBQztJQUM1QyxDQUFDOzs7WUFwQkEsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxjQUFjO2dCQUN4Qix3cENBQTBDOzthQUU3Qzs7O3FCQUdJLEtBQUs7bUJBRUwsS0FBSztrQkFFTCxLQUFLO21CQUVMLEtBQUs7c0JBRUwsS0FBSztzQkFFTCxLQUFLO3FCQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBBbmd1bGFyXHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLyoqIFxyXG4gKiBRdWVzdG8gY29tcG9uZW50ZSBzZXJ2ZSBhIG1vc3RyYXJlIHVuIGJhZGdlIGRpIHN0YXRvLCBjb24gdW4gdGVzdG8gKipTdGF0dXMqKi5cclxuICogQ29sb3JhdG8gaW4gYmFzZSBhIGNvbmRpemlvbmkgZGkgKipJbmZvKiosICoqU3VjY2VzcyoqLCAqKldhcm5pbmcqKiBvICoqRGFuZ2VyKiogXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiBcInN0YXR1cy1iYWRnZVwiLFxyXG4gICAgdGVtcGxhdGVVcmw6IFwic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgICBzdHlsZVVybHM6IFtcIi4vc3RhdHVzLWJhZGdlLmNvbXBvbmVudC5zY3NzXCJdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGF0dXNCYWRnZUNvbXBvbmVudCB7XHJcbiAgICAvKiogRXRpY2hldHRhIGRhIG1vc3RyYXJlIG5lbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFN0YXR1czogc3RyaW5nO1xyXG4gICAgLyoqIERpbWVuc2lvbmUgZGVsIGJhZGdlLCBpbiB2YWxvcmUgbnVtZXJpY28gKDEgPSAxMDAlKSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFpvb206IG51bWJlciA9IDE7XHJcbiAgICAvKiogVmFsb3JlIGRlbGxvIHN0aWxlICd0b3AnIGRlbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFRvcDogc3RyaW5nID0gXCIyMHB4XCI7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgY3VpIGlsIGJhZGdlIGNhcmljaGkgZ2xpIHN0aWxpICdJbmZvJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIEluZm86IGJvb2xlYW4gPSB0cnVlO1xyXG4gICAgLyoqIENvbmRpemlvbmUgcGVyIGN1aSBpbCBiYWRnZSBjYXJpY2hpIGdsaSBzdGlsaSAnV2FybmluZycgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBXYXJuaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgY3VpIGlsIGJhZGdlIGNhcmljaGkgZ2xpIHN0aWxpICdTdWNjZXNzJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFN1Y2Nlc3M6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBjdWkgaWwgYmFkZ2UgY2FyaWNoaSBnbGkgc3RpbGkgJ0RhbmdlcicgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBEYW5nZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRSSwwREFBMEQ7UUFDMUMsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQyx5Q0FBeUM7UUFDekIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQywyQ0FBMkM7UUFDM0IsVUFBSyxHQUFXLEtBQUssQ0FBQztRQUN0QywyREFBMkQ7UUFDM0MsU0FBSSxHQUFZLElBQUksQ0FBQztRQUNyQyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw2REFBNkQ7UUFDN0MsV0FBTSxHQUFZLEtBQUssQ0FBQztJQUM1QyxDQUFDOzs7WUF0QkEsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxjQUFjO2dCQUN4Qix1ckNBQTBDOzthQUU3Qzs7O3FCQUdJLEtBQUs7bUJBRUwsS0FBSztrQkFFTCxLQUFLO29CQUVMLEtBQUs7bUJBRUwsS0FBSztzQkFFTCxLQUFLO3NCQUVMLEtBQUs7cUJBRUwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFuZ3VsYXJcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG4vKiogXHJcbiAqIFF1ZXN0byBjb21wb25lbnRlIHNlcnZlIGEgbW9zdHJhcmUgdW4gYmFkZ2UgZGkgc3RhdG8sIGNvbiB1biB0ZXN0byAqKlN0YXR1cyoqLlxyXG4gKiBDb2xvcmF0byBpbiBiYXNlIGEgY29uZGl6aW9uaSBkaSAqKkluZm8qKiwgKipTdWNjZXNzKiosICoqV2FybmluZyoqIG8gKipEYW5nZXIqKiBcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwic3RhdHVzLWJhZGdlXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCJzdGF0dXMtYmFkZ2UuY29tcG9uZW50Lmh0bWxcIixcclxuICAgIHN0eWxlVXJsczogW1wiLi9zdGF0dXMtYmFkZ2UuY29tcG9uZW50LnNjc3NcIl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YXR1c0JhZGdlQ29tcG9uZW50IHtcclxuICAgIC8qKiBFdGljaGV0dGEgZGEgbW9zdHJhcmUgbmVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3RhdHVzOiBzdHJpbmc7XHJcbiAgICAvKiogRGltZW5zaW9uZSBkZWwgYmFkZ2UsIGluIHZhbG9yZSBudW1lcmljbyAoMSA9IDEwMCUpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgWm9vbTogbnVtYmVyID0gMTtcclxuICAgIC8qKiBWYWxvcmUgZGVsbG8gc3RpbGUgJ3RvcCcgZGVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgVG9wOiBzdHJpbmcgPSBcIjIwcHhcIjtcclxuICAgIC8qKiBWYWxvcmUgZGVsbG8gc3RpbGUgJ3JpZ2h0JyBkZWwgYmFkZ2UgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBSaWdodDogc3RyaW5nID0gXCIwcHhcIjtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBjdWkgaWwgYmFkZ2UgY2FyaWNoaSBnbGkgc3RpbGkgJ0luZm8nICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgSW5mbzogYm9vbGVhbiA9IHRydWU7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgY3VpIGlsIGJhZGdlIGNhcmljaGkgZ2xpIHN0aWxpICdXYXJuaW5nJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFdhcm5pbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBjdWkgaWwgYmFkZ2UgY2FyaWNoaSBnbGkgc3RpbGkgJ1N1Y2Nlc3MnICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3VjY2VzczogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgLyoqIENvbmRpemlvbmUgcGVyIGN1aSBpbCBiYWRnZSBjYXJpY2hpIGdsaSBzdGlsaSAnRGFuZ2VyJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIERhbmdlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG59Il19

package/esm2015/lib/utility-components.module.js

@@ -3,7 +3,6 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ToastrModule } from 'ngx-toastr';
 import { FullExtensionsModule } from '@esfaenza/extensions';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatMenuModule } from '@angular/material/menu';
 import { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';
@@ -33,7 +32,6 @@ UtilityComponentsModule.decorators = [
                 ],
                 imports: [
                     CommonModule,
-                    BrowserAnimationsModule,
                     MatTooltipModule,
                     MatMenuModule,
                     FullExtensionsModule,
@@ -47,4 +45,4 @@ UtilityComponentsModule.decorators = [
                 ]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbGl0eS1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL3V0aWxpdHktY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUd2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDM0YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUF5QmpHLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFzQztRQUNuRCxPQUFPO1lBQ0wsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFBLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxNQUFNLEtBQUksT0FBTyxFQUFFO2dCQUM3RCxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLENBQUEsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxDQUFFLFNBQVMsS0FBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRTthQUM5RjtTQUNGLENBQUM7SUFDSixDQUFDOzs7WUFoQ0YsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixxQkFBcUI7b0JBQ3JCLG9CQUFvQjtvQkFDcEIsb0JBQW9CO29CQUNwQix1QkFBdUI7aUJBQ3hCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLHVCQUF1QjtvQkFDdkIsZ0JBQWdCO29CQUNoQixhQUFhO29CQUViLG9CQUFvQjtvQkFDcEIsWUFBWTtpQkFDYjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AscUJBQXFCO29CQUNyQixvQkFBb0I7b0JBQ3BCLG9CQUFvQjtvQkFDcEIsdUJBQXVCO2lCQUN4QjthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLy8gTW9kdWxlc1xuaW1wb3J0IHsgTW9kdWxlV2l0aFByb3ZpZGVycywgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUb2FzdHJNb2R1bGUgfSBmcm9tICduZ3gtdG9hc3RyJztcbmltcG9ydCB7IEZ1bGxFeHRlbnNpb25zTW9kdWxlIH0gZnJvbSAnQGVzZmFlbnphL2V4dGVuc2lvbnMnO1xuaW1wb3J0IHsgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xuLy8gTW9kZWxzXG5pbXBvcnQgeyBVdGlsaXR5Q29tcG9uZW50c01vZHVsZUNvbmZpZyB9IGZyb20gJy4vbW9kZWxzL1V0aWxpdHlDb21wb25lbnRzTW9kdWxlQ29uZmlnJztcbmltcG9ydCB7IFVDQ09fREVCVUdfTU9ERSwgVUNDT19MT0NBTEUgfSBmcm9tICcuL3Rva2Vucyc7XG4vLyBDb21wb25lbnRzXG5pbXBvcnQgeyBDdXJyZW5jeVNwYW5Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY3VycmVuY3ktc3Bhbi9jdXJyZW5jeS1zcGFuLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaG9ydGVuU3BhbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zaG9ydGVuLXNwYW4vc2hvcnRlbi1zcGFuLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdGF0dXNCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zdGF0dXMtYmFkZ2Uvc3RhdHVzLWJhZGdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaW1wbGVEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zaW1wbGUtZHJvcGRvd24vc2ltcGxlLWRyb3Bkb3duLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEN1cnJlbmN5U3BhbkNvbXBvbmVudCxcbiAgICBTaG9ydGVuU3BhbkNvbXBvbmVudCxcbiAgICBTdGF0dXNCYWRnZUNvbXBvbmVudCxcbiAgICBTaW1wbGVEcm9wZG93bkNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEJyb3dzZXJBbmltYXRpb25zTW9kdWxlLFxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXG4gICAgTWF0TWVudU1vZHVsZSxcblxuICAgIEZ1bGxFeHRlbnNpb25zTW9kdWxlLFxuICAgIFRvYXN0ck1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ3VycmVuY3lTcGFuQ29tcG9uZW50LFxuICAgIFNob3J0ZW5TcGFuQ29tcG9uZW50LFxuICAgIFN0YXR1c0JhZGdlQ29tcG9uZW50LFxuICAgIFNpbXBsZURyb3Bkb3duQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgVXRpbGl0eUNvbXBvbmVudHNNb2R1bGUge1xuICBzdGF0aWMgZm9yUm9vdChjb25maWc/OiBVdGlsaXR5Q29tcG9uZW50c01vZHVsZUNvbmZpZyk6IE1vZHVsZVdpdGhQcm92aWRlcnM8VXRpbGl0eUNvbXBvbmVudHNNb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IFV0aWxpdHlDb21wb25lbnRzTW9kdWxlLFxuICAgICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHsgcHJvdmlkZTogVUNDT19MT0NBTEUsIHVzZVZhbHVlOiBjb25maWc/LmxvY2FsZSB8fCAnaXQtSVQnIH0sXG4gICAgICAgIHsgcHJvdmlkZTogVUNDT19ERUJVR19NT0RFLCB1c2VWYWx1ZTogY29uZmlnPy5kZWJ1Z01vZGUgIT0gbnVsbCA/IGNvbmZpZz8uZGVidWdNb2RlIDogZmFsc2UgfVxuICAgICAgXVxuICAgIH07XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbGl0eS1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL3V0aWxpdHktY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUd2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDM0YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUF1QmpHLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFzQztRQUNuRCxPQUFPO1lBQ0wsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFBLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxNQUFNLEtBQUksT0FBTyxFQUFFO2dCQUM3RCxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLENBQUEsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxDQUFFLFNBQVMsS0FBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRTthQUM5RjtTQUNGLENBQUM7SUFDSixDQUFDOzs7WUE5QkYsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixxQkFBcUI7b0JBQ3JCLG9CQUFvQjtvQkFDcEIsb0JBQW9CO29CQUNwQix1QkFBdUI7aUJBQ3hCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGdCQUFnQjtvQkFDaEIsYUFBYTtvQkFDYixvQkFBb0I7b0JBQ3BCLFlBQVk7aUJBQ2I7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLHFCQUFxQjtvQkFDckIsb0JBQW9CO29CQUNwQixvQkFBb0I7b0JBQ3BCLHVCQUF1QjtpQkFDeEI7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8vIE1vZHVsZXNcclxuaW1wb3J0IHsgTW9kdWxlV2l0aFByb3ZpZGVycywgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgVG9hc3RyTW9kdWxlIH0gZnJvbSAnbmd4LXRvYXN0cic7XHJcbmltcG9ydCB7IEZ1bGxFeHRlbnNpb25zTW9kdWxlIH0gZnJvbSAnQGVzZmFlbnphL2V4dGVuc2lvbnMnO1xyXG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XHJcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcclxuLy8gTW9kZWxzXHJcbmltcG9ydCB7IFV0aWxpdHlDb21wb25lbnRzTW9kdWxlQ29uZmlnIH0gZnJvbSAnLi9tb2RlbHMvVXRpbGl0eUNvbXBvbmVudHNNb2R1bGVDb25maWcnO1xyXG5pbXBvcnQgeyBVQ0NPX0RFQlVHX01PREUsIFVDQ09fTE9DQUxFIH0gZnJvbSAnLi90b2tlbnMnO1xyXG4vLyBDb21wb25lbnRzXHJcbmltcG9ydCB7IEN1cnJlbmN5U3BhbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jdXJyZW5jeS1zcGFuL2N1cnJlbmN5LXNwYW4uY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2hvcnRlblNwYW5Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdGF0dXNCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zdGF0dXMtYmFkZ2Uvc3RhdHVzLWJhZGdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNpbXBsZURyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3NpbXBsZS1kcm9wZG93bi9zaW1wbGUtZHJvcGRvd24uY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBDdXJyZW5jeVNwYW5Db21wb25lbnQsXHJcbiAgICBTaG9ydGVuU3BhbkNvbXBvbmVudCxcclxuICAgIFN0YXR1c0JhZGdlQ29tcG9uZW50LFxyXG4gICAgU2ltcGxlRHJvcGRvd25Db21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXHJcbiAgICBNYXRNZW51TW9kdWxlLFxyXG4gICAgRnVsbEV4dGVuc2lvbnNNb2R1bGUsXHJcbiAgICBUb2FzdHJNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIEN1cnJlbmN5U3BhbkNvbXBvbmVudCxcclxuICAgIFNob3J0ZW5TcGFuQ29tcG9uZW50LFxyXG4gICAgU3RhdHVzQmFkZ2VDb21wb25lbnQsXHJcbiAgICBTaW1wbGVEcm9wZG93bkNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFV0aWxpdHlDb21wb25lbnRzTW9kdWxlIHtcclxuICBzdGF0aWMgZm9yUm9vdChjb25maWc/OiBVdGlsaXR5Q29tcG9uZW50c01vZHVsZUNvbmZpZyk6IE1vZHVsZVdpdGhQcm92aWRlcnM8VXRpbGl0eUNvbXBvbmVudHNNb2R1bGU+IHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIG5nTW9kdWxlOiBVdGlsaXR5Q29tcG9uZW50c01vZHVsZSxcclxuICAgICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAgeyBwcm92aWRlOiBVQ0NPX0xPQ0FMRSwgdXNlVmFsdWU6IGNvbmZpZz8ubG9jYWxlIHx8ICdpdC1JVCcgfSxcclxuICAgICAgICB7IHByb3ZpZGU6IFVDQ09fREVCVUdfTU9ERSwgdXNlVmFsdWU6IGNvbmZpZz8uZGVidWdNb2RlICE9IG51bGwgPyBjb25maWc/LmRlYnVnTW9kZSA6IGZhbHNlIH1cclxuICAgICAgXVxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/public-api.js

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

package/fesm2015/esfaenza-utility-components.js

@@ -2,7 +2,6 @@ import { InjectionToken, Component, Input, ViewEncapsulation, ViewChild, NgModul
 import { CommonModule } from '@angular/common';
 import { ToastrService, ToastrModule } from 'ngx-toastr';
 import { ClipboardService, FullExtensionsModule } from '@esfaenza/extensions';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
 
@@ -102,6 +101,8 @@ class StatusBadgeComponent {
         this.Zoom = 1;
         /** Valore dello stile 'top' del badge */
         this.Top = "20px";
+        /** Valore dello stile 'right' del badge */
+        this.Right = "0px";
         /** Condizione per cui il badge carichi gli stili 'Info' */
         this.Info = true;
         /** Condizione per cui il badge carichi gli stili 'Warning' */
@@ -115,14 +116,15 @@ class StatusBadgeComponent {
 StatusBadgeComponent.decorators = [
     { type: Component, args: [{
                 selector: "status-badge",
-                template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
-                styles: [".utils-pointer{cursor:pointer}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
+                template: "<div class=\"status-badge-container utils-no-selection\" [style.margin-top]=\"Top\" [style.margin-right]=\"Right\" [style.zoom]=\"Zoom\" [style.-moz-transform]=\"'scale(' + Zoom + ')'\">\r\n    <span class=\"status-badge\"\r\n          [class.status-badge-info]=\"Info\"\r\n          [class.status-badge-warning]=\"Warning\"\r\n          [class.status-badge-success]=\"Success\"\r\n          [class.status-badge-danger]=\"Danger\">\r\n        <i style=\"font-size: 18px;\"\r\n           class=\"fa\" \r\n           [class.fa-info-circle]=\"Info\" [class.text-info]=\"Info\"\r\n           [class.fa-exclamation-circle]=\"Warning\" [class.text-warning]=\"Warning\"\r\n           [class.fa-check-circle]=\"Success\" [class.text-success]=\"Success\"\r\n           [class.fa-times-circle]=\"Danger\" [class.text-danger]=\"Danger\">\r\n        </i>\r\n        <span *ngIf=\"Status\" \r\n              class=\"ml-2 app-bold\"\r\n              [class.text-info]=\"Info\"\r\n              [class.text-warning]=\"Warning\"\r\n              [class.text-success]=\"Success\"\r\n              [class.text-danger]=\"Danger\">\r\n            {{Status.toUpperCase()}}\r\n        </span>\r\n    </span>\r\n</div>",
+                styles: [".utils-pointer{cursor:pointer}.utils-bold{font-weight:700}.utils-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}::ng-deep .mat-tooltip{font-size:16px}.status-badge-container{position:absolute;right:0;margin-right:15px;top:0;white-space:nowrap}.status-badge{height:30px;padding:5px 10px;font-size:16px;line-height:20px;border-radius:5px}.status-badge-info{border:3px solid #248dad}.status-badge-warning{border:3px solid #f79a17}.status-badge-success{border:3px solid #2d922d}.status-badge-danger{border:3px solid #bf1725}"]
             },] }
 ];
 StatusBadgeComponent.propDecorators = {
     Status: [{ type: Input }],
     Zoom: [{ type: Input }],
     Top: [{ type: Input }],
+    Right: [{ type: Input }],
     Info: [{ type: Input }],
     Warning: [{ type: Input }],
     Success: [{ type: Input }],
@@ -181,7 +183,6 @@ UtilityComponentsModule.decorators = [
                 ],
                 imports: [
                     CommonModule,
-                    BrowserAnimationsModule,
                     MatTooltipModule,
                     MatMenuModule,
                     FullExtensionsModule,

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

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

@@ -9,6 +9,8 @@ export declare class StatusBadgeComponent {
     Zoom: number;
     /** Valore dello stile 'top' del badge */
     Top: string;
+    /** Valore dello stile 'right' del badge */
+    Right: string;
     /** Condizione per cui il badge carichi gli stili 'Info' */
     Info: boolean;
     /** Condizione per cui il badge carichi gli stili 'Warning' */

package/package.json

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