@esfaenza/es-charts 12.2.11 → 13.1.2

package/fesm2015/{esfaenza-es-charts.js → esfaenza-es-charts.mjs}

@@ -1,8 +1,10 @@
-import { Injectable, InjectionToken, Inject, EventEmitter, Directive, ElementRef, NgZone, Input, ContentChild, Output, Component, ChangeDetectionStrategy, PLATFORM_ID, NgModule } from '@angular/core';
-import { DateService } from '@esfaenza/extensions';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ContentChild, InjectionToken, Inject, Directive, PLATFORM_ID, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as am4core from '@amcharts/amcharts4/core';
 import * as am4charts from '@amcharts/amcharts4/charts';
+import * as i2 from '@esfaenza/extensions';
 
 /**
  * Adapter Base da reimplementare per trasformare i dati da una libreria di grafici a questa per evitare di riscrivere tutto il codice di
@@ -46,9 +48,11 @@ class BaseAdapter {
         return anyData;
     }
 }
-BaseAdapter.decorators = [
-    { type: Injectable }
-];
+BaseAdapter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BaseAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+BaseAdapter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BaseAdapter });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BaseAdapter, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * Dati relativi a un grafico di tipo LineChart
@@ -58,9 +62,11 @@ class LineChartData {
      * Costruttore
      *
      * @param {LineSerie[]} series Lista di serie da graficare
+     * @param {{upper: lower}}
      */
-    constructor(series = []) {
+    constructor(series = [], limit) {
         this.series = series;
+        this.limit = limit;
     }
 }
 
