@esfaenza/es-charts 20.3.6 → 20.3.8

package/fesm2022/esfaenza-es-charts.mjs

@@ -1,59 +1,13 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, ContentChild, Output, Input, ChangeDetectionStrategy, Component, InjectionToken, Inject, Directive, PLATFORM_ID, NgModule } from '@angular/core';
-import * as i5 from '@angular/common';
+import { EventEmitter, ContentChild, Output, Input, ChangeDetectionStrategy, Component, InjectionToken, Inject, Injectable, 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 am5 from '@amcharts/amcharts5';
+import * as am5xy from '@amcharts/amcharts5/xy';
+import am5locales_it_IT from '@amcharts/amcharts5/locales/it_IT';
+import * as am5percent from '@amcharts/amcharts5/percent';
 import * as i3 from '@esfaenza/extensions';
-import * as i4 from '@esfaenza/localizations';
-
-/**
- * Adapter Base da reimplementare per trasformare i dati da una libreria di grafici a questa per evitare di riscrivere tutto il codice di
- * generazione delle serie in caso si fossero usati grafici di altre librerie
- */
-class BaseAdapter {
-    /**
-     * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per gli Area Chart
-     */
-    adaptDataForAreaChart(anyData) {
-        return anyData;
-    }
-    /**
-     * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Line Chart
-     */
-    adaptDataForLineChart(anyData) {
-        return anyData;
-    }
-    /**
-     * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Line Chart
-     */
-    adaptDataForPieChart(anyData) {
-        return anyData;
-    }
-    /**
-     * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart
-     */
-    adaptDataForVerticalChart(anyData) {
-        return anyData;
-    }
-    /**
-     * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart a due dimensioni
-     */
-    adaptDataForVertical2DChart(anyData) {
-        return anyData;
-    }
-    /**
-     * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart sovrapposti
-     */
-    adaptDataForVerticalStackedChart(anyData) {
-        return anyData;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseAdapter }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseAdapter, decorators: [{
-            type: Injectable
-        }] });
+import * as i3$1 from '@esfaenza/localizations';
 
 /**
  * Dati relativi a un grafico di tipo LineChart
@@ -363,12 +317,12 @@ class PageChartSelector {
                 this.currentindex--;
         }, this.BrowseDelayMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PageChartSelector, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PageChartSelector, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: PageChartSelector, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: PageChartSelector, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PageChartSelector, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: PageChartSelector, decorators: [{
             type: Component,
-            args: [{ selector: "chart-pager", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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"] }]
+            args: [{ selector: "chart-pager", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: [{
@@ -481,14 +435,6 @@ class ChartLoader {
      */
     constructor(logs) {
         this.logs = logs;
-        /**
-         * Indica se attualmente ho le animazioni caricate in modo da non ricaricarle inutilmente
-         */
-        this.AnimationsAreLoaded = false;
-        /**
-         * Indica l'ultimo tema caricato in modo da non ricaricarlo inutilmente qualora il prossimo grafico da creare richieda lo stesso tema
-         */
-        this.LastLoadedTheme = "";
         /**
          * Cache dei temi (moduli caricati dinamicamente)
          */
@@ -504,34 +450,8 @@ class ChartLoader {
      * @param {Object} chartsCore Istanza globale di amCharts
      * @returns {Promise} Promise che identifica la fine del caricamento
      */
-    applyAnimations(chartsCore) {
-        if (!this.AnimationsAreLoaded) {
-            return this.importIfNeeded('themes', ChartThemes.animated).then(() => {
-                this.log("CORE: Applying theme " + ChartThemes.animated);
-                chartsCore.useTheme(this.themeCache[ChartThemes.animated]);
-                this.AnimationsAreLoaded = true;
-            });
-        }
-        else {
-            this.log("CORE: theme already applyed " + ChartThemes.animated);
-            return new Promise((resolve) => { resolve(true); });
-        }
-    }
-    /**
-     * De-applica il tema con le animazioni dall'istanza globale di amCharts
-     *
-     * @param {Object} chartsCore Istanza globale di amCharts
-     * @returns {Promise} Promise che identifica la fine dello scarico
-     */
-    unapplyAnimations(chartsCore) {
-        if (this.AnimationsAreLoaded) {
-            this.log("CORE: Animations in use, unapplying theme " + ChartThemes.animated);
-            chartsCore.unuseTheme(this.themeCache[ChartThemes.animated]);
-            this.AnimationsAreLoaded = false;
-        }
-        else
-            this.log("CORE: Animations already unused, no need to unapply them");
-        return new Promise((resolve) => { resolve(true); });
+    applyAnimations(root) {
+        return this.applyTheme(root, ChartThemes.animated);
     }
     /**
      * Applica il tema specificato all'istanza globale di amCharts
@@ -540,37 +460,21 @@ class ChartLoader {
      * @param {'spiritedaway' | 'moonrisekingdom' | 'frozen' | 'dark' | 'kelly' | 'material' | 'dataviz' | 'none'} theme Tema da applicare
      * @returns {Promise} Promise che identifica la fine del caricamento
      */
-    applyTheme(chartsCore, theme) {
-        // Ultimo tema applicato è lo stesso che mi è stato richiesto di applicare --> NO-OP
-        if (this.LastLoadedTheme == theme) {
-            this.log("CORE: theme already applied " + theme);
-            return new Promise((resolve) => { resolve(true); });
-        }
-        // Scarico il tema precedente a prescindere, ormai non mi serve più
-        this.unapplyPreviousTheme(chartsCore);
-        // Il tema è il none --> registro la cosa e basta, il tema precedente è stato rimosso subito qui sopra ^
+    applyTheme(root, theme) {
+        // Il tema è il none --> registro la cosa e basta
         if (theme == ChartThemes.none) {
-            this.LastLoadedTheme = ChartThemes.none;
+            root.setThemes([]);
             return new Promise((resolve) => { resolve(true); });
         }
-        // Il tema è diverso dal precedente e non è il tema vuoto --> Importo il tema specificato se non presente in memoria e lo applico al grafico attuale
-        return this.importIfNeeded('themes', theme).then(() => {
+        // Importo il tema specificato se non presente in memoria e lo applico al grafico attuale
+        return this.importIfNeeded("themes", theme)
+            .then(() => {
             this.log("CORE: Applying theme " + theme);
-            chartsCore.useTheme(this.themeCache[theme]);
-            this.LastLoadedTheme = theme;
+            root.setThemes([
+                this.themeCache[theme].new(root)
+            ]);
         });
     }
-    /**
-     * De-applica il tema precedente dall'istanza globale di amCharts
-     *
-     * @param {Object} chartsCore Istanza globale di amCharts
-     */
-    unapplyPreviousTheme(chartsCore) {
-        if (!this.LastLoadedTheme || this.LastLoadedTheme == ChartThemes.none)
-            return;
-        this.log("CORE: Unapplying previously used theme " + this.LastLoadedTheme);
-        chartsCore.unuseTheme(this.themeCache[this.LastLoadedTheme]);
-    }
     /**
      * Applica il locale specificato all'istanza specifica del grafico
      *
@@ -580,8 +484,9 @@ class ChartLoader {
      */
     applyLocale(chart, locale) {
         return this.importIfNeeded('lang', locale).then(() => {
-            this.log("Chart " + chart.htmlContainer.id + ": applying locale " + locale);
-            chart.language.locale = this.localizationCache[locale];
+            this.log("Chart " + chart.htmlContainer?.id + ": applying locale " + locale);
+            if (chart.language?.locale)
+                chart.language.locale = this.localizationCache[locale];
         });
     }
     /**
@@ -621,29 +526,29 @@ class ChartLoader {
             case 'themes':
                 switch (item) {
                     case ChartThemes.spiritedaway:
-                        return import('@amcharts/amcharts4/themes/spiritedaway').then(theme => this.themeCache[item] = theme.default);
+                        return import('@amcharts/amcharts5/themes/Spirited').then(theme => this.themeCache[item] = theme.default);
                     case ChartThemes.moonrisekingdom:
-                        return import('@amcharts/amcharts4/themes/moonrisekingdom').then(theme => this.themeCache[item] = theme.default);
+                        return import('@amcharts/amcharts5/themes/Moonrise').then(theme => this.themeCache[item] = theme.default);
                     case ChartThemes.frozen:
-                        return import('@amcharts/amcharts4/themes/frozen').then(theme => this.themeCache[item] = theme.default);
+                        return import('@amcharts/amcharts5/themes/Frozen').then(theme => this.themeCache[item] = theme.default);
                     case ChartThemes.dark:
-                        return import('@amcharts/amcharts4/themes/dark').then(theme => this.themeCache[item] = theme.default);
+                        return import('@amcharts/amcharts5/themes/Dark').then(theme => this.themeCache[item] = theme.default);
                     case ChartThemes.kelly:
-                        return import('@amcharts/amcharts4/themes/kelly').then(theme => this.themeCache[item] = theme.default);
+                        return import('@amcharts/amcharts5/themes/Kelly').then(theme => this.themeCache[item] = theme.default);
                     case ChartThemes.material:
-                        return import('@amcharts/amcharts4/themes/material').then(theme => this.themeCache[item] = theme.default);
+                        return import('@amcharts/amcharts5/themes/Material').then(theme => this.themeCache[item] = theme.default);
                     case ChartThemes.dataviz:
-                        return import('@amcharts/amcharts4/themes/dataviz').then(theme => this.themeCache[item] = theme.default);
+                        return import('@amcharts/amcharts5/themes/Dataviz').then(theme => this.themeCache[item] = theme.default);
                     case ChartThemes.animated:
-                        return import('@amcharts/amcharts4/themes/animated').then(theme => this.themeCache[item] = theme.default);
+                        return import('@amcharts/amcharts5/themes/Animated').then(theme => this.themeCache[item] = theme.default);
                 }
                 break;
             case 'lang':
                 switch (item) {
                     case 'it-IT':
-                        return import('@amcharts/amcharts4/lang/it_IT').then(lang => this.localizationCache[item] = lang.default);
+                        return import('@amcharts/amcharts5/locales/it_IT').then(lang => this.localizationCache[item] = lang.default);
                     case 'en-US':
-                        return import('@amcharts/amcharts4/lang/en_US').then(lang => this.localizationCache[item] = lang.default);
+                        return import('@amcharts/amcharts5/locales/en_US').then(lang => this.localizationCache[item] = lang.default);
                 }
         }
         this.log("CORE: Loading Failed. " + (what == 'lang' ? "Language " : "Theme") + " not recognized: " + item);
@@ -656,10 +561,10 @@ class ChartLoader {
         if (this.logs)
             console.log("@esfaenza/es-charts: " + text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChartLoader, deps: [{ token: ESC_DEBUG_MODE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChartLoader }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ChartLoader, deps: [{ token: ESC_DEBUG_MODE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ChartLoader }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChartLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ChartLoader, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -744,10 +649,10 @@ class ChartDispatcher {
         if (this.logs)
             console.log("@esfaenza/es-charts: " + text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChartDispatcher, deps: [{ token: ESC_DEBUG_MODE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChartDispatcher }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ChartDispatcher, deps: [{ token: ESC_DEBUG_MODE }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ChartDispatcher }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ChartDispatcher, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: ChartDispatcher, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -833,7 +738,7 @@ class BaseChartComponent {
         this.Animations = this.Settings?.Animations != null ? this.Settings?.Animations : (this.Animations != null ? this.Animations : this.animations);
         this.Theme = this.Settings?.Theme != null ? this.Settings?.Theme : (this.Theme != null ? this.Theme : this.theme);
         this.Locale = this.Settings?.Locale != null ? this.Settings?.Locale : (this.Locale != null ? this.Locale : this.locale);
-        this.isPaged = (this.DataArray && this.DataArray.length > 0 && !this.Data) || (this.DataDtos && this.DataDtos.length > 0 && !!this.DataRetrieve);
+        this.isPaged = (this.DataArray && this.DataArray.length > 0 && !this.Data) || (this.DataDtos && this.DataDtos.length > 0 && !!this.DataRetrieve) || false;
         this.log("Chart " + this.name + ": ngOnInit");
     }
     /**
@@ -925,7 +830,7 @@ class BaseChartComponent {
         settings.LegendPosition = settings.LegendPosition ? settings.LegendPosition : this.LegendPosition;
         settings.HideSeriesOnLabelClick = settings.HideSeriesOnLabelClick != null ? settings.HideSeriesOnLabelClick : this.HideSeriesOnLabelClick;
         settings.MinGridDistance = settings.MinGridDistance != null ? settings.MinGridDistance : this.MinGridDistance;
-        settings.LegendPadding = settings.LegendPadding ? settings.LegendPadding : this.LegendPadding ?? null;
+        settings.LegendPadding = settings.LegendPadding ? settings.LegendPadding : this.LegendPadding ?? undefined;
         settings.ContainerHeight = this.el.nativeElement.parentElement.offsetHeight;
         settings.OnSeriesClickCallback = (series) => { this.onSeriesClicked.emit(series); };
         settings.OnSelectionChangedCallback = (event) => { this.onSelectionChanged.emit({ from: event.from, to: event.to, initial: event.initial }); };
@@ -1008,9 +913,9 @@ class BaseChartComponent {
      */
     setupAmChartsThemes() {
         return Promise.all([
-            this.Charter.applyTheme(am4core, this.Theme).then(() => {
-                return this.Animations ? this.Charter.applyAnimations(am4core) : this.Charter.unapplyAnimations(am4core);
-            })
+        // this.Charter.applyTheme(am5, this.Theme).then(() => {
+        //   return this.Animations ? this.Charter.applyAnimations(am5) : this.Charter.unapplyAnimations(am5);
+        // })
         ]);
     }
     /**
@@ -1039,10 +944,10 @@ class BaseChartComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BaseChartComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: BaseChartComponent, isStandalone: true, 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", chartLoaded: "chartLoaded" }, queries: [{ propertyName: "header_tr", first: true, predicate: ["header"], descendants: true }, { propertyName: "loading_template", first: true, predicate: ["loading"], descendants: true }], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: BaseChartComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.28", type: BaseChartComponent, isStandalone: true, 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", chartLoaded: "chartLoaded" }, 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: "20.3.25", ngImport: i0, type: BaseChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: BaseChartComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: Object }, { type: i0.NgZone }, { type: ChartLoader }, { type: ChartDispatcher }, { type: undefined }, { type: undefined }, { type: undefined }, { type: undefined }], propDecorators: { XTitle: [{
                 type: Input
@@ -1099,12 +1004,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             }] } });
 
 /**
- * Classe il cui unico scopo è gestire il setup e rendering di un LineChart
+ * Classe il cui unico scopo e gestire il setup e rendering di un LineChart
  */
 class LineChartService {
     /** @ignore */
-    constructor(Adapter, dateExts) {
-        this.Adapter = Adapter;
+    constructor(dateExts) {
         this.dateExts = dateExts;
         /** @ignore */
         this.DataGroupBucketSize = 1500;
@@ -1114,8 +1018,10 @@ class LineChartService {
         this.OpacityOnFill = 0.75;
         /** @ignore */
         this.singleDataSet = false;
+        /** @ignore */
+        this.mergedData = [];
         //******************** Funzione di throttling per non spammare richieste in caso di animazioni attivate
-        //TODO: spostarla in un metodo di utilità (esfaenza/extensions)
+        //TODO: spostarla in un metodo di utilita (esfaenza/extensions)
         /** @ignore */
         this.executionTimers = {};
     }
@@ -1123,7 +1029,9 @@ class LineChartService {
      * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un LineChart
      */
     graphicate(data, settings) {
-        let dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
+        let dataConverted = data;
+        this.currentSeriesData = dataConverted;
+        this.currentSettings = settings;
         let threshold = settings.DataGroupingThreshold ?? 3000;
         this.singleDataSet = settings.MergeDatasets ?? false;
         let showTicks = settings.ShowTicks == null ? true : settings?.ShowTicks;
@@ -1133,240 +1041,158 @@ class LineChartService {
         let interval = seriesWithInterval ? dataConverted.series.find(t => t.interval).interval : null;
         let gapsAllowed = settings?.AllowGaps == null ? seriesWithInterval : settings?.AllowGaps;
         let finalInstant = settings?.FinalInstants ?? true;
-        //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-        am4core.options.autoDispose = true;
-        this.ChartInstance = am4core.create(settings.Name, am4charts.XYChart);
-        let ChartInstanceCasted = this.ChartInstance;
-        let yAxis = ChartInstanceCasted.yAxes.push(new am4charts.ValueAxis());
+        if (gapsAllowed && !seriesWithInterval) {
+            console.error("Per utilizzare la funzionalita dei gap e obbligatorio definire un intervallo nelle serie del grafico");
+            return null;
+        }
+        this.sortSeriesData(dataConverted);
+        //#region Carico il Grafico
+        this.ChartRoot?.dispose();
+        this.ChartRoot = am5.Root.new(settings.Name);
+        this.applyLocale(settings);
+        this.ChartInstance = this.ChartRoot.container.children.push(am5xy.XYChart.new(this.ChartRoot, {}));
+        //#endregion
+        // Carico l'Asse Y
+        let yRenderer = am5xy.AxisRendererY.new(this.ChartRoot, {});
+        let yAxis = this.ChartInstance.yAxes.push(am5xy.ValueAxis.new(this.ChartRoot, {
+            renderer: yRenderer
+        }));
+        yAxis.set("tooltip", am5.Tooltip.new(this.ChartRoot, {}));
+        yAxis.get("tooltip")?.set("forceHidden", true);
         if (settings.YAxisTitle) {
-            yAxis.title.text = settings.YAxisTitle;
-            yAxis.title.fontWeight = "bold";
+            yAxis.children.unshift(am5.Label.new(this.ChartRoot, {
+                text: settings.YAxisTitle,
+                rotation: -90,
+                fontWeight: "600",
+                y: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        if (settings.Min)
-            yAxis.min = settings.Min;
-        if (settings.Max)
-            yAxis.max = settings.Max;
-        let limitNullOrUndef = dataConverted.limit == null || dataConverted.limit == undefined;
-        let limits = limitNullOrUndef ? [] : !dataConverted.limit.length ? [dataConverted.limit] : dataConverted.limit;
-        if (limits.length > 0) {
-            for (let i = 0; i < limits.length; i++) {
-                let limit = limits[i];
-                if (limit.upper != null && limit.upper != undefined && limit.lower != null && limit.lower != undefined) {
-                    let range = yAxis.axisRanges.create();
-                    range.value = limit.lower;
-                    range.endValue = limit.upper;
-                    if (limit.fillColor) {
-                        range.contents.stroke = am4core.color(limit.fillColor);
-                        range.contents.fill = range.contents.stroke;
-                    }
-                    range.label.inside = true;
-                    range.label.text = limit.upperlabel;
-                    range.label.fill = range.grid.stroke;
-                    range.label.verticalCenter = "bottom";
-                    range.label.stroke = am4core.color(limit.uppercolor || "#F92200");
-                    range.grid.stroke = am4core.color(limit.uppercolor || "#F92200");
-                    range.grid.strokeWidth = 2;
-                    range.grid.strokeOpacity = 1;
-                }
-                else if ((limit.lower == null || limit.lower == undefined) && limit.upper != null && limit.upper != undefined) {
-                    let range = yAxis.axisRanges.create();
-                    range.value = limit.upper;
-                    range.label.inside = true;
-                    range.label.text = limit.upperlabel;
-                    range.label.fill = range.grid.stroke;
-                    range.label.verticalCenter = "bottom";
-                    range.label.stroke = am4core.color(limit.uppercolor || "#F92200");
-                    range.grid.stroke = am4core.color(limit.uppercolor || "#F92200");
-                    range.grid.strokeWidth = 2;
-                    range.grid.strokeOpacity = 1;
-                }
-                else if ((limit.upper == null || limit.upper == undefined) && limit.lower != null && limit.lower != undefined) {
-                    let range = yAxis.axisRanges.create();
-                    range.value = limit.lower;
-                    range.label.inside = true;
-                    range.label.text = limit.lowerlabel;
-                    range.label.fill = range.grid.stroke;
-                    range.label.verticalCenter = "bottom";
-                    range.label.stroke = am4core.color(limit.lowercolor || "#F92200");
-                    range.grid.stroke = am4core.color(limit.lowercolor || "#F92200");
-                    range.grid.strokeWidth = 2;
-                    range.grid.strokeOpacity = 1;
-                }
-            }
+        if (settings.Min != null)
+            yAxis.set("min", settings.Min);
+        if (settings.Max != null)
+            yAxis.set("max", settings.Max);
+        this.applyLimits(yAxis, dataConverted);
+        // Carico l'Asse X
+        let xRenderer = am5xy.AxisRendererX.new(this.ChartRoot, {
+            minGridDistance: settings?.MinGridDistance ?? 50
+        });
+        xRenderer.grid.template.set("location", 0);
+        if (showTicks) {
+            xRenderer.ticks.template.setAll({
+                visible: true,
+                strokeOpacity: 1,
+                stroke: am5.color(0x495C43),
+                strokeWidth: 2,
+                length: 10,
+                location: 0
+            });
         }
-        this.dateAxis = ChartInstanceCasted.xAxes.push(new am4charts.DateAxis());
-        // Per comatibilità col codice scritto quando non era a livello globale, mi scoccia sostituire
+        else {
+            xRenderer.ticks.template.set("visible", false);
+        }
+        let baseInterval = interval
+            ? { count: interval.count, timeUnit: this.fixTimeUnit(interval.timeunit) }
+            : this.inferBaseInterval(dataConverted);
+        this.dateAxis = this.ChartInstance.xAxes.push(am5xy.DateAxis.new(this.ChartRoot, {
+            renderer: xRenderer,
+            minZoomCount: 5,
+            groupData: dataShouldBeGrouped,
+            groupCount: settings.DataGroupBucketSize ?? this.DataGroupBucketSize,
+            baseInterval: baseInterval,
+            gridIntervals: this.getGridIntervals(baseInterval.timeUnit),
+            tooltipDateFormat: this.getTooltipDateFormat(baseInterval.timeUnit)
+        }));
         let dateAxis = this.dateAxis;
+        this.applyDateAxisFormats(dateAxis);
         if (settings.XAxisTitle) {
-            dateAxis.title.text = settings.XAxisTitle;
-            dateAxis.title.fontWeight = "bold";
+            dateAxis.children.push(am5.Label.new(this.ChartRoot, {
+                text: settings.XAxisTitle,
+                fontWeight: "600",
+                x: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        if (showTicks) {
-            dateAxis.renderer.ticks.template.disabled = false;
-            dateAxis.renderer.ticks.template.strokeOpacity = 1;
-            dateAxis.renderer.ticks.template.stroke = am4core.color("#495C43");
-            dateAxis.renderer.ticks.template.strokeWidth = 2;
-            dateAxis.renderer.ticks.template.length = 10;
-            dateAxis.renderer.ticks.template.location = 0;
-        }
-        dateAxis.renderer.minGridDistance = settings?.MinGridDistance ?? 50;
-        dateAxis.renderer.grid.template.location = 0;
-        dateAxis.minZoomCount = 5;
-        dateAxis.groupData = dataShouldBeGrouped;
-        dateAxis.groupCount = settings.DataGroupBucketSize ?? 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) {
-                console.error("Per utilizzare la funzionalità dei gap è obbligatorio definire un intervallo nelle serie del grafico");
-                return null;
-            }
-            dateAxis.baseInterval = { count: interval.count, timeUnit: this.fixTimeUnit(interval.timeunit) };
-        }
-        if (showTimeline)
-            ChartInstanceCasted.scrollbarX = new am4charts.XYChartScrollbar();
-        let seriesToPush = [];
+        if (this.singleDataSet)
+            this.mergedData = this.generateSingleDataset(dataConverted);
         let seriesColors = [];
         let defaultIndex = 0;
-        // Ordinamento dei dati se serve
-        dataConverted.series.forEach((s) => {
-            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);
-            }
-            var correctOrder = true;
-            var prevDate = null;
-            for (let v = 0; v < s.values.length; v++) {
-                if (!prevDate)
-                    prevDate = s.values[v].d;
-                else if (s.values[v].d < prevDate) {
-                    correctOrder = false;
-                    break;
-                }
-            }
-            if (!correctOrder)
-                s.values.sort((d1, d2) => d1.d.getTime() - d2.d.getTime());
-        });
-        // Generazione di un unico dataset invece che N, per poter gestire un unico tooltip
-        if (this.singleDataSet) {
-            this.ChartInstance.data = this.generateSingleDataset(dataConverted);
-            ;
-            dateAxis.cursorTooltipEnabled = false;
-        }
         dataConverted.series.forEach((s, index) => {
             let stacked = s.stacked != null && s.stacked != undefined ? s.stacked : (settings?.Stacked ?? false);
             let fill = stacked || (s.fill != null && s.fill != undefined ? s.fill : (settings?.Fill ?? false));
-            let series = settings?.Step ? new am4charts.StepLineSeries() : new am4charts.LineSeries();
-            series.dataFields.valueY = "v" + (this.singleDataSet ? index : "");
-            series.dataFields.dateX = "d";
-            series.measureUnit = s.uom;
-            series.name = s.name;
-            series.strokeWidth = settings?.StrokeSize ?? 1;
-            series.connect = !gapsAllowed;
-            series.minBulletDistance = 10;
-            series.tooltipText = this.singleDataSet ? "" : s.name ? "{name}: [bold]{valueY}[/]" : "[bold]{valueY}[/]";
-            series.tooltip.pointerOrientation = "vertical";
-            series.tooltip.background.fillOpacity = 0.5;
-            series.tooltip.label.padding(12, 12, 12, 12);
-            series.fillOpacity = fill ? this.OpacityOnFill : 0.0001;
-            series.stacked = stacked;
-            series.hidden = s.hidden;
-            //Dataset singolo, i dati sono registrati a livello di chart, creo il tooltip che permette di vederli tutti insieme
-            //altrimenti assegno i dati della serie direttamente alla serie
-            if (this.singleDataSet) {
-                series.tooltip.getFillFromObject = false;
-                series.tooltip.background.fill = am4core.color("#eee");
-                series.tooltip.label.fill = am4core.color("#00");
-                series.tooltip.defaultState.transitionDuration = 0;
-                series.tooltip.hiddenState.transitionDuration = 0;
-                //Utilizzo il mio dateService per la formattazione della data in modo che non debba mai gestire n formati fra n librerie... bellissimo
-                series.dateFormatter.format = (source) => {
-                    if (interval && finalInstant && ["hour", "minute", "second"].includes(interval.timeunit)) {
-                        let timepart = null;
-                        switch (interval.timeunit) {
-                            case "hour":
-                                timepart = 'day';
-                                break;
-                            case "minute":
-                                timepart = 'hour';
-                                break;
-                            case "second":
-                                timepart = 'minute';
-                                break;
-                        }
-                        if (timepart)
-                            return this.dateExts.adjustDateToFinalInstant(source, timepart, interval ? interval.timeunit == "second" : false);
-                    }
-                    else
-                        return this.dateExts.getFormatted(source, interval ? ["day", "week", "month", "year"].includes(interval.timeunit) : false, interval ? interval.timeunit == "second" : false);
-                };
-                series.adapter.add("tooltipText", () => {
-                    var text = "[bold]{dateX.formatDate()}[/]\n";
-                    this.ChartInstance.series.each((item) => {
-                        let uom = " [font-style: italic]" + series.measureUnit || "" + "[/]";
-                        text += "[" + item.stroke.hex + "]●[/] " + (item.name ? (item.name + ": ") : "") + "[bold]{" + item.dataFields.valueY + "}[/]" + uom + "\n";
-                    });
-                    return text;
-                });
-            }
-            else
-                series.data = s.values;
-            let segment = series.segments.template;
-            let hoverState = segment.states.create("hover");
-            hoverState.properties.strokeWidth = (settings?.StrokeSize ?? 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
-            if (s.color)
-                seriesColors.push(am4core.color(s.color));
-            else {
-                seriesColors.push(ChartInstanceCasted.colors.list[defaultIndex % ChartInstanceCasted.colors.list.length]);
-                defaultIndex++;
-            }
-            seriesToPush.push(series);
-        });
-        ChartInstanceCasted.colors.list = seriesColors;
-        //Scrivo le serie nel grafico
-        seriesToPush.forEach(s => {
-            ChartInstanceCasted.series.push(s);
+            let color = s.color ? am5.color(s.color) : this.ChartInstance.get("colors").getIndex(defaultIndex++);
+            seriesColors.push(color);
+            let series = this.createSeries(s, index, dateAxis, yAxis, settings, gapsAllowed, fill, stacked, color, interval, finalInstant);
             if (showTimeline)
-                ChartInstanceCasted.scrollbarX.series.push(s);
+                this.addSeriesToScrollbar(series, s, index, dateAxis, yAxis, settings, gapsAllowed, color);
         });
+        this.ChartInstance.set("colors", am5.ColorSet.new(this.ChartRoot, {
+            colors: seriesColors
+        }));
+        //#region Carico la Legenda
         if (settings.Legend) {
-            this.ChartInstance.legend = new am4charts.Legend();
-            this.ChartInstance.legend.position = settings?.LegendPosition ?? '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); });
-            this.ChartInstance.legend.itemContainers.template.events.on("out", () => { this.processOut(); });
+            // Default "right"
+            switch (settings.LegendPosition ?? "right") {
+                case "left":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.verticalLayout,
+                        centerY: am5.percent(50),
+                        y: am5.percent(50),
+                        useDefaultMarker: true
+                    }));
+                    break;
+                case "right":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.verticalLayout,
+                        centerY: am5.percent(50),
+                        y: am5.percent(50),
+                        useDefaultMarker: true
+                    }));
+                    break;
+                case "top":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.horizontalLayout,
+                        useDefaultMarker: true
+                    }));
+                    break;
+                case "bottom":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.horizontalLayout,
+                        useDefaultMarker: true
+                    }));
+                    break;
+            }
+            this.ChartLegend.itemContainers.template.set("tooltipText", "{name}");
+            this.ChartLegend.itemContainers.template.events.on("pointerover", (event) => {
+                let series = event.target.dataItem?.dataContext;
+                if (series)
+                    this.processOver(series);
+            });
+            this.ChartLegend.itemContainers.template.events.on("pointerout", () => { this.processOut(); });
             if (settings.LegendPadding) {
-                let template = this.ChartInstance.legend.itemContainers.template;
-                template.paddingTop = settings.LegendPadding.top ?? 0;
-                template.paddingBottom = settings.LegendPadding.bottom ?? 0;
-                template.paddingLeft = settings.LegendPadding.left ?? 0;
-                template.paddingRight = settings.LegendPadding.right ?? 0;
+                this.ChartLegend.itemContainers.template.setAll({
+                    paddingTop: settings.LegendPadding.top ?? 0,
+                    paddingBottom: settings.LegendPadding.bottom ?? 0,
+                    paddingLeft: settings.LegendPadding.left ?? 0,
+                    paddingRight: settings.LegendPadding.right ?? 0
+                });
             }
+            this.ChartLegend.data.setAll(this.ChartInstance.series.values);
         }
-        this.ChartInstance.cursor = new am4charts.XYCursor();
-        //Prove******************************************************************************************************************************
-        // this.ChartInstance.cursor.events.on("cursorpositionchanged", (ev) => {
-        //     //var value = dateAxis.positionToDate(dateAxis.toAxisPosition(ev.target.xPosition));
-        //     var dt = dateAxis.series.values.find(t => t.dataItem.values.dateX);
-        //     if (dt && dt.dataItem) {
-        //         console.log(dt.dataItem.values);
-        //         // this.ChartInstance.tooltipText = dt;
-        //     }
-        //     else {
-        //         this.ChartInstance.tooltipText = "";
-        //     }
-        // });
-        //******************************************************************************************************************************
-        this.ChartInstance.cursor.xAxis = dateAxis;
-        this.ChartInstance.cursor.yAxis = yAxis;
+        //#endregion
+        let cursor = am5xy.XYCursor.new(this.ChartRoot, {
+            xAxis: dateAxis,
+            yAxis
+        });
+        this.ChartInstance.set("cursor", cursor);
         if (this.singleDataSet)
-            this.ChartInstance.cursor.maxTooltipDistance = -1;
-        //TODO: Cercare di capire perché è figlio di puttana......
-        dateAxis.events.on("startchanged", t => this.emitSelectionChanged(t, settings));
-        dateAxis.events.on("endchanged", t => this.emitSelectionChanged(t, settings));
+            this.ChartInstance.set("maxTooltipDistance", -1);
+        dateAxis.on("start", () => this.emitSelectionChanged(dateAxis, settings));
+        dateAxis.on("end", () => this.emitSelectionChanged(dateAxis, settings));
         return this;
     }
     fixTimeUnit(tu) {
@@ -1391,19 +1217,21 @@ class LineChartService {
     }
     /** @ignore */
     setSelection(from, to) {
-        this.dateAxis.zoomToDates(from, to, true, true);
+        this.dateAxis?.zoomToDates(from, to);
     }
     /** @ignore */
     refreshData(data) {
-        let dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
+        let dataConverted = data;
         if (this.singleDataSet) {
-            var data = this.generateSingleDataset(dataConverted);
-            this.ChartInstance.addData(data);
+            this.mergedData = this.generateSingleDataset(dataConverted);
+            this.ChartInstance?.series.each((series) => {
+                series.data.setAll(this.mergedData);
+            });
             return;
         }
         throw "Impossibile aggiornare i dati senza unire il dataset. Si prega di impostare [MergeDatasets] a true";
     }
-    /** Partendo da dati divisi per seriue genera un dataset unito con la data come chiave e i vari valori dopo */
+    /** Partendo da dati divisi per serie genera un dataset unito con la data come chiave e i vari valori dopo */
     generateSingleDataset(data) {
         let dto = {};
         data.series.forEach((vs, index) => {
@@ -1419,7 +1247,7 @@ class LineChartService {
         var ret = [];
         for (let i = 0; i < dates.length; i++) {
             let values = dto[dates[i]];
-            let item = { d: new Date(parseInt(dates[i])) };
+            let item = { d: parseInt(dates[i]) };
             var vals = Object.keys(values);
             for (let ii = 0; ii < vals.length; ii++) {
                 let series = vals[ii];
@@ -1431,51 +1259,306 @@ class LineChartService {
         return ret;
     }
     /** @ignore */
-    emitSelectionChanged(ev, settings) {
+    createSeries(source, index, dateAxis, yAxis, settings, gapsAllowed, fill, stacked, color, interval, finalInstant) {
+        let SeriesClass = settings?.Step ? am5xy.StepLineSeries : am5xy.LineSeries;
+        let valueField = "v" + (this.singleDataSet ? index : "");
+        let series = this.ChartInstance.series.push(SeriesClass.new(this.ChartRoot, {
+            name: source.name,
+            xAxis: dateAxis,
+            yAxis,
+            valueYField: valueField,
+            valueXField: "d",
+            stroke: color,
+            fill: color,
+            connect: !gapsAllowed,
+            stacked: stacked
+        }));
+        series.measureUnit = source.uom;
+        series.strokes.template.setAll({
+            strokeWidth: settings?.StrokeSize ?? 1
+        });
+        series.fills.template.setAll({
+            fillOpacity: fill ? this.OpacityOnFill : 0.0001,
+            visible: true
+        });
+        series.set("minBulletDistance", 10);
+        series.set("tooltip", am5.Tooltip.new(this.ChartRoot, {
+            pointerOrientation: "vertical",
+            labelText: this.getTooltipText(source, index, interval, finalInstant)
+        }));
+        series.get("tooltip")?.get("background")?.setAll({
+            fillOpacity: this.singleDataSet ? 1 : 0.5,
+            fill: this.singleDataSet ? am5.color(0xeeeeee) : undefined
+        });
+        if (this.singleDataSet)
+            series.data.setAll(this.mergedData);
+        else
+            series.data.setAll(source.values.map(item => ({ d: new Date(item.d).getTime(), v: item.v })));
+        if (source.hidden)
+            series.hide(0);
+        return series;
+    }
+    /** @ignore */
+    getTooltipText(source, index, interval, finalInstant) {
+        if (!this.singleDataSet)
+            return source.name ? "{name}: [bold]{valueY}[/]" : "[bold]{valueY}[/]";
+        let text = "[bold]{valueX.formatDate()}[/]\n";
+        this.currentSeriesData.series.forEach((serie, sindex) => {
+            let uom = serie.uom ? " [fontStyle: italic]" + serie.uom + "[/]" : "";
+            text += (serie.name ? (serie.name + ": ") : "") + "[bold]{v" + sindex + "}[/]" + uom + "\n";
+        });
+        return text;
+    }
+    /** @ignore */
+    addSeriesToScrollbar(series, source, index, dateAxis, yAxis, settings, gapsAllowed, color) {
+        if (!this.scrollbarX) {
+            this.scrollbarX = am5xy.XYChartScrollbar.new(this.ChartRoot, {
+                orientation: "horizontal",
+                height: 60
+            });
+            this.ChartInstance.set("scrollbarX", this.scrollbarX);
+            let scrollbarXAxis = this.scrollbarX.chart.xAxes.push(am5xy.DateAxis.new(this.ChartRoot, {
+                renderer: am5xy.AxisRendererX.new(this.ChartRoot, {
+                    opposite: false,
+                    strokeOpacity: 0
+                }),
+                baseInterval: dateAxis.get("baseInterval"),
+                gridIntervals: dateAxis.get("gridIntervals"),
+                groupData: dateAxis.get("groupData"),
+                groupCount: dateAxis.get("groupCount")
+            }));
+            this.applyDateAxisFormats(scrollbarXAxis);
+            let scrollbarYAxis = this.scrollbarX.chart.yAxes.push(am5xy.ValueAxis.new(this.ChartRoot, {
+                renderer: am5xy.AxisRendererY.new(this.ChartRoot, {})
+            }));
+            this.scrollbarX.esXAxis = scrollbarXAxis;
+            this.scrollbarX.esYAxis = scrollbarYAxis;
+        }
+        let scrollbarXAxis = this.scrollbarX.esXAxis;
+        let scrollbarYAxis = this.scrollbarX.esYAxis;
+        let SeriesClass = settings?.Step ? am5xy.StepLineSeries : am5xy.LineSeries;
+        let valueField = "v" + (this.singleDataSet ? index : "");
+        let scrollbarSeries = this.scrollbarX.chart.series.push(SeriesClass.new(this.ChartRoot, {
+            name: series.get("name"),
+            xAxis: scrollbarXAxis,
+            yAxis: scrollbarYAxis,
+            valueYField: valueField,
+            valueXField: "d",
+            stroke: color,
+            fill: color,
+            connect: !gapsAllowed
+        }));
+        scrollbarSeries.strokes.template.setAll({
+            strokeWidth: 1,
+            strokeOpacity: 0.75
+        });
+        scrollbarSeries.fills.template.setAll({
+            visible: false
+        });
+        if (this.singleDataSet)
+            scrollbarSeries.data.setAll(this.mergedData);
+        else
+            scrollbarSeries.data.setAll(source.values.map(item => ({ d: new Date(item.d).getTime(), v: item.v })));
+    }
+    /** @ignore */
+    applyLocale(settings) {
+        if ((settings.Locale ?? "").toLowerCase().startsWith("it"))
+            this.ChartRoot.locale = am5locales_it_IT;
+    }
+    /** @ignore */
+    applyDateAxisFormats(dateAxis) {
+        if (dateAxis.get("dateFormats")) {
+            dateAxis.get("dateFormats")["millisecond"] = "HH:mm:ss";
+            dateAxis.get("dateFormats")["second"] = "HH:mm:ss";
+            dateAxis.get("dateFormats")["minute"] = "HH:mm";
+            dateAxis.get("dateFormats")["hour"] = "HH:mm";
+            dateAxis.get("dateFormats")["day"] = "dd MMM";
+            dateAxis.get("dateFormats")["week"] = "dd MMM";
+            dateAxis.get("dateFormats")["month"] = "MMM";
+        }
+        if (dateAxis.get("periodChangeDateFormats")) {
+            dateAxis.get("periodChangeDateFormats")["millisecond"] = "HH:mm:ss";
+            dateAxis.get("periodChangeDateFormats")["second"] = "HH:mm:ss";
+            dateAxis.get("periodChangeDateFormats")["minute"] = "HH:mm";
+            dateAxis.get("periodChangeDateFormats")["hour"] = "dd MMM";
+            dateAxis.get("periodChangeDateFormats")["day"] = "dd MMM";
+            dateAxis.get("periodChangeDateFormats")["week"] = "dd MMM";
+            dateAxis.get("periodChangeDateFormats")["month"] = "MMM";
+        }
+    }
+    /** @ignore */
+    inferBaseInterval(data) {
+        let minDelta = Number.MAX_SAFE_INTEGER;
+        data.series.forEach(series => {
+            for (let i = 1; i < series.values.length; i++) {
+                let previous = new Date(series.values[i - 1].d).getTime();
+                let current = new Date(series.values[i].d).getTime();
+                let delta = current - previous;
+                if (delta > 0 && delta < minDelta)
+                    minDelta = delta;
+            }
+        });
+        if (minDelta <= 1000)
+            return { timeUnit: "second", count: Math.max(1, Math.round(minDelta / 1000)) };
+        if (minDelta <= 60 * 1000)
+            return { timeUnit: "minute", count: Math.max(1, Math.round(minDelta / (60 * 1000))) };
+        if (minDelta <= 60 * 60 * 1000)
+            return { timeUnit: "hour", count: Math.max(1, Math.round(minDelta / (60 * 60 * 1000))) };
+        if (minDelta <= 24 * 60 * 60 * 1000)
+            return { timeUnit: "day", count: Math.max(1, Math.round(minDelta / (24 * 60 * 60 * 1000))) };
+        if (minDelta <= 7 * 24 * 60 * 60 * 1000)
+            return { timeUnit: "week", count: Math.max(1, Math.round(minDelta / (7 * 24 * 60 * 60 * 1000))) };
+        return { timeUnit: "day", count: 1 };
+    }
+    /** @ignore */
+    getGridIntervals(baseTimeUnit) {
+        if (baseTimeUnit == "hour") {
+            return [
+                { timeUnit: "hour", count: 1 },
+                { timeUnit: "hour", count: 3 },
+                { timeUnit: "hour", count: 6 },
+                { timeUnit: "hour", count: 12 },
+                { timeUnit: "day", count: 1 },
+                { timeUnit: "day", count: 2 },
+                { timeUnit: "day", count: 3 },
+                { timeUnit: "week", count: 1 },
+                { timeUnit: "month", count: 1 },
+                { timeUnit: "year", count: 1 }
+            ];
+        }
+        return undefined;
+    }
+    /** @ignore */
+    getTooltipDateFormat(baseTimeUnit) {
+        if (baseTimeUnit == "hour")
+            return "dd MMM yyyy, HH:mm";
+        if (baseTimeUnit == "minute" || baseTimeUnit == "second")
+            return "dd MMM yyyy, HH:mm:ss";
+        return "dd MMM yyyy";
+    }
+    /** @ignore */
+    applyLimits(yAxis, dataConverted) {
+        let limitNullOrUndef = dataConverted.limit == null || dataConverted.limit == undefined;
+        let limits = limitNullOrUndef ? [] : !dataConverted.limit.length ? [dataConverted.limit] : dataConverted.limit;
+        for (let i = 0; i < limits.length; i++) {
+            let limit = limits[i];
+            if (limit.upper != null && limit.upper != undefined && limit.lower != null && limit.lower != undefined) {
+                let rangeDataItem = yAxis.makeDataItem({
+                    value: limit.lower,
+                    endValue: limit.upper
+                });
+                let range = yAxis.createAxisRange(rangeDataItem);
+                let color = am5.color(limit.uppercolor || "#F92200");
+                range.get("grid")?.setAll({
+                    stroke: color,
+                    strokeWidth: 2,
+                    strokeOpacity: 1
+                });
+                range.get("label")?.setAll({
+                    text: limit.upperlabel,
+                    inside: true,
+                    fill: color,
+                    centerY: am5.p100
+                });
+                if (limit.fillColor) {
+                    range.get("axisFill")?.setAll({
+                        fill: am5.color(limit.fillColor),
+                        fillOpacity: 0.15,
+                        visible: true
+                    });
+                }
+            }
+            else if ((limit.lower == null || limit.lower == undefined) && limit.upper != null && limit.upper != undefined) {
+                this.createLimitLine(yAxis, limit.upper, limit.upperlabel ?? "", limit.uppercolor);
+            }
+            else if ((limit.upper == null || limit.upper == undefined) && limit.lower != null && limit.lower != undefined) {
+                this.createLimitLine(yAxis, limit.lower, limit.lowerlabel ?? "", limit.lowercolor);
+            }
+        }
+    }
+    /** @ignore */
+    createLimitLine(yAxis, value, label, colorString) {
+        let color = am5.color(colorString || "#F92200");
+        let rangeDataItem = yAxis.makeDataItem({ value });
+        let range = yAxis.createAxisRange(rangeDataItem);
+        range.get("grid")?.setAll({
+            stroke: color,
+            strokeWidth: 2,
+            strokeOpacity: 1
+        });
+        range.get("label")?.setAll({
+            text: label,
+            inside: true,
+            fill: color,
+            centerY: am5.p100
+        });
+    }
+    /** @ignore */
+    sortSeriesData(dataConverted) {
+        dataConverted.series.forEach((s) => {
+            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);
+            }
+            var correctOrder = true;
+            var prevDate = null;
+            for (let v = 0; v < s.values.length; v++) {
+                if (!prevDate)
+                    prevDate = s.values[v].d;
+                else if (s.values[v].d < prevDate) {
+                    correctOrder = false;
+                    break;
+                }
+            }
+            if (!correctOrder)
+                s.values.sort((d1, d2) => d1.d.getTime() - d2.d.getTime());
+        });
+    }
+    /** @ignore */
+    emitSelectionChanged(axis, settings) {
         if (settings.OnSelectionChangedCallback) {
             this.throttla("selchange", () => {
-                var axis = ev.target;
-                var start = new Date(axis.minZoomed);
-                var end = new Date(axis.maxZoomed);
-                var initial = axis.min == axis.minZoomed && axis.max == axis.maxZoomed;
-                settings.OnSelectionChangedCallback({ from: start, to: end, initial: initial });
+                let min = axis.getPrivate("selectionMin");
+                let max = axis.getPrivate("selectionMax");
+                if (min == null || max == null)
+                    return;
+                settings.OnSelectionChangedCallback({
+                    from: new Date(min),
+                    to: new Date(max),
+                    initial: axis.get("start") == 0 && axis.get("end") == 1
+                });
             }, 150);
         }
     }
     /** @ignore */
     processOver(hoveredSeries) {
-        hoveredSeries.zIndex = 999;
-        let fill = hoveredSeries.fillOpacity == this.OpacityOnFill;
-        hoveredSeries.segments.each((segment) => {
-            segment.setState("hover");
-            if (!fill)
-                segment.fillSprite.fillOpacity = this.OpacityOnSelected;
-        });
+        hoveredSeries.toFront();
+        let fill = hoveredSeries.fills.template.get("fillOpacity") == this.OpacityOnFill;
+        hoveredSeries.strokes.template.set("strokeWidth", (this.currentSettings?.StrokeSize ?? 1) + 1);
         if (!fill)
-            hoveredSeries.legendDataItem.marker.children.getIndex(1).fillOpacity = this.OpacityOnSelected;
-        this.ChartInstance.series.each((series) => {
+            hoveredSeries.fills.template.set("fillOpacity", this.OpacityOnSelected);
+        this.ChartInstance?.series.each((series) => {
             if (series != hoveredSeries) {
-                let fill = series.fillOpacity == this.OpacityOnFill;
-                series.segments.each((segment) => {
-                    segment.setState("dimmed");
-                    if (!fill)
-                        segment.fillSprite.fillOpacity = 0;
-                });
+                series.strokes.template.set("stroke", am5.color(0xdadada));
+                series.strokes.template.set("strokeOpacity", 0.6);
+                series.fills.template.set("fillOpacity", 0);
             }
         });
     }
     /** @ignore */
     processOut() {
-        this.ChartInstance.series.each((series, i) => {
-            series.zIndex = i;
-            let fill = series.fillOpacity == this.OpacityOnFill;
-            series.segments.each((segment) => {
-                segment.setState("default");
-                if (!fill)
-                    segment.fillSprite.fillOpacity = 0;
+        this.ChartInstance?.series.each((series, i) => {
+            let typedSeries = series;
+            let source = this.currentSeriesData?.series[i];
+            let color = source?.color ? am5.color(source.color) : typedSeries.get("stroke");
+            let stacked = source?.stacked != null && source?.stacked != undefined ? source.stacked : (this.currentSettings?.Stacked ?? false);
+            let fill = stacked || (source?.fill != null && source?.fill != undefined ? source.fill : (this.currentSettings?.Fill ?? false));
+            typedSeries.strokes.template.setAll({
+                stroke: color,
+                strokeOpacity: 1,
+                strokeWidth: this.currentSettings?.StrokeSize ?? 1
             });
-            if (!fill)
-                series.legendDataItem.marker.children.getIndex(1).fillOpacity = 0;
+            typedSeries.fills.template.set("fillOpacity", fill ? this.OpacityOnFill : 0.0001);
         });
     }
     /** @ignore */
@@ -1493,11 +1576,7 @@ class LineChartService {
  */
 class PieChartService {
     /** @ignore */
-    constructor(Adapter) {
-        this.Adapter = Adapter;
-        /** @ignore */
-        this.ViewAbsoluteValues = true;
-    }
+    constructor() { }
     /**
      * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un PieChart
      */
@@ -1506,126 +1585,198 @@ class PieChartService {
             console.error("Timeline not supported for pie chart");
             return null;
         }
-        //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-        am4core.options.autoDispose = true;
-        this.ChartInstance = am4core.create(settings.Name, settings.Mode3D ? am4charts.PieChart3D : am4charts.PieChart);
-        this.ChartInstance.innerRadius = ((settings.DonutRadiusPercentage || 15) / 100) * settings.ContainerHeight;
-        let series = this.ChartInstance.series.push(settings.Mode3D ? new am4charts.PieSeries3D() : new am4charts.PieSeries());
-        series.dataFields.value = "v";
-        series.dataFields.category = "k";
-        //Il default sono valori percentuali
-        if (this.ViewAbsoluteValues) {
-            series.legendSettings.valueText = "{value}";
-            series.labels.template.text = "{category}: [bold]{value}[/]";
+        let dataConverted = data;
+        //#region Carico il Grafico
+        this.ChartRoot?.dispose();
+        this.ChartRoot = am5.Root.new(settings.Name);
+        let ChartContainer = this.ChartRoot.container.children.push(am5.Container.new(this.ChartRoot, {
+            width: am5.percent(100),
+            height: am5.percent(100),
+            layout: this.ChartRoot.verticalLayout
+        }));
+        this.ChartInstance = ChartContainer.children.push(am5percent.PieChart.new(this.ChartRoot, {}));
+        //#endregion
+        // Raggio Torta
+        // In am4 non c'era un modo automatico di calcolare il raggio sulle dimensioni del grafico, quindi si era fatto
+        // questo workaround che calcolava un 15% sulle dimensioni del container.
+        let innerRadiusOLD = ((settings.DonutRadiusPercentage || 15) / 100) * settings.ContainerHeight;
+        let innerRadiusNEW = am5.percent(settings.DonutRadiusPercentage || 15); // Con am5 andrebbe calcolato così
+        this.ChartInstance.set("innerRadius", innerRadiusOLD);
+        //#region Carico la Legenda
+        if (settings.Legend) {
+            // Default "bottom"
+            switch (settings.LegendPosition ?? "bottom") {
+                case "left":
+                    ChartContainer.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = ChartContainer.children.unshift(am5.Legend.new(this.ChartRoot, {}));
+                    break;
+                case "right":
+                    ChartContainer.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = ChartContainer.children.push(am5.Legend.new(this.ChartRoot, {}));
+                    break;
+                case "top":
+                    ChartContainer.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = ChartContainer.children.unshift(am5.Legend.new(this.ChartRoot, {}));
+                    break;
+                case "bottom":
+                    ChartContainer.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = ChartContainer.children.push(am5.Legend.new(this.ChartRoot, {}));
+                    break;
+            }
+            this.ChartLegend.setAll({
+                x: am5.percent(50),
+                centerX: am5.percent(50)
+            });
+            // Padding
+            if (settings.LegendPadding) {
+                this.ChartLegend.itemContainers.template.setAll({
+                    paddingTop: settings.LegendPadding.top ?? 0,
+                    paddingBottom: settings.LegendPadding.bottom ?? 0,
+                    paddingLeft: settings.LegendPadding.left ?? 0,
+                    paddingRight: settings.LegendPadding.right ?? 0
+                });
+            }
+            // SPECIFICO PER PIE CHART:
+            // Se la legenda non fa il toggle della serie la considero come se fosse un click sulla serie in se
+            if (!settings.HideSeriesOnLabelClick) {
+                this.ChartLegend.itemContainers.template.events.on("click", (ev) => {
+                    ev.originalEvent.preventDefault();
+                    let data = ev.target.dataItem?.dataContext;
+                    settings.OnSeriesClickCallback?.(data.k);
+                });
+            }
         }
-        series.slices.template.stroke = am4core.color("#fff");
-        series.slices.template.strokeOpacity = 1;
-        series.slices.template.togglable = false;
-        series.hiddenState.properties.opacity = 1;
-        series.hiddenState.properties.endAngle = -90;
-        series.hiddenState.properties.startAngle = -90;
+        //#endregion
+        // Definisco le Serie
+        let series = this.ChartInstance.series.push(am5percent.PieSeries.new(this.ChartRoot, {
+            valueField: "v",
+            categoryField: "k"
+        }));
+        // Il default sono valori percentuali
+        series.labels.template.set("text", "{category}: [bold]{value}[/]");
+        series.slices.template.setAll({
+            stroke: am5.color(0xffffff),
+            strokeOpacity: 1,
+            toggleKey: "none",
+            tooltip: am5.Tooltip.new(this.ChartRoot, {
+                labelText: "{category}: {valuePercentTotal.formatNumber('0.0')}% ({value})"
+            })
+        });
+        // Configurazione "HideZeroes"
         if (settings.HideZeroes == null ? true : settings.HideZeroes) {
-            series.ticks.template.events.on("ready", this.hideZeroes);
-            series.ticks.template.events.on("visibilitychanged", this.hideZeroes);
-            series.labels.template.events.on("ready", this.hideZeroes);
-            series.labels.template.events.on("visibilitychanged", this.hideZeroes);
+            series.labels.template.adapters.add("visible", (visible, target) => {
+                let data = target.dataItem;
+                if (!data)
+                    return visible;
+                return data.get("valuePercentTotal") !== 0;
+            });
+            series.ticks.template.adapters.add("visible", (visible, target) => {
+                let data = target.dataItem;
+                if (!data)
+                    return visible;
+                return data.get("valuePercentTotal") !== 0;
+            });
         }
-        series.slices.template.events.on("hit", (ev) => {
-            if (settings.OnSeriesClickCallback) {
-                let clickedSeries = ev.target.dataItem.dataContext.k;
-                settings.OnSeriesClickCallback(clickedSeries);
-            }
+        // Configurazione Click sulle Slice
+        series.slices.template.events.on("click", (ev) => {
+            if (!settings.OnSeriesClickCallback)
+                return;
+            let data = ev.target.dataItem?.dataContext;
+            settings.OnSeriesClickCallback(data.k);
         });
-        let dataConverted = this.Adapter ? this.Adapter.adaptDataForPieChart(data) : data;
+        // Configurazione Colori
+        let colorSet = this.ChartInstance.get("colors");
         let defaultIndex = 0;
-        for (let i = 0; i < dataConverted.values.length; i++) {
-            if (!dataConverted.values[i].c) {
-                dataConverted.values[i].c = this.ChartInstance.colors.list[defaultIndex % this.ChartInstance.colors.list.length];
-                defaultIndex++;
-            }
+        for (let value of dataConverted.values) {
+            if (value.c)
+                value.c = am5.color(value.c);
             else
-                dataConverted.values[i].c = am4core.color(dataConverted.values[i].c);
+                value.c = colorSet?.getIndex(defaultIndex++);
         }
-        series.slices.template.propertyFields.fill = "c";
-        this.ChartInstance.data = dataConverted.values;
+        series.slices.template.adapters.add("fill", (fill, target) => {
+            let data = target.dataItem?.dataContext;
+            if (data?.c)
+                return data.c;
+            return fill;
+        });
+        series.slices.template.adapters.add("stroke", (stroke, target) => {
+            let data = target.dataItem?.dataContext;
+            if (data?.c)
+                return data.c;
+            return stroke;
+        });
+        // Configurazione Label Visibili
         if (!settings.LabelsVisible) {
-            series.labels.template.disabled = true;
-            series.ticks.template.disabled = true;
+            series.labels.template.set("forceHidden", true);
+            series.ticks.template.set("forceHidden", true);
         }
         else if (settings.LabelsWrap || settings.LabelsTruncate) {
-            series.labels.template.maxWidth = settings.LabelsWidth || 100;
+            series.labels.template.setAll({
+                maxWidth: settings.LabelsWidth || 100
+            });
+            // Wrap o Truncate
             if (settings.LabelsWrap)
-                series.labels.template.wrap = true;
+                series.labels.template.setAll({ oversizedBehavior: "wrap" });
             else if (settings.LabelsTruncate)
-                series.labels.template.truncate = true;
+                series.labels.template.setAll({ oversizedBehavior: "truncate" });
         }
+        // Configurazione "Mostra Totale"
         if (settings.Total?.Show) {
-            var label = this.ChartInstance.seriesContainer.createChild(am4core.Label);
-            label.textAlign = "middle";
-            label.horizontalCenter = "middle";
-            label.verticalCenter = "middle";
-            label.adapter.add("text", function (text, target) {
-                let sumString = (Math.trunc(series.dataItem.values.value.sum * 100) / 100).toString();
-                let fs = 0;
+            let label = this.ChartInstance.children.push(am5.Label.new(this.ChartRoot, {
+                centerX: am5.p50,
+                centerY: am5.p50,
+                textAlign: "center"
+            }));
+            let updateTotal = () => {
+                let total = 0;
+                series.dataItems.forEach(di => {
+                    if (!di.get("visible"))
+                        return;
+                    total += di.get("valueWorking") ?? di.get("value") ?? 0;
+                });
+                let sumString = (Math.trunc(total * 100) / 100).toString();
+                let fs = 28;
                 if (sumString.length >= 9)
                     fs = 18;
                 else if (sumString.length == 8)
                     fs = 20;
                 else if (sumString.length == 7)
                     fs = 23;
-                else if (sumString.length <= 7)
-                    fs = 28;
-                return `[font-size:${settings.Total.TitleSize || 18}px]Totale[/]:\n[bold font-size:${settings.Total.NumberSize || fs}px]${sumString}${settings.Total.UnitOfMeasure ? (' ' + settings.Total.UnitOfMeasure) : ''}[/]`;
+                label.set("html", `<div style="text-align:center">
+                        <div style="font-size:${settings.Total?.TitleSize || 18}px">Totale</div>
+                        <div style="font-weight:bold;font-size:${settings.Total?.NumberSize || fs}px">
+                            <span>${sumString}${settings.Total?.UnitOfMeasure ? " " + settings.Total.UnitOfMeasure : ""}</span>
+                        </div>
+                    </div>`);
+            };
+            updateTotal();
+            series.dataItems.forEach(di => {
+                di.on("visible", updateTotal);
+                di.on("valueWorking", updateTotal);
             });
         }
+        series.data.setAll(dataConverted.values);
         if (settings.Legend) {
-            let legend = new am4charts.Legend();
-            this.ChartInstance.legend = legend;
-            legend.position = settings?.LegendPosition || "bottom";
-            legend.itemContainers.template.togglable = settings.HideSeriesOnLabelClick === true;
-            legend.itemContainers.template.tooltipText = "{category}";
-            //Se la legenda non fa il toggle della serie la considero come se fosse un click sulla serie in se
-            if (!settings.HideSeriesOnLabelClick) {
-                legend.itemContainers.template.events.on("hit", (ev) => {
-                    if (settings.OnSeriesClickCallback) {
-                        let clickedSeries = ev.target.dataItem.dataContext.legendDataItem.name;
-                        settings.OnSeriesClickCallback(clickedSeries);
-                    }
-                });
-            }
-            if (settings.LegendPadding) {
-                let template = this.ChartInstance.legend.itemContainers.template;
-                template.paddingTop = settings.LegendPadding.top ?? 0;
-                template.paddingBottom = settings.LegendPadding.bottom ?? 0;
-                template.paddingLeft = settings.LegendPadding.left ?? 0;
-                template.paddingRight = settings.LegendPadding.right ?? 0;
-            }
+            series.setAll({
+                legendLabelText: "{category}:",
+                legendValueText: "{value}"
+            });
+            this.ChartLegend.data.setAll(series.dataItems);
         }
         return this;
     }
     /** @ignore */
-    setSelection(from, to) {
-    }
+    setSelection(from, to) { }
     /** @ignore */
-    refreshData(data) {
-        //TODO:IMPL
-    }
-    /** @ignore */
-    hideZeroes(ev) {
-        if (ev.target.dataItem && (ev.target.dataItem.values.value.percent == 0))
-            ev.target.hide();
-        else
-            ev.target.show();
-    }
+    refreshData(data) { }
 }
 
 /**
- * Classe il cui unico scopo è gestire il setup e rendering di un VerticalChart
+ * Classe il cui unico scopo e gestire il setup e rendering di un VerticalChart
  */
 class VerticalChartService {
     /** @ignore */
-    constructor(Adapter) {
-        this.Adapter = Adapter;
+    constructor() {
         /** @ignore */
         this.dangerZone = 50;
         /** @ignore */
@@ -1645,80 +1796,162 @@ class VerticalChartService {
             console.error("Timeline not supported for vertical chart");
             return null;
         }
-        //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-        am4core.options.autoDispose = true;
-        this.ChartInstance = am4core.create(settings.Name, am4charts.XYChart);
-        let ChartInstanceCasted = this.ChartInstance;
-        let dataConverted = this.Adapter ? this.Adapter.adaptDataForVerticalChart(data) : data;
-        ChartInstanceCasted.data = dataConverted.values;
+        let dataConverted = data;
         let noStrokes = dataConverted.values.some(t => !!t.c);
+        //#region Carico il Grafico
+        this.ChartRoot?.dispose();
+        this.ChartRoot = am5.Root.new(settings.Name);
+        this.ChartInstance = this.ChartRoot.container.children.push(am5xy.XYChart.new(this.ChartRoot, {}));
+        //#endregion
+        let chartData = dataConverted.values.map(value => ({
+            ...value,
+            c: typeof value.c == "string" ? am5.color(value.c) : value.c
+        }));
+        //#region Carico la Legenda
         if (settings.Legend) {
-            ChartInstanceCasted.legend = new am4charts.Legend();
-            ChartInstanceCasted.legend.position = settings?.LegendPosition ?? 'right';
-            ChartInstanceCasted.legend.itemContainers.template.tooltipText = "{category}";
+            // Default "right"
+            switch (settings.LegendPosition ?? "right") {
+                case "left":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {}));
+                    break;
+                case "right":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {}));
+                    break;
+                case "top":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {}));
+                    break;
+                case "bottom":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {}));
+                    break;
+            }
             if (settings.LegendPadding) {
-                let template = this.ChartInstance.legend.itemContainers.template;
-                template.paddingTop = settings.LegendPadding.top ?? 0;
-                template.paddingBottom = settings.LegendPadding.bottom ?? 0;
-                template.paddingLeft = settings.LegendPadding.left ?? 0;
-                template.paddingRight = settings.LegendPadding.right ?? 0;
+                this.ChartLegend.itemContainers.template.setAll({
+                    paddingTop: settings.LegendPadding.top ?? 0,
+                    paddingBottom: settings.LegendPadding.bottom ?? 0,
+                    paddingLeft: settings.LegendPadding.left ?? 0,
+                    paddingRight: settings.LegendPadding.right ?? 0
+                });
             }
         }
-        let yAxis = ChartInstanceCasted.yAxes.push(new am4charts.ValueAxis());
+        //#endregion
+        // Carico l'Asse Y
+        let yRenderer = am5xy.AxisRendererY.new(this.ChartRoot, {});
+        let yAxis = this.ChartInstance.yAxes.push(am5xy.ValueAxis.new(this.ChartRoot, {
+            renderer: yRenderer,
+            min: 0
+        }));
+        yAxis.set("tooltip", am5.Tooltip.new(this.ChartRoot, {}));
+        yAxis.get("tooltip")?.set("forceHidden", true);
         if (settings.YAxisTitle) {
-            yAxis.title.text = settings.YAxisTitle;
-            yAxis.title.fontWeight = "bold";
+            yAxis.children.unshift(am5.Label.new(this.ChartRoot, {
+                text: settings.YAxisTitle,
+                rotation: -90,
+                fontWeight: "600",
+                y: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        let categoryAxis = ChartInstanceCasted.xAxes.push(new am4charts.CategoryAxis());
+        // Carico l'Asse X
+        let xRenderer = am5xy.AxisRendererX.new(this.ChartRoot, {
+            minGridDistance: settings?.MinGridDistance ?? 30
+        });
+        xRenderer.grid.template.set("location", 0);
+        let categoryAxis = this.ChartInstance.xAxes.push(am5xy.CategoryAxis.new(this.ChartRoot, {
+            categoryField: "k",
+            renderer: xRenderer
+        }));
+        // Creazione del Tooltip per la categoria
+        categoryAxis.labelsContainer.set("tooltip", am5.Tooltip.new(this.ChartRoot, {
+            pointerOrientation: "down"
+        }));
+        xRenderer.labels.template.setup = (target) => {
+            target.set("background", am5.Rectangle.new(this.ChartRoot, {
+                fill: am5.color(0x000000),
+                fillOpacity: 0
+            }));
+        };
         if (settings.XAxisTitle) {
-            categoryAxis.title.text = settings.XAxisTitle;
-            categoryAxis.title.fontWeight = "bold";
+            categoryAxis.children.push(am5.Label.new(this.ChartRoot, {
+                text: settings.XAxisTitle,
+                fontWeight: "600",
+                x: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        categoryAxis.dataFields.category = "k";
-        categoryAxis.renderer.grid.template.location = 0;
-        categoryAxis.renderer.minGridDistance = settings?.MinGridDistance ?? 30;
-        let label = categoryAxis.renderer.labels.template;
-        label.truncate = true;
-        label.maxWidth = settings.LabelWidth ?? this.LabelWidth;
-        label.tooltipText = "{category}";
+        categoryAxis.data.setAll(chartData);
+        xRenderer.labels.template.setAll({
+            maxWidth: settings.LabelWidth ?? this.LabelWidth,
+            oversizedBehavior: "truncate",
+            tooltipText: "{category}"
+        });
         if (settings?.AdaptLabelSizeAndOrientation == null ? true : settings?.AdaptLabelSizeAndOrientation) {
-            categoryAxis.events.on("sizechanged", (ev) => {
-                let axis = ev.target;
-                var cellWidth = axis.pixelWidth / (axis.endIndex - axis.startIndex);
-                if (cellWidth < axis.renderer.labels.template.maxWidth) {
+            let updateLabelOrientation = () => {
+                let labelMaxWidth = settings.LabelWidth ?? this.LabelWidth;
+                let valuesCount = Math.max(chartData.length, 1);
+                let cellWidth = this.ChartInstance.plotContainer.width() / valuesCount;
+                if (cellWidth < labelMaxWidth) {
                     let areWeInDangerZone = cellWidth < (settings?.LabelVerticalOrientationCutoffWidth ?? this.dangerZone);
-                    axis.renderer.labels.template.rotation = areWeInDangerZone ? -90 : -45;
-                    axis.renderer.labels.template.dx = settings.LabelRightWhenCompressed ?? areWeInDangerZone ? 0 : this.LabelRightWhenCompressed;
-                    axis.renderer.labels.template.dy = settings.LabelTopWhenCompressed ?? this.LabelTopWhenCompressed;
-                    axis.renderer.labels.template.horizontalCenter = "right";
-                    axis.renderer.labels.template.verticalCenter = "middle";
+                    xRenderer.labels.template.setAll({
+                        rotation: areWeInDangerZone ? -90 : -45,
+                        dx: areWeInDangerZone ? 0 : (settings.LabelRightWhenCompressed ?? this.LabelRightWhenCompressed),
+                        dy: settings.LabelTopWhenCompressed ?? this.LabelTopWhenCompressed,
+                        centerX: am5.p100,
+                        centerY: am5.p50
+                    });
                 }
                 else {
-                    axis.renderer.labels.template.rotation = 0;
-                    axis.renderer.labels.template.dx = 0;
-                    axis.renderer.labels.template.dy = 0;
-                    axis.renderer.labels.template.horizontalCenter = "middle";
-                    axis.renderer.labels.template.verticalCenter = "top";
+                    xRenderer.labels.template.setAll({
+                        rotation: 0,
+                        dx: 0,
+                        dy: 0,
+                        centerX: am5.p50,
+                        centerY: am5.p0
+                    });
                 }
-            });
+            };
+            this.ChartInstance.events.on("boundschanged", updateLabelOrientation);
+            categoryAxis.events.on("datavalidated", updateLabelOrientation);
         }
         // Create series
-        let series = ChartInstanceCasted.series.push(new am4charts.ColumnSeries());
-        series.dataFields.valueY = "v";
-        series.dataFields.categoryX = "k";
-        series.name = "";
-        let columnTemplate = series.columns.template;
-        columnTemplate.tooltipText = "{categoryX}: [bold]{valueY}[/] {t}";
-        columnTemplate.fillOpacity = .8;
-        columnTemplate.width = am4core.percent(settings.ColumnWidthPercentage ?? this.DefaultColumnWidthPercentage);
+        let series = this.ChartInstance.series.push(am5xy.ColumnSeries.new(this.ChartRoot, {
+            name: "",
+            xAxis: categoryAxis,
+            yAxis,
+            valueYField: "v",
+            categoryXField: "k"
+        }));
+        series.columns.template.setAll({
+            fillOpacity: .8,
+            tooltipText: "{categoryX}: [bold]{valueY}[/] {t}",
+            tooltipY: 0,
+            width: am5.percent(settings.ColumnWidthPercentage ?? this.DefaultColumnWidthPercentage)
+        });
+        series.columns.template.set("tooltip", am5.Tooltip.new(this.ChartRoot, {
+            pointerOrientation: "vertical"
+        }));
         if (noStrokes) {
-            columnTemplate.strokeOpacity = 0;
-            columnTemplate.strokeWidth = 0;
-            columnTemplate.adapter.add("fill", (_, target) => am4core.color(target.dataItem.dataContext.c));
+            series.columns.template.setAll({
+                strokeOpacity: 0,
+                strokeWidth: 0
+            });
+            series.columns.template.adapters.add("fill", (fill, target) => {
+                let item = target.dataItem?.dataContext;
+                return item?.c ? item.c : fill;
+            });
         }
         else {
-            columnTemplate.strokeWidth = 2;
-            columnTemplate.strokeOpacity = 1;
+            series.columns.template.setAll({
+                strokeWidth: 2,
+                strokeOpacity: 1
+            });
+        }
+        series.data.setAll(chartData);
+        if (settings.Legend) {
+            this.ChartLegend.data.setAll(this.ChartInstance.series.values);
         }
         return this;
     }
@@ -1732,12 +1965,11 @@ class VerticalChartService {
 }
 
 /**
- * Classe il cui unico scopo è gestire il setup e rendering di un Vertical2DChart
+ * Classe il cui unico scopo e gestire il setup e rendering di un Vertical2DChart
  */
 class Vertical2DChartService {
     /** @ignore */
-    constructor(Adapter) {
-        this.Adapter = Adapter;
+    constructor() {
         /** @ignore */
         this.DefaultGroupPaddingPercentage = 5;
         /** @ignore */
@@ -1759,81 +1991,146 @@ class Vertical2DChartService {
             console.error("Timeline not supported for vertical chart");
             return null;
         }
-        //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-        am4core.options.autoDispose = true;
-        this.ChartInstance = am4core.create(settings.Name, am4charts.XYChart);
-        let ChartInstanceCasted = this.ChartInstance;
+        let dataPreConverted = data;
+        let dataConverted = this.convertData(dataPreConverted);
+        let seriesNames = dataConverted.length > 0 ? Object.keys(dataConverted[0]).filter(prop => prop !== "key") : [];
+        //#region Carico il Grafico
+        this.ChartRoot?.dispose();
+        this.ChartRoot = am5.Root.new(settings.Name);
+        this.ChartInstance = this.ChartRoot.container.children.push(am5xy.XYChart.new(this.ChartRoot, {}));
+        //#endregion
+        //#region Carico la Legenda
         if (settings.Legend) {
-            ChartInstanceCasted.legend = new am4charts.Legend();
-            ChartInstanceCasted.legend.position = settings?.LegendPosition ?? 'right';
-            ChartInstanceCasted.legend.itemContainers.template.tooltipText = "{category}";
+            // Default "right"
+            switch (settings.LegendPosition ?? "right") {
+                case "left":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.verticalLayout,
+                        centerY: am5.percent(50),
+                        y: am5.percent(50)
+                    }));
+                    break;
+                case "right":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.verticalLayout,
+                        centerY: am5.percent(50),
+                        y: am5.percent(50)
+                    }));
+                    break;
+                case "top":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.horizontalLayout
+                    }));
+                    break;
+                case "bottom":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.horizontalLayout
+                    }));
+                    break;
+            }
             if (settings.LegendPadding) {
-                let template = this.ChartInstance.legend.itemContainers.template;
-                template.paddingTop = settings.LegendPadding.top ?? 0;
-                template.paddingBottom = settings.LegendPadding.bottom ?? 0;
-                template.paddingLeft = settings.LegendPadding.left ?? 0;
-                template.paddingRight = settings.LegendPadding.right ?? 0;
+                this.ChartLegend.itemContainers.template.setAll({
+                    paddingTop: settings.LegendPadding.top ?? 0,
+                    paddingBottom: settings.LegendPadding.bottom ?? 0,
+                    paddingLeft: settings.LegendPadding.left ?? 0,
+                    paddingRight: settings.LegendPadding.right ?? 0
+                });
             }
         }
-        let yAxis = ChartInstanceCasted.yAxes.push(new am4charts.ValueAxis());
+        //#endregion
+        // Carico l'Asse Y
+        let yRenderer = am5xy.AxisRendererY.new(this.ChartRoot, {});
+        let yAxis = this.ChartInstance.yAxes.push(am5xy.ValueAxis.new(this.ChartRoot, {
+            renderer: yRenderer,
+            min: 0
+        }));
+        yAxis.set("tooltip", am5.Tooltip.new(this.ChartRoot, {}));
+        yAxis.get("tooltip")?.set("forceHidden", true);
         if (settings.YAxisTitle) {
-            yAxis.title.text = settings.YAxisTitle;
-            yAxis.title.fontWeight = "bold";
+            yAxis.children.unshift(am5.Label.new(this.ChartRoot, {
+                text: settings.YAxisTitle,
+                rotation: -90,
+                fontWeight: "600",
+                y: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        let categoryAxis = ChartInstanceCasted.xAxes.push(new am4charts.CategoryAxis());
+        // Carico l'Asse X
+        let groupPadding = settings.GroupPaddingPercentage ?? this.DefaultGroupPaddingPercentage;
+        let xRenderer = am5xy.AxisRendererX.new(this.ChartRoot, {
+            cellStartLocation: groupPadding / 100,
+            cellEndLocation: (100 - groupPadding) / 100,
+            minGridDistance: settings?.MinGridDistance ?? 30
+        });
+        xRenderer.grid.template.set("location", 0);
+        let categoryAxis = this.ChartInstance.xAxes.push(am5xy.CategoryAxis.new(this.ChartRoot, {
+            categoryField: "key",
+            renderer: xRenderer
+        }));
+        // Creazione del Tooltip per la categoria
+        categoryAxis.labelsContainer.set("tooltip", am5.Tooltip.new(this.ChartRoot, {
+            pointerOrientation: "down"
+        }));
+        xRenderer.labels.template.setup = (target) => {
+            target.set("background", am5.Rectangle.new(this.ChartRoot, {
+                fill: am5.color(0x000000),
+                fillOpacity: 0
+            }));
+        };
         if (settings.XAxisTitle) {
-            categoryAxis.title.text = settings.XAxisTitle;
-            categoryAxis.title.fontWeight = "bold";
+            categoryAxis.children.push(am5.Label.new(this.ChartRoot, {
+                text: settings.XAxisTitle,
+                fontWeight: "600",
+                x: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        yAxis.min = 0;
-        categoryAxis.dataFields.category = 'key';
-        categoryAxis.renderer.cellStartLocation = am4core.percent(settings.GroupPaddingPercentage ?? this.DefaultGroupPaddingPercentage).value;
-        categoryAxis.renderer.cellEndLocation = am4core.percent(100 - (settings.GroupPaddingPercentage ?? this.DefaultGroupPaddingPercentage)).value;
-        categoryAxis.renderer.grid.template.location = 0;
-        categoryAxis.renderer.minGridDistance = settings?.MinGridDistance ?? 30;
-        let label = categoryAxis.renderer.labels.template;
-        label.truncate = true;
-        label.maxWidth = settings.LabelWidth ?? this.LabelWidth;
-        label.tooltipText = "{category}";
+        categoryAxis.data.setAll(dataConverted);
+        xRenderer.labels.template.setAll({
+            maxWidth: settings.LabelWidth ?? this.LabelWidth,
+            oversizedBehavior: "truncate",
+            tooltipText: "{category}",
+        });
         if (settings?.AdaptLabelSizeAndOrientation == null ? true : settings?.AdaptLabelSizeAndOrientation) {
-            categoryAxis.events.on("sizechanged", (ev) => {
-                let axis = ev.target;
-                var cellWidth = axis.pixelWidth / (axis.endIndex - axis.startIndex);
-                if (cellWidth < axis.renderer.labels.template.maxWidth) {
+            let updateLabelOrientation = () => {
+                let labelMaxWidth = settings.LabelWidth ?? this.LabelWidth;
+                let valuesCount = Math.max(dataConverted.length, 1);
+                let cellWidth = this.ChartInstance.plotContainer.width() / valuesCount;
+                if (cellWidth < labelMaxWidth) {
                     let areWeInDangerZone = cellWidth < (settings?.LabelVerticalOrientationCutoffWidth ?? this.dangerZone);
-                    axis.renderer.labels.template.rotation = areWeInDangerZone ? -90 : -45;
-                    axis.renderer.labels.template.dx = settings.LabelRightWhenCompressed ?? areWeInDangerZone ? 0 : this.LabelRightWhenCompressed;
-                    axis.renderer.labels.template.dy = settings.LabelTopWhenCompressed ?? this.LabelTopWhenCompressed;
-                    axis.renderer.labels.template.horizontalCenter = "right";
-                    axis.renderer.labels.template.verticalCenter = "middle";
+                    xRenderer.labels.template.setAll({
+                        rotation: areWeInDangerZone ? -90 : -45,
+                        dx: areWeInDangerZone ? 0 : (settings.LabelRightWhenCompressed ?? this.LabelRightWhenCompressed),
+                        dy: settings.LabelTopWhenCompressed ?? this.LabelTopWhenCompressed,
+                        centerX: am5.p100,
+                        centerY: am5.p50
+                    });
                 }
                 else {
-                    axis.renderer.labels.template.rotation = 0;
-                    axis.renderer.labels.template.dx = 0;
-                    axis.renderer.labels.template.dy = 0;
-                    axis.renderer.labels.template.horizontalCenter = "middle";
-                    axis.renderer.labels.template.verticalCenter = "top";
+                    xRenderer.labels.template.setAll({
+                        rotation: 0,
+                        dx: 0,
+                        dy: 0,
+                        centerX: am5.p50,
+                        centerY: am5.p0
+                    });
                 }
-            });
+            };
+            this.ChartInstance.events.on("boundschanged", updateLabelOrientation);
+            categoryAxis.events.on("datavalidated", updateLabelOrientation);
         }
-        let dataPreConverted = this.Adapter ? this.Adapter.adaptDataForVertical2DChart(data) : data;
-        let dataConverted = [];
-        for (let i = 0; i < dataPreConverted.groups.length; i++) {
-            let item = dataPreConverted.groups[i];
-            let obj = { key: item.name };
-            for (let p = 0; p < item.values.length; p++) {
-                let value = item.values[p];
-                obj[value.k] = value.v;
-            }
-            dataConverted.push(obj);
+        seriesNames.forEach((name, index) => {
+            let colorInfo = dataPreConverted.colorinfos?.[index];
+            let color = colorInfo?.color ? am5.color(colorInfo.color) : null;
+            this.createSeries(this.ChartInstance, categoryAxis, yAxis, settings, name, dataConverted, color);
+        });
+        if (settings.Legend) {
+            this.ChartLegend.data.setAll(this.ChartInstance.series.values);
         }
-        ChartInstanceCasted.data = dataConverted;
-        if (dataPreConverted.colorinfos)
-            ChartInstanceCasted.colors.list = dataPreConverted.colorinfos.map(c => am4core.color(c.color));
-        //Prendo la prima categoria e mi baso sulle proprietà per dfeinire le serie
-        for (let prop in dataConverted[0])
-            if (prop !== "key")
-                this.createSeries(ChartInstanceCasted, settings, prop, prop);
         return this;
     }
     /** @ignore */
@@ -1844,61 +2141,58 @@ class Vertical2DChartService {
         //TODO:IMPL
     }
     /** @ignore */
-    createSeries(chart, settings, value, name) {
-        let series = chart.series.push(new am4charts.ColumnSeries());
-        series.dataFields.valueY = value;
-        series.dataFields.categoryX = 'key';
-        series.name = name;
-        series.columns.template.tooltipText = "{name} {categoryX}: [bold]{valueY}[/]";
-        series.columns.template.fillOpacity = .8;
-        series.columns.template.width = am4core.percent(settings.ColumnWidthPercentage ?? this.DefaultColumnWidthPercentage);
-        series.events.on("hidden", () => this.arrangeColumns);
-        series.events.on("shown", () => this.arrangeColumns);
-        return series;
+    convertData(dataPreConverted) {
+        let dataConverted = [];
+        for (let i = 0; i < dataPreConverted.groups.length; i++) {
+            let item = dataPreConverted.groups[i];
+            let obj = { key: item.name };
+            for (let p = 0; p < item.values.length; p++) {
+                let value = item.values[p];
+                obj[value.k] = value.v;
+            }
+            dataConverted.push(obj);
+        }
+        return dataConverted;
     }
     /** @ignore */
-    arrangeColumns() {
-        let ChartInstanceCasted = this.ChartInstance;
-        let series = ChartInstanceCasted.series.getIndex(0);
-        let xAxis = ChartInstanceCasted.xAxes.getIndex(0);
-        let w = 1 - xAxis.renderer.cellStartLocation - (1 - xAxis.renderer.cellEndLocation);
-        if (series.dataItems.length > 1) {
-            let x0 = xAxis.getX(series.dataItems.getIndex(0), "categoryX");
-            let x1 = xAxis.getX(series.dataItems.getIndex(1), "categoryX");
-            let delta = ((x1 - x0) / ChartInstanceCasted.series.length) * w;
-            if (am4core.isNumber(delta)) {
-                let middle = ChartInstanceCasted.series.length / 2;
-                let newIndex = 0;
-                ChartInstanceCasted.series.each((series) => {
-                    if (!series.isHidden && !series.isHiding) {
-                        series.dummyData = newIndex;
-                        newIndex++;
-                    }
-                    else {
-                        series.dummyData = ChartInstanceCasted.series.indexOf(series);
-                    }
-                });
-                let visibleCount = newIndex;
-                let newMiddle = visibleCount / 2;
-                ChartInstanceCasted.series.each((series) => {
-                    let trueIndex = ChartInstanceCasted.series.indexOf(series);
-                    let newIndex = series.dummyData;
-                    let dx = (newIndex - trueIndex + middle - newMiddle) * delta;
-                    series.animate({ property: "dx", to: dx }, series.interpolationDuration, series.interpolationEasing);
-                    series.bulletsContainer.animate({ property: "dx", to: dx }, series.interpolationDuration, series.interpolationEasing);
-                });
-            }
+    createSeries(chart, categoryAxis, yAxis, settings, value, data, color) {
+        let series = chart.series.push(am5xy.ColumnSeries.new(this.ChartRoot, {
+            name: value,
+            xAxis: categoryAxis,
+            yAxis,
+            valueYField: value,
+            categoryXField: "key"
+        }));
+        series.columns.template.setAll({
+            fillOpacity: .8,
+            tooltipText: "{name} {categoryX}: [bold]{valueY}[/]",
+            tooltipY: 0,
+            width: am5.percent(settings.ColumnWidthPercentage ?? this.DefaultColumnWidthPercentage)
+        });
+        series.columns.template.set("tooltip", am5.Tooltip.new(this.ChartRoot, {
+            pointerOrientation: "vertical"
+        }));
+        if (color) {
+            series.setAll({
+                fill: color,
+                stroke: color
+            });
+            series.columns.template.setAll({
+                fill: color,
+                stroke: color
+            });
         }
+        series.data.setAll(data);
+        return series;
     }
 }
 
 /**
- * Classe il cui unico scopo è gestire il setup e rendering di un VerticalStackedChart
+ * Classe il cui unico scopo e gestire il setup e rendering di un VerticalStackedChart
  */
 class VerticalStackedChartService {
     /** @ignore */
-    constructor(Adapter) {
-        this.Adapter = Adapter;
+    constructor() {
         /** @ignore */
         this.dangerZone = 50;
         /** @ignore */
@@ -1918,78 +2212,140 @@ class VerticalStackedChartService {
             console.error("Timeline not supported for vertical chart");
             return null;
         }
-        //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-        am4core.options.autoDispose = true;
-        this.ChartInstance = am4core.create(settings.Name, am4charts.XYChart);
-        let ChartInstanceCasted = this.ChartInstance;
-        // Create axes 
-        let yAxis = ChartInstanceCasted.yAxes.push(new am4charts.ValueAxis());
+        let dataPreConverted = data;
+        let dataConverted = this.convertData(dataPreConverted);
+        let seriesNames = dataConverted.length > 0 ? Object.keys(dataConverted[0]).filter(prop => prop !== "key") : [];
+        //#region Carico il Grafico
+        this.ChartRoot?.dispose();
+        this.ChartRoot = am5.Root.new(settings.Name);
+        this.ChartInstance = this.ChartRoot.container.children.push(am5xy.XYChart.new(this.ChartRoot, {}));
+        //#endregion
+        //#region Carico la Legenda
+        if (settings.Legend) {
+            // Default "right"
+            switch (settings.LegendPosition ?? "right") {
+                case "left":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.verticalLayout,
+                        centerY: am5.percent(50),
+                        y: am5.percent(50)
+                    }));
+                    break;
+                case "right":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.verticalLayout,
+                        centerY: am5.percent(50),
+                        y: am5.percent(50)
+                    }));
+                    break;
+                case "top":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.horizontalLayout
+                    }));
+                    break;
+                case "bottom":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.horizontalLayout
+                    }));
+                    break;
+            }
+            if (settings.LegendPadding) {
+                this.ChartLegend.itemContainers.template.setAll({
+                    paddingTop: settings.LegendPadding.top ?? 0,
+                    paddingBottom: settings.LegendPadding.bottom ?? 0,
+                    paddingLeft: settings.LegendPadding.left ?? 0,
+                    paddingRight: settings.LegendPadding.right ?? 0
+                });
+            }
+        }
+        //#endregion
+        // Carico l'Asse Y
+        let yRenderer = am5xy.AxisRendererY.new(this.ChartRoot, {});
+        let yAxis = this.ChartInstance.yAxes.push(am5xy.ValueAxis.new(this.ChartRoot, {
+            renderer: yRenderer,
+            min: 0
+        }));
+        yAxis.set("tooltip", am5.Tooltip.new(this.ChartRoot, {}));
+        yAxis.get("tooltip")?.set("forceHidden", true);
         if (settings.YAxisTitle) {
-            yAxis.title.text = settings.YAxisTitle;
-            yAxis.title.fontWeight = "bold";
+            yAxis.children.unshift(am5.Label.new(this.ChartRoot, {
+                text: settings.YAxisTitle,
+                rotation: -90,
+                fontWeight: "600",
+                y: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        let categoryAxis = ChartInstanceCasted.xAxes.push(new am4charts.CategoryAxis());
+        // Carico l'Asse X
+        let xRenderer = am5xy.AxisRendererX.new(this.ChartRoot, {
+            minGridDistance: settings?.MinGridDistance ?? 30
+        });
+        xRenderer.grid.template.set("location", 0);
+        let categoryAxis = this.ChartInstance.xAxes.push(am5xy.CategoryAxis.new(this.ChartRoot, {
+            categoryField: "key",
+            renderer: xRenderer
+        }));
+        // Creazione del Tooltip per la categoria
+        categoryAxis.labelsContainer.set("tooltip", am5.Tooltip.new(this.ChartRoot, {
+            pointerOrientation: "down"
+        }));
+        xRenderer.labels.template.setup = (target) => {
+            target.set("background", am5.Rectangle.new(this.ChartRoot, {
+                fill: am5.color(0x000000),
+                fillOpacity: 0
+            }));
+        };
         if (settings.XAxisTitle) {
-            categoryAxis.title.text = settings.XAxisTitle;
-            categoryAxis.title.fontWeight = "bold";
+            categoryAxis.children.push(am5.Label.new(this.ChartRoot, {
+                text: settings.XAxisTitle,
+                fontWeight: "600",
+                x: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        yAxis.min = 0;
-        categoryAxis.dataFields.category = "key";
-        categoryAxis.renderer.grid.template.location = 0;
-        categoryAxis.renderer.minGridDistance = settings?.MinGridDistance ?? 30;
-        let label = categoryAxis.renderer.labels.template;
-        label.truncate = true;
-        label.maxWidth = settings.LabelWidth ?? this.LabelWidth;
-        label.tooltipText = "{category}";
+        categoryAxis.data.setAll(dataConverted);
+        xRenderer.labels.template.setAll({
+            maxWidth: settings.LabelWidth ?? this.LabelWidth,
+            oversizedBehavior: "truncate",
+            tooltipText: "{category}"
+        });
         if (settings?.AdaptLabelSizeAndOrientation == null ? true : settings?.AdaptLabelSizeAndOrientation) {
-            categoryAxis.events.on("sizechanged", (ev) => {
-                let axis = ev.target;
-                var cellWidth = axis.pixelWidth / (axis.endIndex - axis.startIndex);
-                if (cellWidth < axis.renderer.labels.template.maxWidth) {
+            let updateLabelOrientation = () => {
+                let labelMaxWidth = settings.LabelWidth ?? this.LabelWidth;
+                let valuesCount = Math.max(dataConverted.length, 1);
+                let cellWidth = this.ChartInstance.plotContainer.width() / valuesCount;
+                if (cellWidth < labelMaxWidth) {
                     let areWeInDangerZone = cellWidth < (settings?.LabelVerticalOrientationCutoffWidth ?? this.dangerZone);
-                    axis.renderer.labels.template.rotation = areWeInDangerZone ? -90 : -45;
-                    axis.renderer.labels.template.dx = settings.LabelRightWhenCompressed ?? areWeInDangerZone ? 0 : this.LabelRightWhenCompressed;
-                    axis.renderer.labels.template.dy = settings.LabelTopWhenCompressed ?? this.LabelTopWhenCompressed;
-                    axis.renderer.labels.template.horizontalCenter = "right";
-                    axis.renderer.labels.template.verticalCenter = "middle";
+                    xRenderer.labels.template.setAll({
+                        rotation: areWeInDangerZone ? -90 : -45,
+                        dx: areWeInDangerZone ? 0 : (settings.LabelRightWhenCompressed ?? this.LabelRightWhenCompressed),
+                        dy: settings.LabelTopWhenCompressed ?? this.LabelTopWhenCompressed,
+                        centerX: am5.p100,
+                        centerY: am5.p50
+                    });
                 }
                 else {
-                    axis.renderer.labels.template.rotation = 0;
-                    axis.renderer.labels.template.dx = 0;
-                    axis.renderer.labels.template.dy = 0;
-                    axis.renderer.labels.template.horizontalCenter = "middle";
-                    axis.renderer.labels.template.verticalCenter = "top";
+                    xRenderer.labels.template.setAll({
+                        rotation: 0,
+                        dx: 0,
+                        dy: 0,
+                        centerX: am5.p50,
+                        centerY: am5.p0
+                    });
                 }
-            });
-        }
-        let dataPreConverted = this.Adapter ? this.Adapter.adaptDataForVerticalStackedChart(data) : data;
-        let dataConverted = [];
-        for (let i = 0; i < dataPreConverted.groups.length; i++) {
-            let item = dataPreConverted.groups[i];
-            let obj = { key: item.name };
-            for (let p = 0; p < item.values.length; p++) {
-                let value = item.values[p];
-                obj[value.k] = value.v;
-            }
-            dataConverted.push(obj);
-        }
-        ChartInstanceCasted.data = dataConverted;
-        //Prendo la prima categoria e mi baso sulle proprietà per dfeinire le serie
-        for (let prop in dataConverted[0]) {
-            if (prop !== "key")
-                this.createSeriesStacked(ChartInstanceCasted, settings, prop, prop);
+            };
+            this.ChartInstance.events.on("boundschanged", updateLabelOrientation);
+            categoryAxis.events.on("datavalidated", updateLabelOrientation);
         }
+        seriesNames.forEach(name => {
+            this.createSeriesStacked(this.ChartInstance, categoryAxis, yAxis, settings, name, dataConverted);
+        });
         if (settings.Legend) {
-            ChartInstanceCasted.legend = new am4charts.Legend();
-            ChartInstanceCasted.legend.position = settings?.LegendPosition ?? 'right';
-            ChartInstanceCasted.legend.itemContainers.template.tooltipText = "{category}";
-            if (settings.LegendPadding) {
-                let template = this.ChartInstance.legend.itemContainers.template;
-                template.paddingTop = settings.LegendPadding.top ?? 0;
-                template.paddingBottom = settings.LegendPadding.bottom ?? 0;
-                template.paddingLeft = settings.LegendPadding.left ?? 0;
-                template.paddingRight = settings.LegendPadding.right ?? 0;
-            }
+            this.ChartLegend.data.setAll(this.ChartInstance.series.values);
         }
         return this;
     }
@@ -2001,18 +2357,40 @@ class VerticalStackedChartService {
         //TODO:IMPL
     }
     /** @ignore */
-    createSeriesStacked(chart, settings, field, name) {
-        // Set up series
-        let series = chart.series.push(new am4charts.ColumnSeries());
-        series.name = name;
-        series.dataFields.valueY = field;
-        series.dataFields.categoryX = "key";
-        series.sequencedInterpolation = true;
-        series.columns.template.tooltipText = "{name} {categoryX}: [bold]{valueY}[/]";
-        series.columns.template.fillOpacity = .8;
-        series.columns.template.width = am4core.percent(settings.ColumnWidthPercentage ?? this.DefaultColumnWidthPercentage);
-        // Make it stacked
-        series.stacked = true;
+    convertData(dataPreConverted) {
+        let dataConverted = [];
+        for (let i = 0; i < dataPreConverted.groups.length; i++) {
+            let item = dataPreConverted.groups[i];
+            let obj = { key: item.name };
+            for (let p = 0; p < item.values.length; p++) {
+                let value = item.values[p];
+                obj[value.k] = value.v;
+            }
+            dataConverted.push(obj);
+        }
+        return dataConverted;
+    }
+    /** @ignore */
+    createSeriesStacked(chart, categoryAxis, yAxis, settings, field, data) {
+        let series = chart.series.push(am5xy.ColumnSeries.new(this.ChartRoot, {
+            name: field,
+            xAxis: categoryAxis,
+            yAxis,
+            valueYField: field,
+            categoryXField: "key",
+            sequencedInterpolation: true,
+            stacked: true
+        }));
+        series.columns.template.setAll({
+            fillOpacity: .8,
+            tooltipText: "{name} {categoryX}: [bold]{valueY}[/]",
+            tooltipY: 0,
+            width: am5.percent(settings.ColumnWidthPercentage ?? this.DefaultColumnWidthPercentage)
+        });
+        series.columns.template.set("tooltip", am5.Tooltip.new(this.ChartRoot, {
+            pointerOrientation: "vertical"
+        }));
+        series.data.setAll(data);
         return series;
     }
 }
@@ -2022,8 +2400,7 @@ class VerticalStackedChartService {
  */
 class AreaChartService {
     /** @ignore */
-    constructor(Adapter) {
-        this.Adapter = Adapter;
+    constructor() {
         //******************** Funzione di throttling per non spammare richieste in caso di animazioni attivate
         //TODO: spostarla in un metodo di utilità (esfaenza/extensions)
         /** @ignore */
@@ -2037,57 +2414,116 @@ class AreaChartService {
             console.error("Timeline not supported for area chart");
             return null;
         }
-        let dataConverted = this.Adapter ? this.Adapter.adaptDataForAreaChart(data) : data;
+        let dataConverted = data;
         let showTicks = settings.ShowTicks == null ? true : settings?.ShowTicks;
         let interval = dataConverted.interval;
-        //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-        am4core.options.autoDispose = true;
-        this.ChartInstance = am4core.create(settings.Name, am4charts.XYChart);
-        let ChartInstanceCasted = this.ChartInstance;
+        //#region Carico il Grafico
+        this.ChartRoot?.dispose();
+        this.ChartRoot = am5.Root.new(settings.Name);
+        this.ChartInstance = this.ChartRoot.container.children.push(am5xy.XYChart.new(this.ChartRoot, {}));
+        //#endregion
+        //#region Carico la Legenda
         if (settings.Legend) {
-            ChartInstanceCasted.legend = new am4charts.Legend();
-            ChartInstanceCasted.legend.position = settings?.LegendPosition ?? 'right';
-            ChartInstanceCasted.legend.itemContainers.template.tooltipText = "{category}";
+            // Default "right"
+            switch (settings.LegendPosition ?? "right") {
+                case "left":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.verticalLayout,
+                        centerY: am5.percent(50),
+                        y: am5.percent(50)
+                    }));
+                    break;
+                case "right":
+                    this.ChartInstance.set("layout", this.ChartRoot.horizontalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.verticalLayout,
+                        centerY: am5.percent(50),
+                        y: am5.percent(50)
+                    }));
+                    break;
+                case "top":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.unshift(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.horizontalLayout
+                    }));
+                    break;
+                case "bottom":
+                    this.ChartInstance.set("layout", this.ChartRoot.verticalLayout);
+                    this.ChartLegend = this.ChartInstance.children.push(am5.Legend.new(this.ChartRoot, {
+                        layout: this.ChartRoot.horizontalLayout
+                    }));
+                    break;
+            }
             if (settings.LegendPadding) {
-                let template = this.ChartInstance.legend.itemContainers.template;
-                template.paddingTop = settings.LegendPadding.top ?? 0;
-                template.paddingBottom = settings.LegendPadding.bottom ?? 0;
-                template.paddingLeft = settings.LegendPadding.left ?? 0;
-                template.paddingRight = settings.LegendPadding.right ?? 0;
+                this.ChartLegend.itemContainers.template.setAll({
+                    paddingTop: settings.LegendPadding.top ?? 0,
+                    paddingBottom: settings.LegendPadding.bottom ?? 0,
+                    paddingLeft: settings.LegendPadding.left ?? 0,
+                    paddingRight: settings.LegendPadding.right ?? 0
+                });
             }
         }
-        let yAxis = ChartInstanceCasted.yAxes.push(new am4charts.ValueAxis());
-        yAxis.tooltip.disabled = true;
+        //#endregion
+        // Carico l'Asse Y
+        let yRenderer = am5xy.AxisRendererY.new(this.ChartRoot, {});
+        let yAxis = this.ChartInstance.yAxes.push(am5xy.ValueAxis.new(this.ChartRoot, {
+            renderer: yRenderer,
+            min: 0
+        }));
+        yAxis.set("tooltip", am5.Tooltip.new(this.ChartRoot, {}));
+        yAxis.get("tooltip")?.set("forceHidden", true);
         if (settings.YAxisTitle) {
-            yAxis.title.text = settings.YAxisTitle;
-            yAxis.title.fontWeight = "bold";
+            yAxis.children.unshift(am5.Label.new(this.ChartRoot, {
+                text: settings.YAxisTitle,
+                rotation: -90,
+                fontWeight: "600", // bold
+                y: am5.p50,
+                centerX: am5.p50
+            }));
         }
-        yAxis.min = 0;
-        let dateAxis = ChartInstanceCasted.xAxes.push(new am4charts.DateAxis());
-        dateAxis.renderer.minGridDistance = settings?.MinGridDistance ?? 50;
-        dateAxis.startLocation = 0.5;
-        dateAxis.endLocation = 0.5;
+        // Carico l'Asse X
+        let xRenderer = am5xy.AxisRendererX.new(this.ChartRoot, {
+            minGridDistance: settings?.MinGridDistance ?? 50,
+            cellStartLocation: 0.5,
+            cellEndLocation: 0.5
+        });
+        let dateAxis = this.ChartInstance.xAxes.push(am5xy.DateAxis.new(this.ChartRoot, {
+            renderer: xRenderer,
+            baseInterval: {
+                timeUnit: this.fixTimeUnit(interval?.timeunit ?? 4), // TODO: Capire come fargli prendere un interval automatico
+                count: interval?.count ?? 1
+            }
+        }));
         if (settings.XAxisTitle) {
-            dateAxis.title.text = settings.XAxisTitle;
-            dateAxis.title.fontWeight = "bold";
+            dateAxis.children.push(am5.Label.new(this.ChartRoot, {
+                text: settings.XAxisTitle,
+                fontWeight: "600", // bold
+                x: am5.p50,
+                centerX: am5.p50
+            }));
         }
+        // Ticks
         if (showTicks) {
-            dateAxis.renderer.ticks.template.disabled = false;
-            dateAxis.renderer.ticks.template.strokeOpacity = 1;
-            dateAxis.renderer.ticks.template.stroke = am4core.color("#495C43");
-            dateAxis.renderer.ticks.template.strokeWidth = 2;
-            dateAxis.renderer.ticks.template.length = 10;
-            dateAxis.renderer.ticks.template.location = 0;
+            xRenderer.ticks.template.setAll({
+                visible: true,
+                strokeOpacity: 1,
+                stroke: am5.color(0x495C43),
+                strokeWidth: 2,
+                length: 10
+            });
+            xRenderer.grid.template.set("location", 0);
+        }
+        else {
+            xRenderer.ticks.template.set("visible", false);
         }
-        if (!!interval)
-            dateAxis.baseInterval = { count: interval.count, timeUnit: this.fixTimeUnit(interval.timeunit) };
         // Unisco il dataset e tiro fuori i dati
         let chartData = [];
         let seriesToMakeCache = {};
         let seriesToMake = [];
         for (let i = 0; i < dataConverted.groups.length; i++) {
             let group = dataConverted.groups[i];
-            let dataItem = { date: group.name };
+            let dataItem = { date: new Date(group.name).getTime() };
             for (let ii = 0; ii < group.values.length; ii++) {
                 let val = group.values[ii];
                 dataItem[val.k] = val.v;
@@ -2098,13 +2534,16 @@ class AreaChartService {
             }
             chartData.push(dataItem);
         }
-        ChartInstanceCasted.data = chartData;
-        //---------------------------------------------------------
-        seriesToMake.forEach(s => { this.createSeries(ChartInstanceCasted, s); });
-        ChartInstanceCasted.cursor = new am4charts.XYCursor();
-        ChartInstanceCasted.cursor.xAxis = dateAxis;
-        dateAxis.events.on("startchanged", t => this.emitSelectionChanged(t, settings));
-        dateAxis.events.on("endchanged", t => this.emitSelectionChanged(t, settings));
+        seriesToMake.forEach(chartName => {
+            this.createSeries(this.ChartInstance, dateAxis, yAxis, chartName, chartData);
+        });
+        if (settings.Legend) {
+            this.ChartLegend.data.setAll(this.ChartInstance.series.values);
+        }
+        this.ChartInstance.set("cursor", am5xy.XYCursor.new(this.ChartRoot, { xAxis: dateAxis }));
+        // let cursor = ^, cursor.lineY.set("visible", false), per cursore verticale
+        dateAxis.on("start", () => { this.emitSelectionChanged(dateAxis, settings); });
+        dateAxis.on("end", () => { this.emitSelectionChanged(dateAxis, settings); });
         return this;
     }
     fixTimeUnit(tu) {
@@ -2132,34 +2571,43 @@ class AreaChartService {
     }
     /** @ignore */
     refreshData(data) {
-        //TODO:IMPL
     }
     /** @ignore */
-    emitSelectionChanged(ev, settings) {
-        if (settings.OnSelectionChangedCallback) {
-            this.throttla("selchange", () => {
-                var axis = ev.target;
-                var start = new Date(axis.minZoomed);
-                var end = new Date(axis.maxZoomed);
-                var initial = axis.min == axis.minZoomed && axis.max == axis.maxZoomed;
-                settings.OnSelectionChangedCallback({ from: start, to: end, initial: initial });
-            }, 150);
-        }
+    emitSelectionChanged(axis, settings) {
+        if (!settings.OnSelectionChangedCallback)
+            return;
+        this.throttla("selchange", () => {
+            let min = axis.getPrivate("selectionMin");
+            let max = axis.getPrivate("selectionMax");
+            if (min == null || max == null)
+                return;
+            settings.OnSelectionChangedCallback({
+                from: new Date(min),
+                to: new Date(max),
+                initial: axis.get("start") == 0 && axis.get("end") == 1
+            });
+        }, 150);
     }
     /** @ignore */
-    createSeries(chart, name) {
-        let series = chart.series.push(new am4charts.LineSeries());
-        series.dataFields.dateX = "date";
-        series.name = name[0].toUpperCase() + name.slice(1);
-        series.dataFields.valueY = name;
-        series.tooltipText = "[#000]{valueY.value}[/]";
-        //series.tooltip.background.fill = am4core.color("#FFF");
-        series.tooltip.getStrokeFromObject = true;
-        series.tooltip.background.strokeWidth = 3;
-        series.tooltip.getFillFromObject = false;
-        series.fillOpacity = 0.6;
-        series.strokeWidth = 2;
-        series.stacked = true;
+    createSeries(chart, xAxis, yAxis, name, data) {
+        let series = chart.series.push(am5xy.LineSeries.new(this.ChartRoot, {
+            name: name[0].toUpperCase() + name.slice(1),
+            xAxis,
+            yAxis,
+            valueYField: name,
+            valueXField: "date",
+            stacked: true,
+            connect: true // Unisce i valori mancanti
+        }));
+        series.data.setAll(data);
+        series.set("tooltip", am5.Tooltip.new(this.ChartRoot, {
+            labelText: "{valueY}"
+        }));
+        series.get("tooltip")?.get("background")?.setAll({
+            strokeWidth: 3
+        });
+        series.strokes.template.setAll({ strokeWidth: 2 });
+        series.fills.template.setAll({ fillOpacity: 0.6, visible: true });
         return series;
     }
     /** @ignore */
@@ -2181,10 +2629,9 @@ class EsChartComponent extends BaseChartComponent {
     /**
      * @ignore
      */
-    constructor(el, ChartLoader, ChartDispatcher, dateService, adapter, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
+    constructor(el, ChartLoader, ChartDispatcher, dateService, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
         super(el, platformId, zone, ChartLoader, ChartDispatcher, ESC_DEBUG_MODE, ESC_ANIMATIONS, lc.Locale, ESC_THEME);
         this.dateService = dateService;
-        this.adapter = adapter;
     }
     /**
      * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
@@ -2230,26 +2677,26 @@ class EsChartComponent extends BaseChartComponent {
     graphicate(settings) {
         switch (this.Type) {
             case 'pie':
-                return new PieChartService(this.adapter).graphicate(this.Data, settings);
+                return new PieChartService().graphicate(this.Data, settings);
             case 'area':
-                return new AreaChartService(this.adapter).graphicate(this.Data, settings);
+                return new AreaChartService().graphicate(this.Data, settings);
             case 'line':
-                return new LineChartService(this.adapter, this.dateService).graphicate(this.Data, settings);
+                return new LineChartService(this.dateService).graphicate(this.Data, settings);
             case 'vertical':
-                return new VerticalChartService(this.adapter).graphicate(this.Data, settings);
+                return new VerticalChartService().graphicate(this.Data, settings);
             case 'vertical-2d':
-                return new Vertical2DChartService(this.adapter).graphicate(this.Data, settings);
+                return new Vertical2DChartService().graphicate(this.Data, settings);
             case 'vertical-stacked':
-                return new VerticalStackedChartService(this.adapter).graphicate(this.Data, settings);
+                return new VerticalStackedChartService().graphicate(this.Data, settings);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i3.DateService }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EsChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i3.DateService }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i3$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: EsChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'es-chart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i3.DateService }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i3.DateService }, { type: i0.NgZone }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
                 }] }, { type: undefined, decorators: [{
@@ -2261,7 +2708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ESC_THEME]
-                }] }, { type: i4.LocalizationService }], propDecorators: { Type: [{
+                }] }, { type: i3$1.LocalizationService }], propDecorators: { Type: [{
                 type: Input
             }], Data: [{
                 type: Input
@@ -2276,9 +2723,8 @@ class EsAreaChartComponent extends BaseChartComponent {
     /**
      * @ignore
      */
-    constructor(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
+    constructor(el, ChartLoader, ChartDispatcher, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
         super(el, platformId, zone, ChartLoader, ChartDispatcher, ESC_DEBUG_MODE, ESC_ANIMATIONS, lc.Locale, ESC_THEME);
-        this.adapter = adapter;
     }
     /**
      * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
@@ -2308,15 +2754,15 @@ class EsAreaChartComponent extends BaseChartComponent {
      * @returns {AreaChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
      */
     graphicate(settingsCasted) {
-        return new AreaChartService(this.adapter).graphicate(this.Data, settingsCasted);
+        return new AreaChartService().graphicate(this.Data, settingsCasted);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsAreaChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EsAreaChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsAreaChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i3$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: EsAreaChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsAreaChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsAreaChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'es-area-chart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i0.NgZone }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
                 }] }, { type: undefined, decorators: [{
@@ -2328,7 +2774,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ESC_THEME]
-                }] }, { type: i4.LocalizationService }], propDecorators: { Data: [{
+                }] }, { type: i3$1.LocalizationService }], propDecorators: { Data: [{
                 type: Input
             }], DataArray: [{
                 type: Input
@@ -2341,9 +2787,8 @@ class EsLineChartComponent extends BaseChartComponent {
     /**
      * @ignore
      */
-    constructor(el, ChartLoader, ChartDispatcher, adapter, dateService, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
+    constructor(el, ChartLoader, ChartDispatcher, dateService, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
         super(el, platformId, zone, ChartLoader, ChartDispatcher, ESC_DEBUG_MODE, ESC_ANIMATIONS, lc.Locale, ESC_THEME);
-        this.adapter = adapter;
         this.dateService = dateService;
     }
     /**
@@ -2385,15 +2830,15 @@ class EsLineChartComponent extends BaseChartComponent {
      * @returns {LineChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
      */
     graphicate(settingsCasted) {
-        return new LineChartService(this.adapter, this.dateService).graphicate(this.Data, settingsCasted);
+        return new LineChartService(this.dateService).graphicate(this.Data, settingsCasted);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsLineChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i3.DateService }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EsLineChartComponent, isStandalone: false, 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", Stacked: "Stacked" }, 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"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsLineChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i3.DateService }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i3$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: EsLineChartComponent, isStandalone: false, 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", Stacked: "Stacked" }, 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"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsLineChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsLineChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'es-line-chart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i3.DateService }, { type: i0.NgZone }, { type: Object, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i3.DateService }, { type: i0.NgZone }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
                 }] }, { type: undefined, decorators: [{
@@ -2405,7 +2850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ESC_THEME]
-                }] }, { type: i4.LocalizationService }], propDecorators: { Data: [{
+                }] }, { type: i3$1.LocalizationService }], propDecorators: { Data: [{
                 type: Input
             }], DataArray: [{
                 type: Input
@@ -2440,9 +2885,8 @@ class EsPieChartComponent extends BaseChartComponent {
     /**
      * @ignore
      */
-    constructor(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
+    constructor(el, ChartLoader, ChartDispatcher, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
         super(el, platformId, zone, ChartLoader, ChartDispatcher, ESC_DEBUG_MODE, ESC_ANIMATIONS, lc.Locale, ESC_THEME);
-        this.adapter = adapter;
     }
     /**
      * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
@@ -2465,7 +2909,6 @@ class EsPieChartComponent extends BaseChartComponent {
      */
     fillSpecificSettings(settingsCasted) {
         settingsCasted.HideZeroes = settingsCasted.HideZeroes != null ? settingsCasted.HideZeroes : this.HideZeroes;
-        settingsCasted.Mode3D = settingsCasted.Mode3D != null ? settingsCasted.Mode3D : this.Mode3D;
         settingsCasted.DonutRadiusPercentage = settingsCasted.DonutRadiusPercentage != null ? settingsCasted.DonutRadiusPercentage : this.DonutRadiusPercentage;
         settingsCasted.LabelsWrap = settingsCasted.LabelsWrap != null ? settingsCasted.LabelsWrap : this.LabelsWrap;
         settingsCasted.LabelsTruncate = settingsCasted.LabelsTruncate != null ? settingsCasted.LabelsTruncate : this.LabelsTruncate;
@@ -2480,15 +2923,15 @@ class EsPieChartComponent extends BaseChartComponent {
      * @returns {PieChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
      */
     graphicate(settingsCasted) {
-        return new PieChartService(this.adapter).graphicate(this.Data, settingsCasted);
+        return new PieChartService().graphicate(this.Data, settingsCasted);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsPieChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EsPieChartComponent, isStandalone: false, selector: "es-pie-chart", inputs: { Data: "Data", DataArray: "DataArray", HideZeroes: "HideZeroes", Mode3D: "Mode3D", DonutRadiusPercentage: "DonutRadiusPercentage", LabelsWrap: "LabelsWrap", LabelsTruncate: "LabelsTruncate", LabelsWidth: "LabelsWidth", LabelsVisible: "LabelsVisible", Total: "Total" }, 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"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsPieChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i3$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: EsPieChartComponent, isStandalone: false, selector: "es-pie-chart", inputs: { Data: "Data", DataArray: "DataArray", HideZeroes: "HideZeroes", Mode3D: "Mode3D", DonutRadiusPercentage: "DonutRadiusPercentage", LabelsWrap: "LabelsWrap", LabelsTruncate: "LabelsTruncate", LabelsWidth: "LabelsWidth", LabelsVisible: "LabelsVisible", Total: "Total" }, 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"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsPieChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsPieChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'es-pie-chart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i0.NgZone }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
                 }] }, { type: undefined, decorators: [{
@@ -2500,7 +2943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ESC_THEME]
-                }] }, { type: i4.LocalizationService }], propDecorators: { Data: [{
+                }] }, { type: i3$1.LocalizationService }], propDecorators: { Data: [{
                 type: Input
             }], DataArray: [{
                 type: Input
@@ -2529,9 +2972,8 @@ class EsVertical2DChartComponent extends BaseChartComponent {
     /**
      * @ignore
      */
-    constructor(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
+    constructor(el, ChartLoader, ChartDispatcher, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
         super(el, platformId, zone, ChartLoader, ChartDispatcher, ESC_DEBUG_MODE, ESC_ANIMATIONS, lc.Locale, ESC_THEME);
-        this.adapter = adapter;
     }
     /**
      * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
@@ -2567,15 +3009,15 @@ class EsVertical2DChartComponent extends BaseChartComponent {
      * @returns {Vertical2DChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
      */
     graphicate(settingsCasted) {
-        return new Vertical2DChartService(this.adapter).graphicate(this.Data, settingsCasted);
+        return new Vertical2DChartService().graphicate(this.Data, settingsCasted);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsVertical2DChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EsVertical2DChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsVertical2DChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i3$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: EsVertical2DChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsVertical2DChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsVertical2DChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'es-vertical-2d-chart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i0.NgZone }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
                 }] }, { type: undefined, decorators: [{
@@ -2587,7 +3029,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ESC_THEME]
-                }] }, { type: i4.LocalizationService }], propDecorators: { Data: [{
+                }] }, { type: i3$1.LocalizationService }], propDecorators: { Data: [{
                 type: Input
             }], DataArray: [{
                 type: Input
@@ -2612,9 +3054,8 @@ class EsVerticalChartComponent extends BaseChartComponent {
     /**
      * @ignore
      */
-    constructor(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
+    constructor(el, ChartLoader, ChartDispatcher, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
         super(el, platformId, zone, ChartLoader, ChartDispatcher, ESC_DEBUG_MODE, ESC_ANIMATIONS, lc.Locale, ESC_THEME);
-        this.adapter = adapter;
     }
     /**
      * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
@@ -2649,15 +3090,15 @@ class EsVerticalChartComponent extends BaseChartComponent {
      * @returns {VerticalChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
      */
     graphicate(settingsCasted) {
-        return new VerticalChartService(this.adapter).graphicate(this.Data, settingsCasted);
+        return new VerticalChartService().graphicate(this.Data, settingsCasted);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsVerticalChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EsVerticalChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsVerticalChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i3$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: EsVerticalChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsVerticalChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsVerticalChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'es-vertical-chart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i0.NgZone }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
                 }] }, { type: undefined, decorators: [{
@@ -2669,7 +3110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ESC_THEME]
-                }] }, { type: i4.LocalizationService }], propDecorators: { Data: [{
+                }] }, { type: i3$1.LocalizationService }], propDecorators: { Data: [{
                 type: Input
             }], DataArray: [{
                 type: Input
@@ -2692,9 +3133,8 @@ class EsVerticalStackedChartComponent extends BaseChartComponent {
     /**
      * @ignore
      */
-    constructor(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
+    constructor(el, ChartLoader, ChartDispatcher, zone, platformId, ESC_DEBUG_MODE, ESC_ANIMATIONS, ESC_THEME, lc) {
         super(el, platformId, zone, ChartLoader, ChartDispatcher, ESC_DEBUG_MODE, ESC_ANIMATIONS, lc.Locale, ESC_THEME);
-        this.adapter = adapter;
     }
     /**
      * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
@@ -2729,15 +3169,15 @@ class EsVerticalStackedChartComponent extends BaseChartComponent {
      * @returns {VerticalStackedChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
      */
     graphicate(settingsCasted) {
-        return new VerticalStackedChartService(this.adapter).graphicate(this.Data, settingsCasted);
+        return new VerticalStackedChartService().graphicate(this.Data, settingsCasted);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsVerticalStackedChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: BaseAdapter }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: EsVerticalStackedChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsVerticalStackedChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartLoader }, { token: ChartDispatcher }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: ESC_DEBUG_MODE }, { token: ESC_ANIMATIONS }, { token: ESC_THEME }, { token: i3$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.28", type: EsVerticalStackedChartComponent, isStandalone: false, 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"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageChartSelector, selector: "chart-pager", inputs: ["Items", "Dtos", "BrowseDelayMs", "StartIndex"], outputs: ["onPageChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsVerticalStackedChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsVerticalStackedChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'es-vertical-stacked-chart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: BaseAdapter }, { type: i0.NgZone }, { type: Object, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ChartLoader }, { type: ChartDispatcher }, { type: i0.NgZone }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
                 }] }, { type: undefined, decorators: [{
@@ -2749,7 +3189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ESC_THEME]
-                }] }, { type: i4.LocalizationService }], propDecorators: { Data: [{
+                }] }, { type: i3$1.LocalizationService }], propDecorators: { Data: [{
                 type: Input
             }], DataArray: [{
                 type: Input
@@ -2806,12 +3246,11 @@ class EsChartsModule {
                 { provide: ESC_ANIMATIONS, useValue: config?.animations == null || config?.animations == undefined ? true : config?.animations },
                 { provide: ESC_THEME, useValue: config?.theme || 'spiritedaway' },
                 { provide: ESC_DEBUG_MODE, useValue: config?.debugMode || false },
-                { provide: BaseAdapter, useClass: config?.adapter || BaseAdapter }
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsChartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: EsChartsModule, declarations: [EsChartComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsChartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: EsChartsModule, declarations: [EsChartComponent,
             EsLineChartComponent,
             EsPieChartComponent,
             EsVertical2DChartComponent,
@@ -2826,9 +3265,9 @@ class EsChartsModule {
             EsVerticalStackedChartComponent,
             PageChartSelector,
             EsAreaChartComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsChartsModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsChartsModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EsChartsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: EsChartsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -2845,5 +3284,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartData, AreaChartSettings, BaseAdapter, BaseChartComponent, BaseInterval, BaseSettings, ChartThemes, DateValue, ESC_ANIMATIONS, ESC_DEBUG_MODE, ESC_THEME, 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 };
+export { AreaChartData, AreaChartSettings, BaseChartComponent, BaseInterval, BaseSettings, ChartThemes, DateValue, ESC_ANIMATIONS, ESC_DEBUG_MODE, ESC_THEME, 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