@esfaenza/utility-components 11.2.2 → 11.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/bundles/esfaenza-utility-components.umd.js +10 -6
  2. package/bundles/esfaenza-utility-components.umd.js.map +1 -1
  3. package/bundles/esfaenza-utility-components.umd.min.js +1 -1
  4. package/bundles/esfaenza-utility-components.umd.min.js.map +1 -1
  5. package/esfaenza-utility-components.metadata.json +1 -1
  6. package/esm2015/lib/components/status-badge/status-badge.component.js +6 -3
  7. package/esm2015/lib/utility-components.module.js +3 -1
  8. package/esm2015/public-api.js +1 -1
  9. package/fesm2015/esfaenza-utility-components.js +7 -2
  10. package/fesm2015/esfaenza-utility-components.js.map +1 -1
  11. package/lib/components/status-badge/status-badge.component.d.ts +2 -0
  12. package/package.json +1 -1
package/bundles/esfaenza-utility-components.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- 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')) :
3
- 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) :
4
- (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));
5
- }(this, (function (exports, core, common, ngxToastr, extensions, tooltip, menu) { 'use strict';
2
+ 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')) :
3
+ 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) :
4
+ (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));
5
+ }(this, (function (exports, core, common, ngxToastr, extensions, animations, tooltip, menu) { 'use strict';
6
6
 
7
7
  /** Token che indica la lingua da utilizzare, sono supportate "it-IT" ed "en-US" */
8
8
  var UCCO_LOCALE = new core.InjectionToken('UCCO_LOCALE');
@@ -96,6 +96,8 @@
96
96
  this.Zoom = 1;
97
97
  /** Valore dello stile 'top' del badge */
98
98
  this.Top = "20px";
99
+ /** Valore dello stile 'right' del badge */
100
+ this.Right = "0px";
99
101
  /** Condizione per cui il badge carichi gli stili 'Info' */
100
102
  this.Info = true;
101
103
  /** Condizione per cui il badge carichi gli stili 'Warning' */
@@ -110,14 +112,15 @@
110
112
  StatusBadgeComponent.decorators = [
111
113
  { type: core.Component, args: [{
112
114
  selector: "status-badge",
113
- 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>",
114
- 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}"]
115
+ 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>",
116
+ 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}"]
115
117
  },] }
116
118
  ];
117
119
  StatusBadgeComponent.propDecorators = {
118
120
  Status: [{ type: core.Input }],
119
121
  Zoom: [{ type: core.Input }],
120
122
  Top: [{ type: core.Input }],
123
+ Right: [{ type: core.Input }],
121
124
  Info: [{ type: core.Input }],
122
125
  Warning: [{ type: core.Input }],
123
126
  Success: [{ type: core.Input }],
@@ -180,6 +183,7 @@
180
183
  ],
181
184
  imports: [
182
185
  common.CommonModule,
186
+ animations.BrowserAnimationsModule,
183
187
  tooltip.MatTooltipModule,
184
188
  menu.MatMenuModule,
185
189
  extensions.FullExtensionsModule,
package/bundles/esfaenza-utility-components.umd.js.map CHANGED
@@ -1 +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 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","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule"],"mappings":"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"}
1
+ {"version":3,"file":"esfaenza-utility-components.umd.js","sources":["../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */\r\n@Component({\r\n selector: \"currency-span\",\r\n templateUrl: \"currency-span.component.html\"\r\n})\r\nexport class CurrencySpanComponent {\r\n /** Valore da formattare */\r\n @Input() CurrencyValue: string | number;\r\n /** Tipo in base al quale formattare il valore **CurrencyValue** */\r\n @Input() CurrencyType: string = CurrencyType.EMPTY;\r\n}\r\n\r\n/**\r\n * @ignore\r\n * Al momento non serve assolutamente a niente, ma per espandere eventualmente \r\n * il componente in futuro lo lascio qui che schifo non fa.\r\n */\r\nexport enum CurrencyType {\r\n EUR = \"€\",\r\n USD = \"$\",\r\n CAD = \"$\",\r\n EMPTY = \"\"\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { ClipboardService } from \"@esfaenza/extensions\";\r\n\r\n// Direttive, Componenti, Librerie\r\nimport { ToastrService } from \"ngx-toastr\";\r\n\r\n/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */\r\n@Component({\r\n selector: \"shorten-span\",\r\n templateUrl: \"shorten-span.component.html\",\r\n styleUrls: [\"./shorten-span.component.scss\"]\r\n})\r\nexport class ShortenSpanComponent {\r\n /** Mostra **Text** con stile grassetto */\r\n @Input() Bold: boolean = false;\r\n /** Testo da mostrare nello span */\r\n @Input() Text: string;\r\n /** Lunghezza massima del testo, prima di venire troncato */\r\n @Input() MaxLength: number = 999;\r\n /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */\r\n @Input() ClipboardCopy: boolean = false;\r\n\r\n /** @ignore */\r\n constructor(private toastrService: ToastrService, private clipboardService: ClipboardService) { }\r\n\r\n /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */\r\n public ShowTooltip = null;\r\n\r\n /** @ignore */\r\n ngOnInit() {\r\n this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;\r\n }\r\n\r\n /**\r\n * Copia un valore nella clipboard\r\n * \r\n * @param {string} value Valore da copiare nella clipboard\r\n */\r\n copyToClipboard(value: string) {\r\n this.clipboardService.copyTextToClipboard(value);\r\n this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });\r\n }\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** \r\n * Questo componente serve a mostrare un badge di stato, con un testo **Status**.\r\n * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger** \r\n */\r\n@Component({\r\n selector: \"status-badge\",\r\n templateUrl: \"status-badge.component.html\",\r\n styleUrls: [\"./status-badge.component.scss\"]\r\n})\r\nexport class StatusBadgeComponent {\r\n /** Etichetta da mostrare nel badge */\r\n @Input() public Status: string;\r\n /** Dimensione del badge, in valore numerico (1 = 100%) */\r\n @Input() public Zoom: number = 1;\r\n /** Valore dello stile 'top' del badge */\r\n @Input() public Top: string = \"20px\";\r\n /** Valore dello stile 'right' del badge */\r\n @Input() public Right: string = \"0px\";\r\n /** Condizione per cui il badge carichi gli stili 'Info' */\r\n @Input() public Info: boolean = true;\r\n /** Condizione per cui il badge carichi gli stili 'Warning' */\r\n @Input() public Warning: boolean = false;\r\n /** Condizione per cui il badge carichi gli stili 'Success' */\r\n @Input() public Success: boolean = false;\r\n /** Condizione per cui il badge carichi gli stili 'Danger' */\r\n @Input() public Danger: boolean = false;\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n selector: \"simple-dropdown\",\r\n templateUrl: \"simple-dropdown.component.html\",\r\n styleUrls: [\"./simple-dropdown.component.scss\"],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n @Input() Options: DropdownOption[] = [];\r\n /** Posizione di Default del context-menu, evitare di smanazzare */\r\n public MenuPosition = { x: '0', y: '0' }\r\n /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n public Show(event: MouseEvent) {\r\n this.MenuPosition.x = event.clientX + 'px';\r\n this.MenuPosition.y = event.clientY + 'px';\r\n this.matMenuTrigger.openMenu();\r\n\r\n return false;\r\n }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\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 BrowserAnimationsModule,\r\n MatTooltipModule,\r\n MatMenuModule,\r\n\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","BrowserAnimationsModule","MatTooltipModule","MatMenuModule","FullExtensionsModule","ToastrModule"],"mappings":"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"}
package/bundles/esfaenza-utility-components.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !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"),u=new t.InjectionToken("UCCO_DEBUG_MODE"),p=function(){this.CurrencyType=e.CurrencyType.EMPTY};p.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>"}]}],p.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.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.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}"]}]}],d.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 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:u,useValue:null!=(null==t?void 0:t.debugMode)&&(null==t?void 0:t.debugMode)}]}},e}();m.decorators=[{type:t.NgModule,args:[{declarations:[p,c,d,g],imports:[n.CommonModule,r.MatTooltipModule,i.MatMenuModule,s.FullExtensionsModule,o.ToastrModule],exports:[p,c,d,g]}]}];var y=function(){},f=function(){};e.CurrencySpanComponent=p,e.DropdownOption=y,e.ShortenSpanComponent=c,e.SimpleDropdownComponent=g,e.StatusBadgeComponent=d,e.UCCO_DEBUG_MODE=u,e.UCCO_LOCALE=l,e.UtilityComponentsModule=m,e.UtilityComponentsModuleConfig=f,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !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,p=new t.InjectionToken("UCCO_LOCALE"),u=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 g=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}();g.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}"]}]}],g.ctorParameters=function(){return[{type:o.ToastrService},{type:s.ClipboardService}]},g.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 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 y=function(){function e(){}return e.forRoot=function(t){return{ngModule:e,providers:[{provide:p,useValue:(null==t?void 0:t.locale)||"it-IT"},{provide:u,useValue:null!=(null==t?void 0:t.debugMode)&&(null==t?void 0:t.debugMode)}]}},e}();y.decorators=[{type:t.NgModule,args:[{declarations:[c,g,d,m],imports:[n.CommonModule,r.BrowserAnimationsModule,i.MatTooltipModule,a.MatMenuModule,s.FullExtensionsModule,o.ToastrModule],exports:[c,g,d,m]}]}];var f=function(){},h=function(){};e.CurrencySpanComponent=c,e.DropdownOption=f,e.ShortenSpanComponent=g,e.SimpleDropdownComponent=m,e.StatusBadgeComponent=d,e.UCCO_DEBUG_MODE=u,e.UCCO_LOCALE=p,e.UtilityComponentsModule=y,e.UtilityComponentsModuleConfig=h,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=esfaenza-utility-components.umd.min.js.map
package/bundles/esfaenza-utility-components.umd.min.js.map CHANGED
@@ -1 +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","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,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,0BCqBL,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,wCA5BjFC,EAAAA,SAAQvD,KAAA,CAAC,CACRwD,aAAc,CACZC,EACArD,EACAsD,EACA7B,GAEF8B,QAAS,CACPC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,cAEAC,EAAAA,qBACAC,EAAAA,cAEFC,QAAS,CACPR,EACArD,EACAsD,EACA7B,aCnCJ,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 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}"]}
1
+ {"version":3,"sources":["../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts"],"names":["CurrencyType","UCCO_LOCALE","InjectionToken","UCCO_DEBUG_MODE","this","EMPTY","Component","args","selector","template","Input","ShortenSpanComponent","toastrService","clipboardService","Bold","MaxLength","ClipboardCopy","ShowTooltip","prototype","ngOnInit","_a","Text","length","copyToClipboard","value","copyTextToClipboard","info","positionClass","ToastrService","ClipboardService","Zoom","Top","Right","Info","Warning","Success","Danger","SimpleDropdownComponent","Options","MenuPosition","x","y","Show","event","clientX","clientY","matMenuTrigger","openMenu","encapsulation","ViewEncapsulation","None","ViewChild","MatMenuTrigger","static","UtilityComponentsModule","forRoot","config","ngModule","providers","provide","useValue","locale","debugMode","NgModule","declarations","CurrencySpanComponent","StatusBadgeComponent","imports","CommonModule","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,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,0BCsBL,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,wCA7BjFC,EAAAA,SAAQxD,KAAA,CAAC,CACRyD,aAAc,CACZC,EACAtD,EACAuD,EACA7B,GAEF8B,QAAS,CACPC,EAAAA,aACAC,EAAAA,wBACAC,EAAAA,iBACAC,EAAAA,cAEAC,EAAAA,qBACAC,EAAAA,cAEFC,QAAS,CACPT,EACAtD,EACAuD,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 /** 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 { BrowserAnimationsModule } from '@angular/platform-browser/animations';\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 BrowserAnimationsModule,\r\n MatTooltipModule,\r\n MatMenuModule,\r\n\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 CHANGED
@@ -1 +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/material/tooltip","name":"MatTooltipModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":27,"character":4},{"__symbolic":"reference","module":"@esfaenza/extensions","name":"FullExtensionsModule","line":29,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":30,"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"}
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.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 CHANGED
@@ -10,6 +10,8 @@ export class StatusBadgeComponent {
10
10
  this.Zoom = 1;
11
11
  /** Valore dello stile 'top' del badge */
12
12
  this.Top = "20px";
13
+ /** Valore dello stile 'right' del badge */
14
+ this.Right = "0px";
13
15
  /** Condizione per cui il badge carichi gli stili 'Info' */
14
16
  this.Info = true;
15
17
  /** Condizione per cui il badge carichi gli stili 'Warning' */
@@ -23,17 +25,18 @@ export class StatusBadgeComponent {
23
25
  StatusBadgeComponent.decorators = [
24
26
  { type: Component, args: [{
25
27
  selector: "status-badge",
26
- 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>",
27
- 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}"]
28
+ 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>",
29
+ 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}"]
28
30
  },] }
29
31
  ];
30
32
  StatusBadgeComponent.propDecorators = {
31
33
  Status: [{ type: Input }],
32
34
  Zoom: [{ type: Input }],
33
35
  Top: [{ type: Input }],
36
+ Right: [{ type: Input }],
34
37
  Info: [{ type: Input }],
35
38
  Warning: [{ type: Input }],
36
39
  Success: [{ type: Input }],
37
40
  Danger: [{ type: Input }]
38
41
  };
39
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRSSwwREFBMEQ7UUFDMUMsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQyx5Q0FBeUM7UUFDekIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQywyREFBMkQ7UUFDM0MsU0FBSSxHQUFZLElBQUksQ0FBQztRQUNyQyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw2REFBNkQ7UUFDN0MsV0FBTSxHQUFZLEtBQUssQ0FBQztJQUM1QyxDQUFDOzs7WUFwQkEsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxjQUFjO2dCQUN4Qix3cENBQTBDOzthQUU3Qzs7O3FCQUdJLEtBQUs7bUJBRUwsS0FBSztrQkFFTCxLQUFLO21CQUVMLEtBQUs7c0JBRUwsS0FBSztzQkFFTCxLQUFLO3FCQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBBbmd1bGFyXHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLyoqIFxyXG4gKiBRdWVzdG8gY29tcG9uZW50ZSBzZXJ2ZSBhIG1vc3RyYXJlIHVuIGJhZGdlIGRpIHN0YXRvLCBjb24gdW4gdGVzdG8gKipTdGF0dXMqKi5cclxuICogQ29sb3JhdG8gaW4gYmFzZSBhIGNvbmRpemlvbmkgZGkgKipJbmZvKiosICoqU3VjY2VzcyoqLCAqKldhcm5pbmcqKiBvICoqRGFuZ2VyKiogXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiBcInN0YXR1cy1iYWRnZVwiLFxyXG4gICAgdGVtcGxhdGVVcmw6IFwic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgICBzdHlsZVVybHM6IFtcIi4vc3RhdHVzLWJhZGdlLmNvbXBvbmVudC5zY3NzXCJdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdGF0dXNCYWRnZUNvbXBvbmVudCB7XHJcbiAgICAvKiogRXRpY2hldHRhIGRhIG1vc3RyYXJlIG5lbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFN0YXR1czogc3RyaW5nO1xyXG4gICAgLyoqIERpbWVuc2lvbmUgZGVsIGJhZGdlLCBpbiB2YWxvcmUgbnVtZXJpY28gKDEgPSAxMDAlKSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFpvb206IG51bWJlciA9IDE7XHJcbiAgICAvKiogVmFsb3JlIGRlbGxvIHN0aWxlICd0b3AnIGRlbCBiYWRnZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFRvcDogc3RyaW5nID0gXCIyMHB4XCI7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgY3VpIGlsIGJhZGdlIGNhcmljaGkgZ2xpIHN0aWxpICdJbmZvJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIEluZm86IGJvb2xlYW4gPSB0cnVlO1xyXG4gICAgLyoqIENvbmRpemlvbmUgcGVyIGN1aSBpbCBiYWRnZSBjYXJpY2hpIGdsaSBzdGlsaSAnV2FybmluZycgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBXYXJuaW5nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgY3VpIGlsIGJhZGdlIGNhcmljaGkgZ2xpIHN0aWxpICdTdWNjZXNzJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFN1Y2Nlc3M6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBjdWkgaWwgYmFkZ2UgY2FyaWNoaSBnbGkgc3RpbGkgJ0RhbmdlcicgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBEYW5nZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxufSJdfQ==
42
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJhZGdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpEOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRSSwwREFBMEQ7UUFDMUMsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQyx5Q0FBeUM7UUFDekIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQywyQ0FBMkM7UUFDM0IsVUFBSyxHQUFXLEtBQUssQ0FBQztRQUN0QywyREFBMkQ7UUFDM0MsU0FBSSxHQUFZLElBQUksQ0FBQztRQUNyQyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw4REFBOEQ7UUFDOUMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6Qyw2REFBNkQ7UUFDN0MsV0FBTSxHQUFZLEtBQUssQ0FBQztJQUM1QyxDQUFDOzs7WUF0QkEsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxjQUFjO2dCQUN4Qix1ckNBQTBDOzthQUU3Qzs7O3FCQUdJLEtBQUs7bUJBRUwsS0FBSztrQkFFTCxLQUFLO29CQUVMLEtBQUs7bUJBRUwsS0FBSztzQkFFTCxLQUFLO3NCQUVMLEtBQUs7cUJBRUwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFuZ3VsYXJcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG4vKiogXHJcbiAqIFF1ZXN0byBjb21wb25lbnRlIHNlcnZlIGEgbW9zdHJhcmUgdW4gYmFkZ2UgZGkgc3RhdG8sIGNvbiB1biB0ZXN0byAqKlN0YXR1cyoqLlxyXG4gKiBDb2xvcmF0byBpbiBiYXNlIGEgY29uZGl6aW9uaSBkaSAqKkluZm8qKiwgKipTdWNjZXNzKiosICoqV2FybmluZyoqIG8gKipEYW5nZXIqKiBcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwic3RhdHVzLWJhZGdlXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCJzdGF0dXMtYmFkZ2UuY29tcG9uZW50Lmh0bWxcIixcclxuICAgIHN0eWxlVXJsczogW1wiLi9zdGF0dXMtYmFkZ2UuY29tcG9uZW50LnNjc3NcIl1cclxufSlcclxuZXhwb3J0IGNsYXNzIFN0YXR1c0JhZGdlQ29tcG9uZW50IHtcclxuICAgIC8qKiBFdGljaGV0dGEgZGEgbW9zdHJhcmUgbmVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3RhdHVzOiBzdHJpbmc7XHJcbiAgICAvKiogRGltZW5zaW9uZSBkZWwgYmFkZ2UsIGluIHZhbG9yZSBudW1lcmljbyAoMSA9IDEwMCUpICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgWm9vbTogbnVtYmVyID0gMTtcclxuICAgIC8qKiBWYWxvcmUgZGVsbG8gc3RpbGUgJ3RvcCcgZGVsIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgVG9wOiBzdHJpbmcgPSBcIjIwcHhcIjtcclxuICAgIC8qKiBWYWxvcmUgZGVsbG8gc3RpbGUgJ3JpZ2h0JyBkZWwgYmFkZ2UgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBSaWdodDogc3RyaW5nID0gXCIwcHhcIjtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBjdWkgaWwgYmFkZ2UgY2FyaWNoaSBnbGkgc3RpbGkgJ0luZm8nICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgSW5mbzogYm9vbGVhbiA9IHRydWU7XHJcbiAgICAvKiogQ29uZGl6aW9uZSBwZXIgY3VpIGlsIGJhZGdlIGNhcmljaGkgZ2xpIHN0aWxpICdXYXJuaW5nJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIFdhcm5pbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIC8qKiBDb25kaXppb25lIHBlciBjdWkgaWwgYmFkZ2UgY2FyaWNoaSBnbGkgc3RpbGkgJ1N1Y2Nlc3MnICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgU3VjY2VzczogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgLyoqIENvbmRpemlvbmUgcGVyIGN1aSBpbCBiYWRnZSBjYXJpY2hpIGdsaSBzdGlsaSAnRGFuZ2VyJyAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIERhbmdlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG59Il19
package/esm2015/lib/utility-components.module.js CHANGED
@@ -3,6 +3,7 @@ import { NgModule } from '@angular/core';
3
3
  import { CommonModule } from '@angular/common';
4
4
  import { ToastrModule } from 'ngx-toastr';
5
5
  import { FullExtensionsModule } from '@esfaenza/extensions';
6
+ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
6
7
  import { MatTooltipModule } from '@angular/material/tooltip';
7
8
  import { MatMenuModule } from '@angular/material/menu';
8
9
  import { UCCO_DEBUG_MODE, UCCO_LOCALE } from './tokens';
@@ -32,6 +33,7 @@ UtilityComponentsModule.decorators = [
32
33
  ],
33
34
  imports: [
34
35
  CommonModule,
36
+ BrowserAnimationsModule,
35
37
  MatTooltipModule,
36
38
  MatMenuModule,
37
39
  FullExtensionsModule,
@@ -45,4 +47,4 @@ UtilityComponentsModule.decorators = [
45
47
  ]
46
48
  },] }