@@ -212,6 +218,21 @@ class BaseInterval {
 class LegendPad {
 }
 
+/**
+ * Modello che identifica un limite superiore - inferiore
+ */
+class Limit {
+    /** @ignore */
+    constructor(upper, upperLabel, upperColor, lower, lowerLabel, lowerColor) {
+        this.upper = upper;
+        this.upperLabel = upperLabel;
+        this.upperColor = upperColor;
+        this.lower = lower;
+        this.lowerLabel = lowerLabel;
+        this.lowerColor = lowerColor;
+    }
+}
+
 /**
  * Modello che identifica la coppia Data-Valore
  */
@@ -256,18 +277,106 @@ class LineSerie {
      * @param {string} name Nome della serie
      * @param {DateValue[]} values Valori della serie
      * @param {BaseInterval} interval Intervallo della serie. Viene utilizzato per gestire Gap e date in Istante Finale
-     * @param {string} color Colore della serie, verrà usato sia per la lineaa base che eventualmente per il riempimento (in caso si utilizzi l'Input **Fill** nel grafico)
+     * @param {string} color Colore della serie, verrà usato sia per la linea base che eventualmente per il riempimento (in caso si utilizzi l'Input **Fill** nel grafico)
      * @param {string} uom Unità di misura da presentare nell'asse delle Y
+     * @param {boolean} fill Override della proprietà **Fill** del grafico, specifico per ogni serie
      */
-    constructor(name, values, interval, color, uom) {
+    constructor(name, values, interval, color, uom, fill) {
         this.name = name;
         this.values = values;
         this.interval = interval;
         this.color = color;
         this.uom = uom;
+        this.fill = fill;
     }
 }
 
+/**
+ * Componente che si occupa della paginazione dei grafici qualora servisse
+ */
+class PageChartSelector {
+    constructor() {
+        /**
+         * Indica un cambio di pagina ed emette un oggetto con i dati attuali e l'indice attuale.
+         *
+         * Qualora la proprietà **data** fosse null indica un evento di "loading"
+         */
+        this.onPageChange = new EventEmitter();
+    }
+    /**
+     * @ignore
+     */
+    ngOnChanges() {
+        if (!(this.Items || this.Dtos) || (this.Items || this.Dtos).length == 0)
+            throw new Error("Chart array cannot be empty!");
+        var idx = (this.StartIndex || 0);
+        this.currentindex = idx;
+        this.currentpage = idx + 1;
+        this.handlePageChange();
+    }
+    /**
+     * Gestisce un cambio pagina inviando al callback **onPageChange** i dati attuali (siano essi il Dto per il caricamento dati i
+     * o i dati già presenti) e l'indice di visualizzazione
+     */
+    handlePageChange() {
+        this.finalIndex = this.currentpage - 1;
+        this.currentindex = this.currentpage - 1;
+        let data = this.Items && this.Items.length > 0 ? this.Items[this.finalIndex].data : this.Dtos[this.finalIndex];
+        this.onPageChange.emit({ data: data, index: this.finalIndex });
+    }
+    /**
+     * Visualizza il grafico successivo
+     */
+    Next() {
+        // Per passare da page a index è sempre un -1
+        this.currentpage++;
+        this.onPageChange.emit({ data: null, index: this.currentpage - 1 });
+        // Delay pseudo-intelligente per click compulsivi. 
+        // Se dopo questo delay sono andato avanti solo di 1 effettuo il callback altrimenti incremento l'indice
+        setTimeout(() => {
+            if (this.currentindex == this.currentpage - 2)
+                this.handlePageChange();
+            else
+                this.currentindex++;
+        }, this.BrowseDelayMs);
+    }
+    /**
+     * Visualizza il grafico precedente
+     */
+    Previous() {
+        // Per passare da page a index è sempre un -1
+        this.currentpage--;
+        this.onPageChange.emit({ data: null, index: this.currentpage - 1 });
+        // Delay pseudo-intelligente per click compulsivi. 
+        // Se dopo questo delay sono andato indietro solo di 1 effettuo il callback altrimenti decremento l'indice
+        setTimeout(() => {
+            if (this.currentindex == this.currentpage)
+                this.handlePageChange();
+            else
+                this.currentindex--;
+        }, this.BrowseDelayMs);
+    }
+}
+PageChartSelector.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PageChartSelector, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PageChartSelector.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: PageChartSelector, selector: "chart-pager", inputs: { Items: "Items", Dtos: "Dtos", BrowseDelayMs: "BrowseDelayMs", StartIndex: "StartIndex" }, outputs: { onPageChange: "onPageChange" }, queries: [{ propertyName: "headerInner_tr", first: true, predicate: ["header_inner"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"(Items || Dtos) && (Items || Dtos).length > 0\" class=\"pcs-no-selection\">\r\n    <div class=\"pcs-button pcs-backward\">\r\n        <svg class=\"pcs-svg-header\">\r\n            <g class=\"pcs-svg-button-container\" role=\"button\" (click)=\"currentpage != 1 && Previous(); $event.stopPropagation(); $event.preventDefault();\">\r\n                <!--Pulsante e freccettina all'interno-->\r\n                <g class=\"pcs-svg-button\"  [style.cursor]=\"currentpage == 1 ? 'not-allowed' : 'pointer'\"><path d=\"M3,0 L53.027,0 a3,3 0 0 1 3,3 L56.027,36.817 a3,3 0 0 1 -3,3 L3,39.817 a3,3 0 0 1 -3,-3 L0,3 a3,3 0 0 1 3,-3 Z\"></path></g>\r\n                <g class=\"pcs-svg-arrow pcs-svg-arrow-left\"><path d=\"M26,14H10l5.17-6.79A2,2,0,0,0,12,4.79l-7.62,10a2,2,0,0,0,0,2.42l7.62,10a2,2,0,0,0,3.18-2.42L10,18H26a2,2,0,0,0,0-4Z\"></path></g>\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <div class=\"pcs-infos\">\r\n        <ng-container *ngIf=\"headerInner_tr\">\r\n            <ng-container *ngTemplateOutlet=\"headerInner_tr; context : {$implicit: (Items || Dtos)[currentpage - 1]}\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"pcs-button pcs-forward\">\r\n        <svg class=\"pcs-svg-header\">\r\n            <g class=\"pcs-svg-button-container\" role=\"button\" (click)=\"(Items || Dtos).length != currentpage && Next(); $event.stopPropagation(); $event.preventDefault();\">\r\n                <!--Pulsante e freccettina all'interno-->\r\n                <g class=\"pcs-svg-button\" [style.cursor]=\"(Items || Dtos).length == currentpage ? 'not-allowed' : 'pointer'\"><path d=\"M3,0 L53.027,0 a3,3 0 0 1 3,3 L56.027,36.817 a3,3 0 0 1 -3,3 L3,39.817 a3,3 0 0 1 -3,-3 L0,3 a3,3 0 0 1 3,-3 Z\"></path></g>\r\n                <g class=\"pcs-svg-arrow pcs-svg-arrow-right\"><path d=\"M26,14H10l5.17-6.79A2,2,0,0,0,12,4.79l-7.62,10a2,2,0,0,0,0,2.42l7.62,10a2,2,0,0,0,3.18-2.42L10,18H26a2,2,0,0,0,0-4Z\"></path></g>\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <div style=\"clear: both;\"></div>\r\n</div>", styles: [".pcs-button{width:60px}.pcs-forward{float:right;text-align:end}.pcs-backward{float:left}.pcs-svg-header{width:57px;height:40px}.pcs-svg-button-container{outline:currentcolor none medium}.pcs-svg-arrow{pointer-events:none;fill:#555}.pcs-svg-arrow-right{transform:translate(44px,36px) rotate(180deg)}.pcs-svg-arrow-left{transform:translate(13px,4px)}.pcs-svg-button{fill:#d9d9d9;stroke:#fff;fill-opacity:1;stroke-opacity:1}.pcs-svg-button:hover{fill:#a3a3a3;cursor:pointer}.pcs-infos{width:calc(100% - 120px);height:44px;float:left}.pcs-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: PageChartSelector, decorators: [{
+            type: Component,
+            args: [{ selector: "chart-pager", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"(Items || Dtos) && (Items || Dtos).length > 0\" class=\"pcs-no-selection\">\r\n    <div class=\"pcs-button pcs-backward\">\r\n        <svg class=\"pcs-svg-header\">\r\n            <g class=\"pcs-svg-button-container\" role=\"button\" (click)=\"currentpage != 1 && Previous(); $event.stopPropagation(); $event.preventDefault();\">\r\n                <!--Pulsante e freccettina all'interno-->\r\n                <g class=\"pcs-svg-button\"  [style.cursor]=\"currentpage == 1 ? 'not-allowed' : 'pointer'\"><path d=\"M3,0 L53.027,0 a3,3 0 0 1 3,3 L56.027,36.817 a3,3 0 0 1 -3,3 L3,39.817 a3,3 0 0 1 -3,-3 L0,3 a3,3 0 0 1 3,-3 Z\"></path></g>\r\n                <g class=\"pcs-svg-arrow pcs-svg-arrow-left\"><path d=\"M26,14H10l5.17-6.79A2,2,0,0,0,12,4.79l-7.62,10a2,2,0,0,0,0,2.42l7.62,10a2,2,0,0,0,3.18-2.42L10,18H26a2,2,0,0,0,0-4Z\"></path></g>\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <div class=\"pcs-infos\">\r\n        <ng-container *ngIf=\"headerInner_tr\">\r\n            <ng-container *ngTemplateOutlet=\"headerInner_tr; context : {$implicit: (Items || Dtos)[currentpage - 1]}\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"pcs-button pcs-forward\">\r\n        <svg class=\"pcs-svg-header\">\r\n            <g class=\"pcs-svg-button-container\" role=\"button\" (click)=\"(Items || Dtos).length != currentpage && Next(); $event.stopPropagation(); $event.preventDefault();\">\r\n                <!--Pulsante e freccettina all'interno-->\r\n                <g class=\"pcs-svg-button\" [style.cursor]=\"(Items || Dtos).length == currentpage ? 'not-allowed' : 'pointer'\"><path d=\"M3,0 L53.027,0 a3,3 0 0 1 3,3 L56.027,36.817 a3,3 0 0 1 -3,3 L3,39.817 a3,3 0 0 1 -3,-3 L0,3 a3,3 0 0 1 3,-3 Z\"></path></g>\r\n                <g class=\"pcs-svg-arrow pcs-svg-arrow-right\"><path d=\"M26,14H10l5.17-6.79A2,2,0,0,0,12,4.79l-7.62,10a2,2,0,0,0,0,2.42l7.62,10a2,2,0,0,0,3.18-2.42L10,18H26a2,2,0,0,0,0-4Z\"></path></g>\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <div style=\"clear: both;\"></div>\r\n</div>", styles: [".pcs-button{width:60px}.pcs-forward{float:right;text-align:end}.pcs-backward{float:left}.pcs-svg-header{width:57px;height:40px}.pcs-svg-button-container{outline:currentcolor none medium}.pcs-svg-arrow{pointer-events:none;fill:#555}.pcs-svg-arrow-right{transform:translate(44px,36px) rotate(180deg)}.pcs-svg-arrow-left{transform:translate(13px,4px)}.pcs-svg-button{fill:#d9d9d9;stroke:#fff;fill-opacity:1;stroke-opacity:1}.pcs-svg-button:hover{fill:#a3a3a3;cursor:pointer}.pcs-infos{width:calc(100% - 120px);height:44px;float:left}.pcs-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}\n"] }]
+        }], propDecorators: { Items: [{
+                type: Input
+            }], Dtos: [{
+                type: Input
+            }], BrowseDelayMs: [{
+                type: Input
+            }], StartIndex: [{
+                type: Input
+            }], onPageChange: [{
+                type: Output
+            }], headerInner_tr: [{
+                type: ContentChild,
+                args: ['header_inner', { static: false }]
+            }] } });
+
 /**
  * Token che identifica il Locale di default per tutti i grafici, può essere sovrascritto dalle impostazioni locali (Settings e Input)
  */
@@ -364,12 +473,16 @@ class ChartDispatcher {
             console.log("@esfaenza/es-charts: " + text);
     }
 }
-ChartDispatcher.decorators = [
-    { type: Injectable }
-];
-ChartDispatcher.ctorParameters = () => [
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] }
-];
+ChartDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartDispatcher, deps: [{ token: ESC_LOGS }], target: i0.ɵɵFactoryTarget.Injectable });
+ChartDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartDispatcher });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ChartDispatcher, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOGS]
+                    }] }];
+    } });
 
 /** @ignore */
 const _spiritedaway = 'spiritedaway';