47
49
  ];
48
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbGl0eS1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL3V0aWxpdHktY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRTVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUd2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDM0YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUF3QmpHLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFzQztRQUNuRCxPQUFPO1lBQ0wsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFBLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxNQUFNLEtBQUksT0FBTyxFQUFFO2dCQUM3RCxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLENBQUEsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxDQUFFLFNBQVMsS0FBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRTthQUM5RjtTQUNGLENBQUM7SUFDSixDQUFDOzs7WUEvQkYsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixxQkFBcUI7b0JBQ3JCLG9CQUFvQjtvQkFDcEIsb0JBQW9CO29CQUNwQix1QkFBdUI7aUJBQ3hCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLGdCQUFnQjtvQkFDaEIsYUFBYTtvQkFFYixvQkFBb0I7b0JBQ3BCLFlBQVk7aUJBQ2I7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLHFCQUFxQjtvQkFDckIsb0JBQW9CO29CQUNwQixvQkFBb0I7b0JBQ3BCLHVCQUF1QjtpQkFDeEI7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8vIE1vZHVsZXNcbmltcG9ydCB7IE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVG9hc3RyTW9kdWxlIH0gZnJvbSAnbmd4LXRvYXN0cic7XG5pbXBvcnQgeyBGdWxsRXh0ZW5zaW9uc01vZHVsZSB9IGZyb20gJ0Blc2ZhZW56YS9leHRlbnNpb25zJztcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51Jztcbi8vIE1vZGVsc1xuaW1wb3J0IHsgVXRpbGl0eUNvbXBvbmVudHNNb2R1bGVDb25maWcgfSBmcm9tICcuL21vZGVscy9VdGlsaXR5Q29tcG9uZW50c01vZHVsZUNvbmZpZyc7XG5pbXBvcnQgeyBVQ0NPX0RFQlVHX01PREUsIFVDQ09fTE9DQUxFIH0gZnJvbSAnLi90b2tlbnMnO1xuLy8gQ29tcG9uZW50c1xuaW1wb3J0IHsgQ3VycmVuY3lTcGFuQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2N1cnJlbmN5LXNwYW4vY3VycmVuY3ktc3Bhbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2hvcnRlblNwYW5Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3RhdHVzQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2ltcGxlRHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc2ltcGxlLWRyb3Bkb3duL3NpbXBsZS1kcm9wZG93bi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDdXJyZW5jeVNwYW5Db21wb25lbnQsXG4gICAgU2hvcnRlblNwYW5Db21wb25lbnQsXG4gICAgU3RhdHVzQmFkZ2VDb21wb25lbnQsXG4gICAgU2ltcGxlRHJvcGRvd25Db21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICAgIE1hdE1lbnVNb2R1bGUsXG5cbiAgICBGdWxsRXh0ZW5zaW9uc01vZHVsZSxcbiAgICBUb2FzdHJNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEN1cnJlbmN5U3BhbkNvbXBvbmVudCxcbiAgICBTaG9ydGVuU3BhbkNvbXBvbmVudCxcbiAgICBTdGF0dXNCYWRnZUNvbXBvbmVudCxcbiAgICBTaW1wbGVEcm9wZG93bkNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFV0aWxpdHlDb21wb25lbnRzTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoY29uZmlnPzogVXRpbGl0eUNvbXBvbmVudHNNb2R1bGVDb25maWcpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPFV0aWxpdHlDb21wb25lbnRzTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBVdGlsaXR5Q29tcG9uZW50c01vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7IHByb3ZpZGU6IFVDQ09fTE9DQUxFLCB1c2VWYWx1ZTogY29uZmlnPy5sb2NhbGUgfHwgJ2l0LUlUJyB9LFxuICAgICAgICB7IHByb3ZpZGU6IFVDQ09fREVCVUdfTU9ERSwgdXNlVmFsdWU6IGNvbmZpZz8uZGVidWdNb2RlICE9IG51bGwgPyBjb25maWc/LmRlYnVnTW9kZSA6IGZhbHNlIH1cbiAgICAgIF1cbiAgICB9O1xuICB9XG59XG4iXX0=
50
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbGl0eS1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvbGliL3V0aWxpdHktY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFBVTtBQUNWLE9BQU8sRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUd2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDM0YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDeEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUF5QmpHLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFzQztRQUNuRCxPQUFPO1lBQ0wsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFBLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxNQUFNLEtBQUksT0FBTyxFQUFFO2dCQUM3RCxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLENBQUEsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxDQUFFLFNBQVMsS0FBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRTthQUM5RjtTQUNGLENBQUM7SUFDSixDQUFDOzs7WUFoQ0YsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixxQkFBcUI7b0JBQ3JCLG9CQUFvQjtvQkFDcEIsb0JBQW9CO29CQUNwQix1QkFBdUI7aUJBQ3hCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLHVCQUF1QjtvQkFDdkIsZ0JBQWdCO29CQUNoQixhQUFhO29CQUViLG9CQUFvQjtvQkFDcEIsWUFBWTtpQkFDYjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AscUJBQXFCO29CQUNyQixvQkFBb0I7b0JBQ3BCLG9CQUFvQjtvQkFDcEIsdUJBQXVCO2lCQUN4QjthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLy8gTW9kdWxlc1xyXG5pbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBUb2FzdHJNb2R1bGUgfSBmcm9tICduZ3gtdG9hc3RyJztcclxuaW1wb3J0IHsgRnVsbEV4dGVuc2lvbnNNb2R1bGUgfSBmcm9tICdAZXNmYWVuemEvZXh0ZW5zaW9ucyc7XHJcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xyXG5pbXBvcnQgeyBNYXRNZW51TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudSc7XHJcbi8vIE1vZGVsc1xyXG5pbXBvcnQgeyBVdGlsaXR5Q29tcG9uZW50c01vZHVsZUNvbmZpZyB9IGZyb20gJy4vbW9kZWxzL1V0aWxpdHlDb21wb25lbnRzTW9kdWxlQ29uZmlnJztcclxuaW1wb3J0IHsgVUNDT19ERUJVR19NT0RFLCBVQ0NPX0xPQ0FMRSB9IGZyb20gJy4vdG9rZW5zJztcclxuLy8gQ29tcG9uZW50c1xyXG5pbXBvcnQgeyBDdXJyZW5jeVNwYW5Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY3VycmVuY3ktc3Bhbi9jdXJyZW5jeS1zcGFuLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNob3J0ZW5TcGFuQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3Nob3J0ZW4tc3Bhbi9zaG9ydGVuLXNwYW4uY29tcG9uZW50JztcclxuaW1wb3J0IHsgU3RhdHVzQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc3RhdHVzLWJhZGdlL3N0YXR1cy1iYWRnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaW1wbGVEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zaW1wbGUtZHJvcGRvd24vc2ltcGxlLWRyb3Bkb3duLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgQ3VycmVuY3lTcGFuQ29tcG9uZW50LFxyXG4gICAgU2hvcnRlblNwYW5Db21wb25lbnQsXHJcbiAgICBTdGF0dXNCYWRnZUNvbXBvbmVudCxcclxuICAgIFNpbXBsZURyb3Bkb3duQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSxcclxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXHJcbiAgICBNYXRNZW51TW9kdWxlLFxyXG5cclxuICAgIEZ1bGxFeHRlbnNpb25zTW9kdWxlLFxyXG4gICAgVG9hc3RyTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBDdXJyZW5jeVNwYW5Db21wb25lbnQsXHJcbiAgICBTaG9ydGVuU3BhbkNvbXBvbmVudCxcclxuICAgIFN0YXR1c0JhZGdlQ29tcG9uZW50LFxyXG4gICAgU2ltcGxlRHJvcGRvd25Db21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVdGlsaXR5Q29tcG9uZW50c01vZHVsZSB7XHJcbiAgc3RhdGljIGZvclJvb3QoY29uZmlnPzogVXRpbGl0eUNvbXBvbmVudHNNb2R1bGVDb25maWcpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPFV0aWxpdHlDb21wb25lbnRzTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogVXRpbGl0eUNvbXBvbmVudHNNb2R1bGUsXHJcbiAgICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgIHsgcHJvdmlkZTogVUNDT19MT0NBTEUsIHVzZVZhbHVlOiBjb25maWc/LmxvY2FsZSB8fCAnaXQtSVQnIH0sXHJcbiAgICAgICAgeyBwcm92aWRlOiBVQ0NPX0RFQlVHX01PREUsIHVzZVZhbHVlOiBjb25maWc/LmRlYnVnTW9kZSAhPSBudWxsID8gY29uZmlnPy5kZWJ1Z01vZGUgOiBmYWxzZSB9XHJcbiAgICAgIF1cclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==
package/esm2015/public-api.js CHANGED
@@ -9,4 +9,4 @@ export * from './lib/components/status-badge/status-badge.component';
9
9
  export * from './lib/models/DropdownOption';
10
10
  export * from './lib/models/UtilityComponentsModuleConfig';
11
11
  export * from './lib/tokens';
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHV0aWxpdHktY29tcG9uZW50c1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxpdHktY29tcG9uZW50cy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jdXJyZW5jeS1zcGFuL2N1cnJlbmN5LXNwYW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zaW1wbGUtZHJvcGRvd24vc2ltcGxlLWRyb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3N0YXR1cy1iYWRnZS9zdGF0dXMtYmFkZ2UuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9Ecm9wZG93bk9wdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbHMvVXRpbGl0eUNvbXBvbmVudHNNb2R1bGVDb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9rZW5zJztcbiJdfQ==
12
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3V0aWxpdHktY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgdXRpbGl0eS1jb21wb25lbnRzXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbGl0eS1jb21wb25lbnRzLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY3VycmVuY3ktc3Bhbi9jdXJyZW5jeS1zcGFuLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2hvcnRlbi1zcGFuL3Nob3J0ZW4tc3Bhbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NpbXBsZS1kcm9wZG93bi9zaW1wbGUtZHJvcGRvd24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9zdGF0dXMtYmFkZ2Uvc3RhdHVzLWJhZGdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9Ecm9wZG93bk9wdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscy9VdGlsaXR5Q29tcG9uZW50c01vZHVsZUNvbmZpZyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rva2Vucyc7XHJcbiJdfQ==
package/fesm2015/esfaenza-utility-components.js CHANGED
@@ -2,6 +2,7 @@ import { InjectionToken, Component, Input, ViewEncapsulation, ViewChild, NgModul
2
2
  import { CommonModule } from '@angular/common';
3
3
  import { ToastrService, ToastrModule } from 'ngx-toastr';
4
4
  import { ClipboardService, FullExtensionsModule } from '@esfaenza/extensions';
5
+ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
5
6
  import { MatTooltipModule } from '@angular/material/tooltip';
6
7
  import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
7
8
 
@@ -101,6 +102,8 @@ class StatusBadgeComponent {
101
102
  this.Zoom = 1;
102
103
  /** Valore dello stile 'top' del badge */
103
104
  this.Top = "20px";
105
+ /** Valore dello stile 'right' del badge */
106
+ this.Right = "0px";
104
107
  /** Condizione per cui il badge carichi gli stili 'Info' */
105
108
  this.Info = true;
106
109
  /** Condizione per cui il badge carichi gli stili 'Warning' */
@@ -114,14 +117,15 @@ class StatusBadgeComponent {
114
117
  StatusBadgeComponent.decorators = [
115
118
  { type: Component, args: [{
116
119
  selector: "status-badge",
117
- 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>",
118
- 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}"]
120
+ 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>",
121
+ 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}"]
119
122
  },] }
120
123
  ];
121
124
  StatusBadgeComponent.propDecorators = {
122
125
  Status: [{ type: Input }],
123
126
  Zoom: [{ type: Input }],
124
127
  Top: [{ type: Input }],
128
+ Right: [{ type: Input }],
125
129
  Info: [{ type: Input }],
126
130
  Warning: [{ type: Input }],
127
131
  Success: [{ type: Input }],
@@ -180,6 +184,7 @@ UtilityComponentsModule.decorators = [
180
184
  ],
181
185
  imports: [
182
186
  CommonModule,
187
+ BrowserAnimationsModule,
183
188
  MatTooltipModule,
184
189
  MatMenuModule,
185
190
  FullExtensionsModule,
package/fesm2015/esfaenza-utility-components.js.map CHANGED
@@ -1 +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 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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"}
1
+ {"version":3,"file":"esfaenza-utility-components.js","sources":["../../../projects/utility-components/src/lib/tokens.ts","../../../projects/utility-components/src/lib/components/currency-span/currency-span.component.ts","../../../projects/utility-components/src/lib/components/shorten-span/shorten-span.component.ts","../../../projects/utility-components/src/lib/components/status-badge/status-badge.component.ts","../../../projects/utility-components/src/lib/components/simple-dropdown/simple-dropdown.component.ts","../../../projects/utility-components/src/lib/utility-components.module.ts","../../../projects/utility-components/src/lib/models/DropdownOption.ts","../../../projects/utility-components/src/lib/models/UtilityComponentsModuleConfig.ts","../../../projects/utility-components/src/public-api.ts","../../../projects/utility-components/src/esfaenza-utility-components.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_LOCALE: InjectionToken<string> = new InjectionToken<string>('UCCO_LOCALE');\r\n/** Token che indica la lingua da utilizzare, sono supportate \"it-IT\" ed \"en-US\" */\r\nexport const UCCO_DEBUG_MODE: InjectionToken<boolean> = new InjectionToken<boolean>('UCCO_DEBUG_MODE');","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** Questo componente rappresenta un elemento span che formatta automaticamente un **CurrencyValue** in base al suo **CurrencyType** */\r\n@Component({\r\n selector: \"currency-span\",\r\n templateUrl: \"currency-span.component.html\"\r\n})\r\nexport class CurrencySpanComponent {\r\n /** Valore da formattare */\r\n @Input() CurrencyValue: string | number;\r\n /** Tipo in base al quale formattare il valore **CurrencyValue** */\r\n @Input() CurrencyType: string = CurrencyType.EMPTY;\r\n}\r\n\r\n/**\r\n * @ignore\r\n * Al momento non serve assolutamente a niente, ma per espandere eventualmente \r\n * il componente in futuro lo lascio qui che schifo non fa.\r\n */\r\nexport enum CurrencyType {\r\n EUR = \"€\",\r\n USD = \"$\",\r\n CAD = \"$\",\r\n EMPTY = \"\"\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n// Configurazioni\r\nimport { ClipboardService } from \"@esfaenza/extensions\";\r\n\r\n// Direttive, Componenti, Librerie\r\nimport { ToastrService } from \"ngx-toastr\";\r\n\r\n/** Questo componente rappresenta un elemento span che tronca un **Text** in base ad una **MaxLength** */\r\n@Component({\r\n selector: \"shorten-span\",\r\n templateUrl: \"shorten-span.component.html\",\r\n styleUrls: [\"./shorten-span.component.scss\"]\r\n})\r\nexport class ShortenSpanComponent {\r\n /** Mostra **Text** con stile grassetto */\r\n @Input() Bold: boolean = false;\r\n /** Testo da mostrare nello span */\r\n @Input() Text: string;\r\n /** Lunghezza massima del testo, prima di venire troncato */\r\n @Input() MaxLength: number = 999;\r\n /** Abilita la possibilita di copiare **Text** col tasto sinistro del mouse */\r\n @Input() ClipboardCopy: boolean = false;\r\n\r\n /** @ignore */\r\n constructor(private toastrService: ToastrService, private clipboardService: ClipboardService) { }\r\n\r\n /** Testo da mostrare nel tooltip di material, quando ha valore diverso da null */\r\n public ShowTooltip = null;\r\n\r\n /** @ignore */\r\n ngOnInit() {\r\n this.ShowTooltip = this.Text?.length >= this.MaxLength ? this.Text : null;\r\n }\r\n\r\n /**\r\n * Copia un valore nella clipboard\r\n * \r\n * @param {string} value Valore da copiare nella clipboard\r\n */\r\n copyToClipboard(value: string) {\r\n this.clipboardService.copyTextToClipboard(value);\r\n this.toastrService.info('Testo copiato!', null, { positionClass: 'toast-top-center' });\r\n }\r\n}","// Angular\r\nimport { Component, Input } from \"@angular/core\";\r\n\r\n/** \r\n * Questo componente serve a mostrare un badge di stato, con un testo **Status**.\r\n * Colorato in base a condizioni di **Info**, **Success**, **Warning** o **Danger** \r\n */\r\n@Component({\r\n selector: \"status-badge\",\r\n templateUrl: \"status-badge.component.html\",\r\n styleUrls: [\"./status-badge.component.scss\"]\r\n})\r\nexport class StatusBadgeComponent {\r\n /** Etichetta da mostrare nel badge */\r\n @Input() public Status: string;\r\n /** Dimensione del badge, in valore numerico (1 = 100%) */\r\n @Input() public Zoom: number = 1;\r\n /** Valore dello stile 'top' del badge */\r\n @Input() public Top: string = \"20px\";\r\n /** Valore dello stile 'right' del badge */\r\n @Input() public Right: string = \"0px\";\r\n /** Condizione per cui il badge carichi gli stili 'Info' */\r\n @Input() public Info: boolean = true;\r\n /** Condizione per cui il badge carichi gli stili 'Warning' */\r\n @Input() public Warning: boolean = false;\r\n /** Condizione per cui il badge carichi gli stili 'Success' */\r\n @Input() public Success: boolean = false;\r\n /** Condizione per cui il badge carichi gli stili 'Danger' */\r\n @Input() public Danger: boolean = false;\r\n}","// Angular\r\nimport { Component, Input, ViewChild, ViewEncapsulation } from \"@angular/core\";\r\nimport { MatMenuTrigger } from \"@angular/material/menu\";\r\n\r\n// Models\r\nimport { DropdownOption } from \"../../models/DropdownOption\";\r\n\r\n/** Questo componente si occupa di creare un context-menu con **Options** definite dal programmatore, che innescano una funzione quando selezionate */\r\n@Component({\r\n selector: \"simple-dropdown\",\r\n templateUrl: \"simple-dropdown.component.html\",\r\n styleUrls: [\"./simple-dropdown.component.scss\"],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class SimpleDropdownComponent {\r\n /** Trigger del MatMenu, per poter decidere quando mostrare il menu da codice */\r\n @ViewChild(MatMenuTrigger, { static: true }) matMenuTrigger: MatMenuTrigger;\r\n /** Opzioni da mostrare nel context-menu, composte da un campo Nome ed uno Operazione */\r\n @Input() Options: DropdownOption[] = [];\r\n /** Posizione di Default del context-menu, evitare di smanazzare */\r\n public MenuPosition = { x: '0', y: '0' }\r\n /** Serve per far apparire il menu dove definito da **MenuPosition**, facendo uso di **matMenuTrigger** */\r\n public Show(event: MouseEvent) {\r\n this.MenuPosition.x = event.clientX + 'px';\r\n this.MenuPosition.y = event.clientY + 'px';\r\n this.matMenuTrigger.openMenu();\r\n\r\n return false;\r\n }\r\n}","// Modules\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { FullExtensionsModule } from '@esfaenza/extensions';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\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 BrowserAnimationsModule,\r\n MatTooltipModule,\r\n MatMenuModule,\r\n\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 CHANGED
@@ -9,6 +9,8 @@ export declare class StatusBadgeComponent {
9
9
  Zoom: number;
10
10
  /** Valore dello stile 'top' del badge */
11
11
  Top: string;
12
+ /** Valore dello stile 'right' del badge */
13
+ Right: string;
12
14
  /** Condizione per cui il badge carichi gli stili 'Info' */
13
15
  Info: boolean;
14
16
  /** Condizione per cui il badge carichi gli stili 'Warning' */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esfaenza/utility-components",
3
- "version": "11.2.2",
3
+ "version": "11.2.3",
4
4
  "dependencies": {
5
5
  "tslib": "^2.0.0"
6
6
  },