@@ -702,8 +815,8 @@ class BaseChartComponent {
      * impostate in fase di import del modulo assegnando valori ai token ESC_LOCALE, ESC_ANIMATIONS, ESC_THEME
      */
     ngOnInit() {
-        // Qui servono solo le variabili da conoscere PRE-graficazione per il caricamento dei moduli lazy del grafico
         var _a, _b, _c, _d, _e, _f;
+        // Qui servono solo le variabili da conoscere PRE-graficazione per il caricamento dei moduli lazy del grafico
         this.Animations = ((_a = this.Settings) === null || _a === void 0 ? void 0 : _a.Animations) != null ? (_b = this.Settings) === null || _b === void 0 ? void 0 : _b.Animations : (this.Animations != null ? this.Animations : this.animations);
         this.Theme = ((_c = this.Settings) === null || _c === void 0 ? void 0 : _c.Theme) != null ? (_d = this.Settings) === null || _d === void 0 ? void 0 : _d.Theme : (this.Theme != null ? this.Theme : this.theme);
         this.Locale = ((_e = this.Settings) === null || _e === void 0 ? void 0 : _e.Locale) != null ? (_f = this.Settings) === null || _f === void 0 ? void 0 : _f.Locale : (this.Locale != null ? this.Locale : this.locale);
@@ -785,8 +898,8 @@ class BaseChartComponent {
      * @param {BaseSettings} settings Impostazioni base ricevute dalla specializzazione del grafico
      */
     fillSettings(settings) {
-        // Merge degli Input con i Settings, dando priorità ai Settings
         var _a;
+        // Merge degli Input con i Settings, dando priorità ai Settings
         settings.Theme = settings.Theme ? settings.Theme : this.Theme;
         settings.Locale = settings.Locale ? settings.Locale : this.Locale;
         settings.Animations = settings.Animations != null ? settings.Animations : this.Animations;
@@ -866,8 +979,11 @@ class BaseChartComponent {
      * le differenze fra il grafico com'era prima e come deve diventare, in modo da non ricrearlo ma semplicemente modificare quello che già è disegnato
      */
     reloadChart() {
-        this.browserOnly(() => { if (!this.Chart.isDisposed())
-            this.Chart.dispose(); this.Dispatcher.deregisterGraph(this.name); });
+        this.browserOnly(() => {
+            if (!this.Chart.isDisposed())
+                this.Chart.dispose();
+            this.Dispatcher.deregisterGraph(this.name);
+        });
         this.Dispatcher.register(this.name, () => { return this.loadChart(); });
     }
     /**
@@ -898,46 +1014,61 @@ class BaseChartComponent {
         }
     }
 }
-BaseChartComponent.decorators = [
-    { type: Directive }
-];
-BaseChartComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Object },
-    { type: NgZone },
-    { type: ChartLoader },
-    { type: ChartDispatcher },
-    { type: Boolean },
-    { type: Boolean },
-    { type: String },
-    { type: String }
-];
-BaseChartComponent.propDecorators = {
-    XTitle: [{ type: Input }],
-    YTitle: [{ type: Input }],
-    Settings: [{ type: Input }],
-    Legend: [{ type: Input }],
-    LegendPosition: [{ type: Input }],
-    Timeline: [{ type: Input }],
-    name: [{ type: Input }],
-    Animations: [{ type: Input }],
-    Theme: [{ type: Input }],
-    Locale: [{ type: Input }],
-    HideSeriesOnLabelClick: [{ type: Input }],
-    MinGridDistance: [{ type: Input }],
-    AdaptLabelSizeAndOrientation: [{ type: Input }],
-    LegendPadding: [{ type: Input }],
-    DataDtos: [{ type: Input }],
-    DataDtoStartIndex: [{ type: Input }],
-    DataRetrieve: [{ type: Input }],
-    BrowseDelayMs: [{ type: Input }],
-    header_tr: [{ type: ContentChild, args: ['header', { static: false },] }],
-    loading_template: [{ type: ContentChild, args: ['loading', { static: false },] }],
-    onSelectionChanged: [{ type: Output }],
-    onSeriesClicked: [{ type: Output }],
-    onLoadStart: [{ type: Output }],
-    onLoadEnd: [{ type: Output }]
-};
+BaseChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BaseChartComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+BaseChartComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: BaseChartComponent, inputs: { XTitle: "XTitle", YTitle: "YTitle", Settings: "Settings", Legend: "Legend", LegendPosition: "LegendPosition", Timeline: "Timeline", name: "name", Animations: "Animations", Theme: "Theme", Locale: "Locale", HideSeriesOnLabelClick: "HideSeriesOnLabelClick", MinGridDistance: "MinGridDistance", AdaptLabelSizeAndOrientation: "AdaptLabelSizeAndOrientation", LegendPadding: "LegendPadding", DataDtos: "DataDtos", DataDtoStartIndex: "DataDtoStartIndex", DataRetrieve: "DataRetrieve", BrowseDelayMs: "BrowseDelayMs" }, outputs: { onSelectionChanged: "onSelectionChanged", onSeriesClicked: "onSeriesClicked", onLoadStart: "onLoadStart", onLoadEnd: "onLoadEnd" }, queries: [{ propertyName: "header_tr", first: true, predicate: ["header"], descendants: true }, { propertyName: "loading_template", first: true, predicate: ["loading"], descendants: true }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: BaseChartComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Object }, { type: i0.NgZone }, { type: ChartLoader }, { type: ChartDispatcher }, { type: undefined }, { type: undefined }, { type: undefined }, { type: undefined }]; }, propDecorators: { XTitle: [{
+                type: Input
+            }], YTitle: [{
+                type: Input
+            }], Settings: [{
+                type: Input
+            }], Legend: [{
+                type: Input
+            }], LegendPosition: [{
+                type: Input
+            }], Timeline: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], Animations: [{
+                type: Input
+            }], Theme: [{
+                type: Input
+            }], Locale: [{
+                type: Input
+            }], HideSeriesOnLabelClick: [{
+                type: Input
+            }], MinGridDistance: [{
+                type: Input
+            }], AdaptLabelSizeAndOrientation: [{
+                type: Input
+            }], LegendPadding: [{
+                type: Input
+            }], DataDtos: [{
+                type: Input
+            }], DataDtoStartIndex: [{
+                type: Input
+            }], DataRetrieve: [{
+                type: Input
+            }], BrowseDelayMs: [{
+                type: Input
+            }], header_tr: [{
+                type: ContentChild,
+                args: ['header', { static: false }]
+            }], loading_template: [{
+                type: ContentChild,
+                args: ['loading', { static: false }]
+            }], onSelectionChanged: [{
+                type: Output
+            }], onSeriesClicked: [{
+                type: Output
+            }], onLoadStart: [{
+                type: Output
+            }], onLoadEnd: [{
+                type: Output
+            }] } });
 
 /**
  * Classe il cui unico scopo è gestire il setup e rendering di un LineChart
@@ -960,7 +1091,7 @@ class LineChartService {
      * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un LineChart
      */
     graphicate(data, settings) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         let dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
         let threshold = (_a = settings.DataGroupingThreshold) !== null && _a !== void 0 ? _a : 3000;
         let singleDataSet = (_b = settings.MergeDatasets) !== null && _b !== void 0 ? _b : false;
@@ -971,7 +1102,6 @@ class LineChartService {
         let interval = seriesWithInterval ? dataConverted.series.find(t => t.interval).interval : null;
         let gapsAllowed = (settings === null || settings === void 0 ? void 0 : settings.AllowGaps) == null ? seriesWithInterval : settings === null || settings === void 0 ? void 0 : settings.AllowGaps;
         let finalInstant = (_c = settings === null || settings === void 0 ? void 0 : settings.FinalInstants) !== null && _c !== void 0 ? _c : true;
-        let fill = (_d = settings === null || settings === void 0 ? void 0 : settings.Fill) !== null && _d !== void 0 ? _d : false;
         //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
         am4core.options.autoDispose = true;
         this.ChartInstance = am4core.create(settings.Name, am4charts.XYChart);
@@ -985,6 +1115,32 @@ class LineChartService {
             yAxis.min = settings.Min;
         if (settings.Max)
             yAxis.max = settings.Max;
+        if (dataConverted.limit) {
+            if (dataConverted.limit.upper != null && dataConverted.limit.upper != undefined) {
+                let range = yAxis.axisRanges.create();
+                range.value = dataConverted.limit.upper;
+                range.label.inside = true;
+                range.label.text = dataConverted.limit.upperLabel;
+                range.label.fill = range.grid.stroke;
+                range.label.verticalCenter = "bottom";
+                range.label.stroke = am4core.color(dataConverted.limit.upperColor || "#F92200");
+                range.grid.stroke = am4core.color(dataConverted.limit.upperColor || "#F92200");
+                range.grid.strokeWidth = 2;
+                range.grid.strokeOpacity = 1;
+            }
+            if (dataConverted.limit.lower != null && dataConverted.limit.lower != undefined) {
+                let range = yAxis.axisRanges.create();
+                range.value = dataConverted.limit.lower;
+                range.label.inside = true;
+                range.label.text = dataConverted.limit.lowerLabel;
+                range.label.fill = range.grid.stroke;
+                range.label.verticalCenter = "bottom";
+                range.label.stroke = am4core.color(dataConverted.limit.lowerColor || "#F92200");
+                range.grid.stroke = am4core.color(dataConverted.limit.lowerColor || "#F92200");
+                range.grid.strokeWidth = 2;
+                range.grid.strokeOpacity = 1;
+            }
+        }
         let dateAxis = ChartInstanceCasted.xAxes.push(new am4charts.DateAxis());
         if (settings.XAxisTitle) {
             dateAxis.title.text = settings.XAxisTitle;
@@ -998,11 +1154,11 @@ class LineChartService {
             dateAxis.renderer.ticks.template.length = 10;
             dateAxis.renderer.ticks.template.location = 0;
         }
-        dateAxis.renderer.minGridDistance = (_e = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _e !== void 0 ? _e : 50;
+        dateAxis.renderer.minGridDistance = (_d = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _d !== void 0 ? _d : 50;
         dateAxis.renderer.grid.template.location = 0;
         dateAxis.minZoomCount = 5;
         dateAxis.groupData = dataShouldBeGrouped;
-        dateAxis.groupCount = (_f = settings.DataGroupBucketSize) !== null && _f !== void 0 ? _f : this.DataGroupBucketSize;
+        dateAxis.groupCount = (_e = settings.DataGroupBucketSize) !== null && _e !== void 0 ? _e : this.DataGroupBucketSize;
         //Se ho almeno una serie ad intervallo e i settings non mi impediscono esplicitamente di usare i gaps, visualizzo i dati col gap
         if (gapsAllowed) {
             if (!seriesWithInterval) {
@@ -1046,7 +1202,7 @@ class LineChartService {
         }
         //-- Fine generazione
         dataConverted.series.forEach((s, index) => {
-            var _a, _b;
+            var _a, _b, _c;
             if (s.values[0] && !(s.values[0].d instanceof Date)) {
                 for (let v = 0; v < s.values.length; v++)
                     s.values[v].d = new Date(s.values[v].d);
@@ -1063,12 +1219,13 @@ class LineChartService {
             }
             if (!correctOrder)
                 s.values.sort((d1, d2) => d1.d.getTime() - d2.d.getTime());
+            let fill = s.fill != null && s.fill != undefined ? s.fill : ((_a = settings === null || settings === void 0 ? void 0 : settings.Fill) !== null && _a !== void 0 ? _a : false);
             let series = (settings === null || settings === void 0 ? void 0 : settings.Step) ? new am4charts.StepLineSeries() : new am4charts.LineSeries();
             series.dataFields.valueY = "v" + (singleDataSet ? index : "");
             series.dataFields.dateX = "d";
             series.dataFields.measureUnit = s.uom;
             series.name = s.name;
-            series.strokeWidth = (_a = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _a !== void 0 ? _a : 1;
+            series.strokeWidth = (_b = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _b !== void 0 ? _b : 1;
             series.connect = !gapsAllowed;
             series.minBulletDistance = 10;
             series.tooltipText = singleDataSet ? "" : "{name}: [bold]{valueY}[/]";
@@ -1119,7 +1276,7 @@ class LineChartService {
                 series.data = s.values;
             let segment = series.segments.template;
             let hoverState = segment.states.create("hover");
-            hoverState.properties.strokeWidth = ((_b = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _b !== void 0 ? _b : 1) + 1;
+            hoverState.properties.strokeWidth = ((_c = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _c !== void 0 ? _c : 1) + 1;
             let dimmed = segment.states.create("dimmed");
             dimmed.properties.stroke = am4core.color("#dadada");
             //Se la serie ha un colore, uso quello, altrimenti pesco dai colori di default andando in ordine
@@ -1140,17 +1297,17 @@ class LineChartService {
         });
         if (settings.Legend) {
             this.ChartInstance.legend = new am4charts.Legend();
-            this.ChartInstance.legend.position = (_g = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _g !== void 0 ? _g : 'right';
+            this.ChartInstance.legend.position = (_f = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _f !== void 0 ? _f : 'right';
             this.ChartInstance.legend.scrollable = true;
             this.ChartInstance.legend.itemContainers.template.tooltipText = "{name}";
-            this.ChartInstance.legend.itemContainers.template.events.on("over", (event) => { this.processOver(event.target.dataItem.dataContext, fill); });
-            this.ChartInstance.legend.itemContainers.template.events.on("out", (event) => { this.processOut(fill); });
+            this.ChartInstance.legend.itemContainers.template.events.on("over", (event) => { this.processOver(event.target.dataItem.dataContext); });
+            this.ChartInstance.legend.itemContainers.template.events.on("out", () => { this.processOut(); });
             if (settings.LegendPadding) {
                 let template = this.ChartInstance.legend.itemContainers.template;
-                template.paddingTop = (_h = settings.LegendPadding.top) !== null && _h !== void 0 ? _h : 0;
-                template.paddingBottom = (_j = settings.LegendPadding.bottom) !== null && _j !== void 0 ? _j : 0;
-                template.paddingLeft = (_k = settings.LegendPadding.left) !== null && _k !== void 0 ? _k : 0;
-                template.paddingRight = (_l = settings.LegendPadding.right) !== null && _l !== void 0 ? _l : 0;
+                template.paddingTop = (_g = settings.LegendPadding.top) !== null && _g !== void 0 ? _g : 0;
+                template.paddingBottom = (_h = settings.LegendPadding.bottom) !== null && _h !== void 0 ? _h : 0;
+                template.paddingLeft = (_j = settings.LegendPadding.left) !== null && _j !== void 0 ? _j : 0;
+                template.paddingRight = (_k = settings.LegendPadding.right) !== null && _k !== void 0 ? _k : 0;
             }
         }
         this.ChartInstance.cursor = new am4charts.XYCursor();
@@ -1193,8 +1350,9 @@ class LineChartService {
         }
     }
     /** @ignore */
-    processOver(hoveredSeries, fill) {
+    processOver(hoveredSeries) {
         hoveredSeries.toFront();
+        let fill = hoveredSeries.stacked;
         hoveredSeries.segments.each((segment) => {
             segment.setState("hover");
             if (!fill)
@@ -1203,17 +1361,20 @@ class LineChartService {
         if (!fill)
             hoveredSeries.legendDataItem.marker.children.getIndex(1).fillOpacity = this.OpacityOnSelected;
         this.ChartInstance.series.each((series) => {
-            if (series != hoveredSeries)
+            if (series != hoveredSeries) {
+                let fill = series.stacked;
                 series.segments.each((segment) => {
                     segment.setState("dimmed");
                     if (!fill)
                         segment.fillSprite.fillOpacity = 0;
                 });
+            }
         });
     }
     /** @ignore */
-    processOut(fill) {
+    processOut() {
         this.ChartInstance.series.each((series) => {
+            let fill = series.stacked;
             series.segments.each((segment) => {
                 segment.setState("default");
                 if (!fill)
@@ -1938,32 +2099,35 @@ class EsChartComponent extends BaseChartComponent {
         }
     }
 }
-EsChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'es-chart',
-                template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-            },] }
-];
-EsChartComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChartLoader },
-    { type: ChartDispatcher },
-    { type: DateService },
-    { type: BaseAdapter },
-    { type: NgZone },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_ANIMATIONS,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_LOCALE,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_THEME,] }] }
-];
-EsChartComponent.propDecorators = {
-    Type: [{ type: Input }],
-    Data: [{ type: Input }],
-    DataArray: [{ type: Input }]
-};
+EsChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i2.DateService }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_LOGS }, { token: ESC_ANIMATIONS }, { token: ESC_LOCALE }, { token: ESC_THEME }], target: i0.ɵɵFactoryTarget.Component });
+EsChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: EsChartComponent, selector: "es-chart", inputs: { Type: "Type", Data: "Data", DataArray: "DataArray" }, usesInheritance: true, ngImport: i0, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"], components: [{ type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'es-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i2.DateService }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOGS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_ANIMATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOCALE]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_THEME]
+                    }] }];
+    }, propDecorators: { Type: [{
+                type: Input
+            }], Data: [{
+                type: Input
+            }], DataArray: [{
+                type: Input
+            }] } });
 
 /**
  * Componente specifico per la graficazione di un grafico ad Area
@@ -2008,30 +2172,33 @@ class EsAreaChartComponent extends BaseChartComponent {
         return new AreaChartService(this.adapter).graphicate(this.Data, settingsCasted);
     }
 }
-EsAreaChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'es-area-chart',
-                template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-            },] }
-];
-EsAreaChartComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChartLoader },
-    { type: ChartDispatcher },
-    { type: BaseAdapter },
-    { type: NgZone },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_ANIMATIONS,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_LOCALE,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_THEME,] }] }
-];
-EsAreaChartComponent.propDecorators = {
-    Data: [{ type: Input }],
-    DataArray: [{ type: Input }]
-};
+EsAreaChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsAreaChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_LOGS }, { token: ESC_ANIMATIONS }, { token: ESC_LOCALE }, { token: ESC_THEME }], target: i0.ɵɵFactoryTarget.Component });
+EsAreaChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: EsAreaChartComponent, selector: "es-area-chart", inputs: { Data: "Data", DataArray: "DataArray" }, usesInheritance: true, ngImport: i0, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"], components: [{ type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsAreaChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'es-area-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOGS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_ANIMATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOCALE]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_THEME]
+                    }] }];
+    }, propDecorators: { Data: [{
+                type: Input
+            }], DataArray: [{
+                type: Input
+            }] } });
 
 /**
  * Componente specifico per la graficazione di un grafico a Linea su un asse temporale
@@ -2087,41 +2254,53 @@ class EsLineChartComponent extends BaseChartComponent {
         return new LineChartService(this.adapter, this.dateService).graphicate(this.Data, settingsCasted);
     }
 }
-EsLineChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'es-line-chart',
-                template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-            },] }
-];
-EsLineChartComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChartLoader },
-    { type: ChartDispatcher },
-    { type: BaseAdapter },
-    { type: DateService },
-    { type: NgZone },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_ANIMATIONS,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_LOCALE,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_THEME,] }] }
-];
-EsLineChartComponent.propDecorators = {
-    Data: [{ type: Input }],
-    DataArray: [{ type: Input }],
-    Step: [{ type: Input }],
-    DataGroupBucketSize: [{ type: Input }],
-    DataGroupingThreshold: [{ type: Input }],
-    StrokeSize: [{ type: Input }],
-    AllowGaps: [{ type: Input }],
-    MergeDatasets: [{ type: Input }],
-    FinalInstants: [{ type: Input }],
-    Min: [{ type: Input }],
-    Max: [{ type: Input }],
-    Fill: [{ type: Input }]
-};
+EsLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsLineChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i2.DateService }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_LOGS }, { token: ESC_ANIMATIONS }, { token: ESC_LOCALE }, { token: ESC_THEME }], target: i0.ɵɵFactoryTarget.Component });
+EsLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: EsLineChartComponent, selector: "es-line-chart", inputs: { Data: "Data", DataArray: "DataArray", Step: "Step", DataGroupBucketSize: "DataGroupBucketSize", DataGroupingThreshold: "DataGroupingThreshold", StrokeSize: "StrokeSize", AllowGaps: "AllowGaps", MergeDatasets: "MergeDatasets", FinalInstants: "FinalInstants", Min: "Min", Max: "Max", Fill: "Fill" }, usesInheritance: true, ngImport: i0, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"], components: [{ type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsLineChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'es-line-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i2.DateService }, { type: i0.NgZone }, { type: Object, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOGS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_ANIMATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOCALE]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_THEME]
+                    }] }];
+    }, propDecorators: { Data: [{
+                type: Input
+            }], DataArray: [{
+                type: Input
+            }], Step: [{
+                type: Input
+            }], DataGroupBucketSize: [{
+                type: Input
+            }], DataGroupingThreshold: [{
+                type: Input
+            }], StrokeSize: [{
+                type: Input
+            }], AllowGaps: [{
+                type: Input
+            }], MergeDatasets: [{
+                type: Input
+            }], FinalInstants: [{
+                type: Input
+            }], Min: [{
+                type: Input
+            }], Max: [{
+                type: Input
+            }], Fill: [{
+                type: Input
+            }] } });
 
 /**
  * Componente specifico per la graficazione di un grafico a Torta
@@ -2173,37 +2352,47 @@ class EsPieChartComponent extends BaseChartComponent {
         return new PieChartService(this.adapter).graphicate(this.Data, settingsCasted);
     }
 }
-EsPieChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'es-pie-chart',
-                template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-            },] }
-];
-EsPieChartComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChartLoader },
-    { type: ChartDispatcher },
-    { type: BaseAdapter },
-    { type: NgZone },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_ANIMATIONS,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_LOCALE,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_THEME,] }] }
-];
-EsPieChartComponent.propDecorators = {
-    Data: [{ type: Input }],
-    DataArray: [{ type: Input }],
-    HideZeroes: [{ type: Input }],
-    Mode3D: [{ type: Input }],
-    DonutRadiusPercentage: [{ type: Input }],
-    LabelsWrap: [{ type: Input }],
-    LabelsTruncate: [{ type: Input }],
-    LabelsWidth: [{ type: Input }],
-    LabelsVisible: [{ type: Input }]
-};
+EsPieChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsPieChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_LOGS }, { token: ESC_ANIMATIONS }, { token: ESC_LOCALE }, { token: ESC_THEME }], target: i0.ɵɵFactoryTarget.Component });
+EsPieChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: EsPieChartComponent, selector: "es-pie-chart", inputs: { Data: "Data", DataArray: "DataArray", HideZeroes: "HideZeroes", Mode3D: "Mode3D", DonutRadiusPercentage: "DonutRadiusPercentage", LabelsWrap: "LabelsWrap", LabelsTruncate: "LabelsTruncate", LabelsWidth: "LabelsWidth", LabelsVisible: "LabelsVisible" }, usesInheritance: true, ngImport: i0, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"], components: [{ type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsPieChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'es-pie-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOGS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_ANIMATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOCALE]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_THEME]
+                    }] }];
+    }, propDecorators: { Data: [{
+                type: Input
+            }], DataArray: [{
+                type: Input
+            }], HideZeroes: [{
+                type: Input
+            }], Mode3D: [{
+                type: Input
+            }], DonutRadiusPercentage: [{
+                type: Input
+            }], LabelsWrap: [{
+                type: Input
+            }], LabelsTruncate: [{
+                type: Input
+            }], LabelsWidth: [{
+                type: Input
+            }], LabelsVisible: [{
+                type: Input
+            }] } });
 
 /**
  * Componente specifico per la graficazione di un grafico a Barre con due dimensioni
@@ -2254,36 +2443,45 @@ class EsVertical2DChartComponent extends BaseChartComponent {
         return new Vertical2DChartService(this.adapter).graphicate(this.Data, settingsCasted);
     }
 }
-EsVertical2DChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'es-vertical-2d-chart',
-                template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-            },] }
-];
-EsVertical2DChartComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChartLoader },
-    { type: ChartDispatcher },
-    { type: BaseAdapter },
-    { type: NgZone },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_ANIMATIONS,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_LOCALE,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_THEME,] }] }
-];
-EsVertical2DChartComponent.propDecorators = {
-    Data: [{ type: Input }],
-    DataArray: [{ type: Input }],
-    ColumnWidthPercentage: [{ type: Input }],
-    GroupPaddingPercentage: [{ type: Input }],
-    LabelWidth: [{ type: Input }],
-    LabelVerticalOrientationCutoffWidth: [{ type: Input }],
-    LabelRightWhenCompressed: [{ type: Input }],
-    LabelTopWhenCompressed: [{ type: Input }]
-};
+EsVertical2DChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsVertical2DChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_LOGS }, { token: ESC_ANIMATIONS }, { token: ESC_LOCALE }, { token: ESC_THEME }], target: i0.ɵɵFactoryTarget.Component });
+EsVertical2DChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: EsVertical2DChartComponent, selector: "es-vertical-2d-chart", inputs: { Data: "Data", DataArray: "DataArray", ColumnWidthPercentage: "ColumnWidthPercentage", GroupPaddingPercentage: "GroupPaddingPercentage", LabelWidth: "LabelWidth", LabelVerticalOrientationCutoffWidth: "LabelVerticalOrientationCutoffWidth", LabelRightWhenCompressed: "LabelRightWhenCompressed", LabelTopWhenCompressed: "LabelTopWhenCompressed" }, usesInheritance: true, ngImport: i0, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"], components: [{ type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsVertical2DChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'es-vertical-2d-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOGS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_ANIMATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOCALE]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_THEME]
+                    }] }];
+    }, propDecorators: { Data: [{
+                type: Input
+            }], DataArray: [{
+                type: Input
+            }], ColumnWidthPercentage: [{
+                type: Input
+            }], GroupPaddingPercentage: [{
+                type: Input
+            }], LabelWidth: [{
+                type: Input
+            }], LabelVerticalOrientationCutoffWidth: [{
+                type: Input
+            }], LabelRightWhenCompressed: [{
+                type: Input
+            }], LabelTopWhenCompressed: [{
+                type: Input
+            }] } });
 
 /**
  * Componente specifico per la graficazione di un grafico a Barre
@@ -2333,35 +2531,43 @@ class EsVerticalChartComponent extends BaseChartComponent {
         return new VerticalChartService(this.adapter).graphicate(this.Data, settingsCasted);
     }
 }
-EsVerticalChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'es-vertical-chart',
-                template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-            },] }
-];
-EsVerticalChartComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChartLoader },
-    { type: ChartDispatcher },
-    { type: BaseAdapter },
-    { type: NgZone },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_ANIMATIONS,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_LOCALE,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_THEME,] }] }
-];
-EsVerticalChartComponent.propDecorators = {
-    Data: [{ type: Input }],
-    DataArray: [{ type: Input }],
-    ColumnWidthPercentage: [{ type: Input }],
-    LabelWidth: [{ type: Input }],
-    LabelVerticalOrientationCutoffWidth: [{ type: Input }],
-    LabelRightWhenCompressed: [{ type: Input }],
-    LabelTopWhenCompressed: [{ type: Input }]
-};
+EsVerticalChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsVerticalChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_LOGS }, { token: ESC_ANIMATIONS }, { token: ESC_LOCALE }, { token: ESC_THEME }], target: i0.ɵɵFactoryTarget.Component });
+EsVerticalChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: EsVerticalChartComponent, selector: "es-vertical-chart", inputs: { Data: "Data", DataArray: "DataArray", ColumnWidthPercentage: "ColumnWidthPercentage", LabelWidth: "LabelWidth", LabelVerticalOrientationCutoffWidth: "LabelVerticalOrientationCutoffWidth", LabelRightWhenCompressed: "LabelRightWhenCompressed", LabelTopWhenCompressed: "LabelTopWhenCompressed" }, usesInheritance: true, ngImport: i0, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"], components: [{ type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsVerticalChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'es-vertical-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOGS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_ANIMATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOCALE]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_THEME]
+                    }] }];
+    }, propDecorators: { Data: [{
+                type: Input
+            }], DataArray: [{
+                type: Input
+            }], ColumnWidthPercentage: [{
+                type: Input
+            }], LabelWidth: [{
+                type: Input
+            }], LabelVerticalOrientationCutoffWidth: [{
+                type: Input
+            }], LabelRightWhenCompressed: [{
+                type: Input
+            }], LabelTopWhenCompressed: [{
+                type: Input
+            }] } });
 
 /**
  * Componente specifico per la graficazione di un grafico a Barre in modalità Stacked (una serie sopra l'altra)
@@ -2411,35 +2617,43 @@ class EsVerticalStackedChartComponent extends BaseChartComponent {
         return new VerticalStackedChartService(this.adapter).graphicate(this.Data, settingsCasted);
     }
 }
-EsVerticalStackedChartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'es-vertical-stacked-chart',
-                template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-            },] }
-];
-EsVerticalStackedChartComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChartLoader },
-    { type: ChartDispatcher },
-    { type: BaseAdapter },
-    { type: NgZone },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] },
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_ANIMATIONS,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_LOCALE,] }] },
-    { type: String, decorators: [{ type: Inject, args: [ESC_THEME,] }] }
-];
-EsVerticalStackedChartComponent.propDecorators = {
-    Data: [{ type: Input }],
-    DataArray: [{ type: Input }],
-    ColumnWidthPercentage: [{ type: Input }],
-    LabelWidth: [{ type: Input }],
-    LabelVerticalOrientationCutoffWidth: [{ type: Input }],
-    LabelRightWhenCompressed: [{ type: Input }],
-    LabelTopWhenCompressed: [{ type: Input }]
-};
+EsVerticalStackedChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsVerticalStackedChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_LOGS }, { token: ESC_ANIMATIONS }, { token: ESC_LOCALE }, { token: ESC_THEME }], target: i0.ɵɵFactoryTarget.Component });
+EsVerticalStackedChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: EsVerticalStackedChartComponent, selector: "es-vertical-stacked-chart", inputs: { Data: "Data", DataArray: "DataArray", ColumnWidthPercentage: "ColumnWidthPercentage", LabelWidth: "LabelWidth", LabelVerticalOrientationCutoffWidth: "LabelVerticalOrientationCutoffWidth", LabelRightWhenCompressed: "LabelRightWhenCompressed", LabelTopWhenCompressed: "LabelTopWhenCompressed" }, usesInheritance: true, ngImport: i0, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"], components: [{ type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsVerticalStackedChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'es-vertical-stacked-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>", styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:700;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOGS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_ANIMATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_LOCALE]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [ESC_THEME]
+                    }] }];
+    }, propDecorators: { Data: [{
+                type: Input
+            }], DataArray: [{
+                type: Input
+            }], ColumnWidthPercentage: [{
+                type: Input
+            }], LabelWidth: [{
+                type: Input
+            }], LabelVerticalOrientationCutoffWidth: [{
+                type: Input
+            }], LabelRightWhenCompressed: [{
+                type: Input
+            }], LabelTopWhenCompressed: [{
+                type: Input
+            }] } });
 
 /**
  * Classe che identifica i dati per un grafico generico paginato
@@ -2461,89 +2675,6 @@ class PagedChartData {
     }
 }
 
-/**
- * Componente che si occupa della paginazione dei grafici qualora servisse
- */
-class PageChartSelector {
-    constructor() {
-        /**
-         * Indica un cambio di pagina ed emette un oggetto con i dati attuali e l'indice attuale.
-         *
-         * Qualora la proprietà **data** fosse null indica un evento di "loading"
-         */
-        this.onPageChange = new EventEmitter();
-    }
-    /**
-     * @ignore
-     */
-    ngOnChanges() {
-        if (!(this.Items || this.Dtos) || (this.Items || this.Dtos).length == 0)
-            throw new Error("Chart array cannot be empty!");
-        var idx = (this.StartIndex || 0);
-        this.currentindex = idx;
-        this.currentpage = idx + 1;
-        this.handlePageChange();
-    }
-    /**
-     * Gestisce un cambio pagina inviando al callback **onPageChange** i dati attuali (siano essi il Dto per il caricamento dati i
-     * o i dati già presenti) e l'indice di visualizzazione
-     */
-    handlePageChange() {
-        this.finalIndex = this.currentpage - 1;
-        this.currentindex = this.currentpage - 1;
-        let data = this.Items && this.Items.length > 0 ? this.Items[this.finalIndex].data : this.Dtos[this.finalIndex];
-        this.onPageChange.emit({ data: data, index: this.finalIndex });
-    }
-    /**
-     * Visualizza il grafico successivo
-     */
-    Next() {
-        // Per passare da page a index è sempre un -1
-        this.currentpage++;
-        this.onPageChange.emit({ data: null, index: this.currentpage - 1 });
-        // Delay pseudo-intelligente per click compulsivi. 
-        // Se dopo questo delay sono andato avanti solo di 1 effettuo il callback altrimenti incremento l'indice
-        setTimeout(() => {
-            if (this.currentindex == this.currentpage - 2)
-                this.handlePageChange();
-            else
-                this.currentindex++;
-        }, this.BrowseDelayMs);
-    }
-    /**
-     * Visualizza il grafico precedente
-     */
-    Previous() {
-        // Per passare da page a index è sempre un -1
-        this.currentpage--;
-        this.onPageChange.emit({ data: null, index: this.currentpage - 1 });
-        // Delay pseudo-intelligente per click compulsivi. 
-        // Se dopo questo delay sono andato indietro solo di 1 effettuo il callback altrimenti decremento l'indice
-        setTimeout(() => {
-            if (this.currentindex == this.currentpage)
-                this.handlePageChange();
-            else
-                this.currentindex--;
-        }, this.BrowseDelayMs);
-    }
-}
-PageChartSelector.decorators = [
-    { type: Component, args: [{
-                selector: "chart-pager",
-                template: "<div *ngIf=\"(Items || Dtos) && (Items || Dtos).length > 0\" class=\"pcs-no-selection\">\r\n    <div class=\"pcs-button pcs-backward\">\r\n        <svg class=\"pcs-svg-header\">\r\n            <g class=\"pcs-svg-button-container\" role=\"button\" (click)=\"currentpage != 1 && Previous(); $event.stopPropagation(); $event.preventDefault();\">\r\n                <!--Pulsante e freccettina all'interno-->\r\n                <g class=\"pcs-svg-button\"  [style.cursor]=\"currentpage == 1 ? 'not-allowed' : 'pointer'\"><path d=\"M3,0 L53.027,0 a3,3 0 0 1 3,3 L56.027,36.817 a3,3 0 0 1 -3,3 L3,39.817 a3,3 0 0 1 -3,-3 L0,3 a3,3 0 0 1 3,-3 Z\"></path></g>\r\n                <g class=\"pcs-svg-arrow pcs-svg-arrow-left\"><path d=\"M26,14H10l5.17-6.79A2,2,0,0,0,12,4.79l-7.62,10a2,2,0,0,0,0,2.42l7.62,10a2,2,0,0,0,3.18-2.42L10,18H26a2,2,0,0,0,0-4Z\"></path></g>\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <div class=\"pcs-infos\">\r\n        <ng-container *ngIf=\"headerInner_tr\">\r\n            <ng-container *ngTemplateOutlet=\"headerInner_tr; context : {$implicit: (Items || Dtos)[currentpage - 1]}\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"pcs-button pcs-forward\">\r\n        <svg class=\"pcs-svg-header\">\r\n            <g class=\"pcs-svg-button-container\" role=\"button\" (click)=\"(Items || Dtos).length != currentpage && Next(); $event.stopPropagation(); $event.preventDefault();\">\r\n                <!--Pulsante e freccettina all'interno-->\r\n                <g class=\"pcs-svg-button\" [style.cursor]=\"(Items || Dtos).length == currentpage ? 'not-allowed' : 'pointer'\"><path d=\"M3,0 L53.027,0 a3,3 0 0 1 3,3 L56.027,36.817 a3,3 0 0 1 -3,3 L3,39.817 a3,3 0 0 1 -3,-3 L0,3 a3,3 0 0 1 3,-3 Z\"></path></g>\r\n                <g class=\"pcs-svg-arrow pcs-svg-arrow-right\"><path d=\"M26,14H10l5.17-6.79A2,2,0,0,0,12,4.79l-7.62,10a2,2,0,0,0,0,2.42l7.62,10a2,2,0,0,0,3.18-2.42L10,18H26a2,2,0,0,0,0-4Z\"></path></g>\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <div style=\"clear: both;\"></div>\r\n</div>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".pcs-button{width:60px}.pcs-forward{float:right;text-align:end}.pcs-backward{float:left}.pcs-svg-header{width:57px;height:40px}.pcs-svg-button-container{outline:currentcolor none medium}.pcs-svg-arrow{pointer-events:none;fill:#555}.pcs-svg-arrow-right{transform:translate(44px,36px) rotate(180deg)}.pcs-svg-arrow-left{transform:translate(13px,4px)}.pcs-svg-button{fill:#d9d9d9;stroke:#fff;fill-opacity:1;stroke-opacity:1}.pcs-svg-button:hover{fill:#a3a3a3;cursor:pointer}.pcs-infos{width:calc(100% - 120px);height:44px;float:left}.pcs-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}\n"]
-            },] }
-];
-PageChartSelector.propDecorators = {
-    Items: [{ type: Input }],
-    Dtos: [{ type: Input }],
-    BrowseDelayMs: [{ type: Input }],
-    StartIndex: [{ type: Input }],
-    onPageChange: [{ type: Output }],
-    headerInner_tr: [{ type: ContentChild, args: ['header_inner', { static: false },] }]
-};
-
 /** Componenti esportati dal modulo */
 const COMPONENTS = [
     EsChartComponent,
@@ -2571,14 +2702,32 @@ class EsChartsModule {
         };
     }
 }
-EsChartsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [...COMPONENTS],
-                providers: [ChartDispatcher],
-                exports: [...COMPONENTS]
-            },] }
-];
+EsChartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsChartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EsChartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsChartsModule, declarations: [EsChartComponent,
+        EsLineChartComponent,
+        EsPieChartComponent,
+        EsVertical2DChartComponent,
+        EsVerticalChartComponent,
+        EsVerticalStackedChartComponent,
+        PageChartSelector,
+        EsAreaChartComponent], imports: [CommonModule], exports: [EsChartComponent,
+        EsLineChartComponent,
+        EsPieChartComponent,
+        EsVertical2DChartComponent,
+        EsVerticalChartComponent,
+        EsVerticalStackedChartComponent,
+        PageChartSelector,
+        EsAreaChartComponent] });
+EsChartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsChartsModule, providers: [ChartDispatcher], imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: EsChartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [...COMPONENTS],
+                    providers: [ChartDispatcher],
+                    exports: [...COMPONENTS]
+                }]
+        }] });
 
 /*
  * Public API Surface of es-charts
@@ -2588,5 +2737,5 @@ EsChartsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartData, AreaChartSettings, BaseAdapter, BaseInterval, BaseSettings, ChartThemes, DateValue, EsAreaChartComponent, EsChartComponent, EsChartsModule, EsLineChartComponent, EsPieChartComponent, EsVertical2DChartComponent, EsVerticalChartComponent, EsVerticalStackedChartComponent, KeyValue, KeyValueColor, LegendPad, LineChartData, LineChartSettings, LineSerie, PagedChartData, PieChartData, PieChartSettings, Vertical2DChartData, Vertical2DChartSettings, VerticalChartData, VerticalChartSettings, VerticalStackedChartData, VerticalStackedChartSettings, BaseInterval as ɵa, BaseChartComponent as ɵb, ChartLoader as ɵc, ChartDispatcher as ɵd, ESC_LOCALE as ɵe, ESC_ANIMATIONS as ɵf, ESC_THEME as ɵg, ESC_LOGS as ɵh, BaseAdapter as ɵi, EsChartComponent as ɵj, EsLineChartComponent as ɵk, EsPieChartComponent as ɵl, EsVertical2DChartComponent as ɵm, EsVerticalChartComponent as ɵn, EsVerticalStackedChartComponent as ɵo, PageChartSelector as ɵp, EsAreaChartComponent as ɵq };
-//# sourceMappingURL=esfaenza-es-charts.js.map
+export { AreaChartData, AreaChartSettings, BaseAdapter, BaseInterval, BaseSettings, ChartThemes, DateValue, EsAreaChartComponent, EsChartComponent, EsChartsModule, EsLineChartComponent, EsPieChartComponent, EsVertical2DChartComponent, EsVerticalChartComponent, EsVerticalStackedChartComponent, KeyValue, KeyValueColor, LegendPad, Limit, LineChartData, LineChartSettings, LineSerie, PageChartSelector, PagedChartData, PieChartData, PieChartSettings, Vertical2DChartData, Vertical2DChartSettings, VerticalChartData, VerticalChartSettings, VerticalStackedChartData, VerticalStackedChartSettings };
+//# sourceMappingURL=esfaenza-es-charts.mjs.map