@esfaenza/es-charts 12.2.11 → 13.1.2

package/bundles/esfaenza-es-charts.umd.js

@@ -1,3161 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@esfaenza/extensions'), require('@angular/common'), require('@amcharts/amcharts4/core'), require('@amcharts/amcharts4/charts')) :
-    typeof define === 'function' && define.amd ? define('@esfaenza/es-charts', ['exports', '@angular/core', '@esfaenza/extensions', '@angular/common', '@amcharts/amcharts4/core', '@amcharts/amcharts4/charts'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza["es-charts"] = {}), global.ng.core, global.extensions, global.ng.common, global.am4core, global.am4charts));
-})(this, (function (exports, core, extensions, common, am4core, am4charts) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var am4core__namespace = /*#__PURE__*/_interopNamespace(am4core);
-    var am4charts__namespace = /*#__PURE__*/_interopNamespace(am4charts);
-
-    /**
-     * 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
-     */
-    var BaseAdapter = /** @class */ (function () {
-        function BaseAdapter() {
-        }
-        /**
-         * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per gli Area Chart
-         */
-        BaseAdapter.prototype.adaptDataForAreaChart = function (anyData) {
-            return anyData;
-        };
-        /**
-         * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Line Chart
-         */
-        BaseAdapter.prototype.adaptDataForLineChart = function (anyData) {
-            return anyData;
-        };
-        /**
-         * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Line Chart
-         */
-        BaseAdapter.prototype.adaptDataForPieChart = function (anyData) {
-            return anyData;
-        };
-        /**
-         * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart
-         */
-        BaseAdapter.prototype.adaptDataForVerticalChart = function (anyData) {
-            return anyData;
-        };
-        /**
-         * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart a due dimensioni
-         */
-        BaseAdapter.prototype.adaptDataForVertical2DChart = function (anyData) {
-            return anyData;
-        };
-        /**
-         * Trasformatore dai dati della libreria vecchia ai dati della libreria nuova per i Vertical Chart sovrapposti
-         */
-        BaseAdapter.prototype.adaptDataForVerticalStackedChart = function (anyData) {
-            return anyData;
-        };
-        return BaseAdapter;
-    }());
-    BaseAdapter.decorators = [
-        { type: core.Injectable }
-    ];
-
-    /**
-     * Dati relativi a un grafico di tipo LineChart
-     */
-    var LineChartData = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {LineSerie[]} series Lista di serie da graficare
-         */
-        function LineChartData(series) {
-            if (series === void 0) { series = []; }
-            this.series = series;
-        }
-        return LineChartData;
-    }());
-
-    /**
-     * Dati relativi a un grafico di tipo PieChart
-     */
-    var PieChartData = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {KeyValueColor[]} values Lista di Chiave-Valore-Colore che rappresentano ognuno uno spicchio del grafico a torta
-         */
-        function PieChartData(values) {
-            if (values === void 0) { values = []; }
-            this.values = values;
-        }
-        return PieChartData;
-    }());
-
-    /**
-     * Dati relativi a un grafico di tipo AreaChart
-     */
-    var AreaChartData = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {{ name: Date; values: KeyValue[]; }[]} groups Gruppi di valori raggruppati per data
-         * @param {BaseInterval} interval Intervallo della serie. Viene utilizzato per gestire eventuali Gap
-         */
-        function AreaChartData(groups, interval) {
-            if (groups === void 0) { groups = []; }
-            this.groups = groups;
-            this.interval = interval;
-        }
-        return AreaChartData;
-    }());
-
-    /**
-     * Dati relativi a un grafico di tipo Vertical2DChart
-     */
-    var Vertical2DChartData = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {{ name: string; values: KeyValue[]; }[]} groups Gruppi di valori raggruppati per nome
-         * @param {{ color: string }[]} colorInfos Lista dei colori da utilizzare. Vanno a sovrascrivere quelli di default di amcharts
-         */
-        function Vertical2DChartData(groups, colorInfos) {
-            if (groups === void 0) { groups = []; }
-            this.groups = groups;
-            this.colorInfos = colorInfos;
-        }
-        return Vertical2DChartData;
-    }());
-
-    /**
-     * Dati relativi a un grafico di tipo VerticalChart
-     */
-    var VerticalChartData = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {KeyValue[]} values Lista di Chiave-Valore che rappresentano ognuno una colonna
-         */
-        function VerticalChartData(values) {
-            if (values === void 0) { values = []; }
-            this.values = values;
-        }
-        return VerticalChartData;
-    }());
-
-    /**
-     * Dati relativi a un grafico di tipo VerticalStackedChart
-     */
-    var VerticalStackedChartData = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {{ name: string; values: KeyValue[]; }[]} groups Gruppi di valori raggruppati per nome
-         */
-        function VerticalStackedChartData(groups) {
-            if (groups === void 0) { groups = []; }
-            this.groups = groups;
-        }
-        return VerticalStackedChartData;
-    }());
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
-    }
-
-    /**
-     * Classe che racchiude le impostazioni base bene o male applicabili ad ogni Grafico
-     */
-    var BaseSettings = /** @class */ (function () {
-        function BaseSettings() {
-        }
-        return BaseSettings;
-    }());
-
-    /**
-     * Classe che presenta le impostazioni di generazione per i grafici di tipo AreaChart
-     */
-    var AreaChartSettings = /** @class */ (function (_super) {
-        __extends(AreaChartSettings, _super);
-        /**
-         * @ignore
-         */
-        function AreaChartSettings() {
-            return _super.call(this) || this;
-        }
-        return AreaChartSettings;
-    }(BaseSettings));
-
-    /**
-     * Classe che presenta le impostazioni di generazione per i grafici di tipo LineChart
-     */
-    var LineChartSettings = /** @class */ (function (_super) {
-        __extends(LineChartSettings, _super);
-        /**
-         * @ignore
-         */
-        function LineChartSettings() {
-            return _super.call(this) || this;
-        }
-        return LineChartSettings;
-    }(BaseSettings));
-
-    /**
-     * Classe che presenta le impostazioni di generazione per i grafici di tipo PieChart
-     */
-    var PieChartSettings = /** @class */ (function (_super) {
-        __extends(PieChartSettings, _super);
-        function PieChartSettings() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return PieChartSettings;
-    }(BaseSettings));
-
-    /**
-     * Classe che presenta le impostazioni di generazione per i grafici di tipo Vertical2DChart
-     */
-    var Vertical2DChartSettings = /** @class */ (function (_super) {
-        __extends(Vertical2DChartSettings, _super);
-        /**
-         * @ignore
-         */
-        function Vertical2DChartSettings() {
-            return _super.call(this) || this;
-        }
-        return Vertical2DChartSettings;
-    }(BaseSettings));
-
-    /**
-     * Classe che presenta le impostazioni di generazione per i grafici di tipo VerticalChart
-     */
-    var VerticalChartSettings = /** @class */ (function (_super) {
-        __extends(VerticalChartSettings, _super);
-        /**
-         * @ignore
-         */
-        function VerticalChartSettings() {
-            return _super.call(this) || this;
-        }
-        return VerticalChartSettings;
-    }(BaseSettings));
-
-    /**
-     * Classe che presenta le impostazioni di generazione per i grafici di tipo VerticalStackedChart
-     */
-    var VerticalStackedChartSettings = /** @class */ (function (_super) {
-        __extends(VerticalStackedChartSettings, _super);
-        /**
-         * @ignore
-         */
-        function VerticalStackedChartSettings() {
-            return _super.call(this) || this;
-        }
-        return VerticalStackedChartSettings;
-    }(BaseSettings));
-
-    /**
-     * Classe che identifica un intervallo di tempo fra un dato e l'altro
-     */
-    var BaseInterval = /** @class */ (function () {
-        function BaseInterval() {
-        }
-        return BaseInterval;
-    }());
-
-    /**
-     * Classe che identifica le informazioni di Padding per la Legenda
-     */
-    var LegendPad = /** @class */ (function () {
-        function LegendPad() {
-        }
-        return LegendPad;
-    }());
-
-    /**
-     * Modello che identifica la coppia Data-Valore
-     */
-    var DateValue = /** @class */ (function () {
-        /** @ignore */
-        function DateValue(d, v) {
-            this.d = d;
-            this.v = v;
-        }
-        return DateValue;
-    }());
-
-    /**
-     * Modello che identifica la coppia Chiave-Valore
-     */
-    var KeyValue = /** @class */ (function () {
-        /** @ignore */
-        function KeyValue(k, v) {
-            this.k = k;
-            this.v = v;
-        }
-        return KeyValue;
-    }());
-
-    /**
-     * Modello che identifica la coppia Chiave-Valore con in aggiunta il Colore da usare per la serie che verrà creata da questo modello
-     */
-    var KeyValueColor = /** @class */ (function () {
-        /** @ignore */
-        function KeyValueColor(k, v, c) {
-            this.k = k;
-            this.v = v;
-            this.c = c;
-        }
-        return KeyValueColor;
-    }());
-
-    /**
-     * Modello che identifica una serie a Linea
-     */
-    var LineSerie = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {string} name Nome della serie
-         * @param {DateValue[]} values Valori della serie
-         * @param {BaseInterval} interval Intervallo della serie. Viene utilizzato per gestire Gap e date in Istante Finale
-         * @param {string} color Colore della serie, verrà usato sia per la lineaa base che eventualmente per il riempimento (in caso si utilizzi l'Input **Fill** nel grafico)
-         * @param {string} uom Unità di misura da presentare nell'asse delle Y
-         */
-        function LineSerie(name, values, interval, color, uom) {
-            this.name = name;
-            this.values = values;
-            this.interval = interval;
-            this.color = color;
-            this.uom = uom;
-        }
-        return LineSerie;
-    }());
-
-    /**
-     * Token che identifica il Locale di default per tutti i grafici, può essere sovrascritto dalle impostazioni locali (Settings e Input)
-     */
-    var ESC_LOCALE = new core.InjectionToken('ESC_LOCALE');
-    /**
-     * Token che identifica il default per l'utilizzo o meno delle Animazioni per tutti i grafici, può essere sovrascritto dalle impostazioni locali (Settings e Input)
-     */
-    var ESC_ANIMATIONS = new core.InjectionToken('ESC_ANIMATIONS');
-    /**
-     * Token che identifica il Tema di default per tutti i grafici, può essere sovrascritto dalle impostazioni locali (Settings e Input)
-     */
-    var ESC_THEME = new core.InjectionToken('ESC_THEME');
-    /**
-     * Token che identifica l'utilizzo o meno del sistema di Log per l'intera libreria
-     */
-    var ESC_LOGS = new core.InjectionToken('ESC_LOGS');
-
-    /**
-     * Classe che si occupa del dispatch delle operazioni di rendering dei grafici utilizzando una coda per permettere ad ogni grafico di avere temi e localizzazione custom
-     */
-    var ChartDispatcher = /** @class */ (function () {
-        /**
-         * @ignore
-         */
-        function ChartDispatcher(logs) {
-            this.logs = logs;
-            /**
-             * Coda di inizializzazioni ancora da eseguire. Quando questa è vuota significa che nessuno sta creando grafici
-             */
-            this.Initializations = [];
-            /**
-             * Lista dei grafici inizializzati e attivi in un dato momento (viene registrata la proprietà **name**). Non è possibile registrare due grafici con lo stesso identificativo
-             */
-            this.InitializedGraphs = [];
-        }
-        /**
-         * Registra un grafico da visualizzare insieme alla propria funzione di creazione. Quest'ultima sarà differita fino a che tutti i grafici
-         * precedentemente registati non hanno finito la fase di inizializzazione
-         *
-         * @param {string} name Identificativo del grafico da registrare
-         * @param {Function} chartCreationFunction Funzione che fisicamente dovrà occuparsi della creazione del grafico
-         */
-        ChartDispatcher.prototype.register = function (name, chartCreationFunction) {
-            if (this.InitializedGraphs.indexOf(name) != -1)
-                throw "Attempting to register a duplicate chart '" + name + "'. Make sure the 'name' properties of your charts are univoque";
-            this.log("DISPATCHER: Registering chart creation function execution for " + name);
-            this.Initializations.push({ name: name, function: chartCreationFunction });
-            if (this.Initializations.length == 1) {
-                this.log("DISPATCHER: Initial drain started");
-                this.drainInitQueues();
-            }
-        };
-        /**
-         * Deregistra un grafico presente. Chiamata generalmente al dispose del grafico in questione quando non dev'essere più mostrato nella pagina corrente
-         *
-         * @param {string} name Identificativo del grafico da deregistrare
-         */
-        ChartDispatcher.prototype.deregisterGraph = function (name) {
-            var index = this.InitializedGraphs.indexOf(name);
-            if (index == -1) {
-                //Questo succede quando si cerca di distruggere il grafico mentre sta venendo graficato
-                this.log("DISPATCHER: Registration missing for chart " + name + " it was probably destroyed during load");
-                return;
-            }
-            this.log("DISPATCHER: Chart deregistered " + name);
-            this.InitializedGraphs.splice(index, 1);
-        };
-        /**
-         * Metodo che esegue in maniera sequenziale le funzioni di inizializzazione dei grafici finché presenti
-         * in modo che nessun grafico possa essere inizializzato contemporaneamente ad un altro.
-         *
-         * Questo è il punto chiave che permette di avere per ogni grafico temi e locale differenti
-         */
-        ChartDispatcher.prototype.drainInitQueues = function () {
-            var _this = this;
-            var toExecute = this.Initializations[0];
-            this.log("DISPATCHER: Executing initialization function for chart " + toExecute.name);
-            toExecute.function().then(function () {
-                _this.log("DISPATCHER: initialization for chart " + toExecute.name + " is done");
-                _this.InitializedGraphs.push(toExecute.name);
-                _this.Initializations.splice(0, 1);
-                if (_this.Initializations.length >= 1) {
-                    _this.log("DISPATCHER: Found queued initializations. Continuing");
-                    _this.drainInitQueues();
-                }
-                else
-                    _this.log("DISPATCHER: queue is over, nothing more to do");
-            });
-        };
-        /**
-         * @ignore
-         */
-        ChartDispatcher.prototype.log = function (text) {
-            if (this.logs)
-                console.log("@esfaenza/es-charts: " + text);
-        };
-        return ChartDispatcher;
-    }());
-    ChartDispatcher.decorators = [
-        { type: core.Injectable }
-    ];
-    ChartDispatcher.ctorParameters = function () { return [
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] }
-    ]; };
-
-    /** @ignore */
-    var _spiritedaway = 'spiritedaway';
-    /** @ignore */
-    var _moonrisekingdom = 'moonrisekingdom';
-    /** @ignore */
-    var _frozen = 'frozen';
-    /** @ignore */
-    var _dark = 'dark';
-    /** @ignore */
-    var _kelly = 'kelly';
-    /** @ignore */
-    var _material = 'material';
-    /** @ignore */
-    var _dataviz = 'dataviz';
-    /** @ignore */
-    var _none = 'none';
-    /** @ignore */
-    var _animated = 'animated';
-    /**
-     * Classe per enumerare i temi disponibili nella libreria
-     */
-    // @dynamic
-    var ChartThemes = /** @class */ (function () {
-        function ChartThemes() {
-        }
-        Object.defineProperty(ChartThemes.prototype, "spiritedaway", {
-            get: function () { return _spiritedaway; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes.prototype, "moonrisekingdom", {
-            get: function () { return _moonrisekingdom; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes.prototype, "frozen", {
-            get: function () { return _frozen; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes.prototype, "dark", {
-            get: function () { return _dark; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes.prototype, "kelly", {
-            get: function () { return _kelly; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes.prototype, "material", {
-            get: function () { return _material; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes.prototype, "dataviz", {
-            get: function () { return _dataviz; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes.prototype, "none", {
-            get: function () { return _none; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes.prototype, "animated", {
-            get: function () { return _animated; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "spiritedaway", {
-            get: function () { return _spiritedaway; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "moonrisekingdom", {
-            get: function () { return _moonrisekingdom; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "frozen", {
-            get: function () { return _frozen; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "dark", {
-            get: function () { return _dark; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "kelly", {
-            get: function () { return _kelly; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "material", {
-            get: function () { return _material; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "dataviz", {
-            get: function () { return _dataviz; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "none", {
-            get: function () { return _none; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        Object.defineProperty(ChartThemes, "animated", {
-            get: function () { return _animated; },
-            enumerable: false,
-            configurable: true
-        });
-        ;
-        return ChartThemes;
-    }());
-
-    /**
-     * Classe di supporto al caricamento dinamico dei vari pezzi di amcharts che mi servono per il grafico (temi, locali, ecc...)
-     *
-     * Essenzialmente ogni volta che viene creato un grafico, questo acquisisce il tema e il locale applicato IN QUEL MOMENTO,
-     * questo significa che per creare due grafici con temi diversi bisogna fare:
-     *
-     * 1) Caricamento tema 1
-     *
-     * 2) Creazione grafico 1
-     *
-     * 3) Scaricamento tema 1
-     *
-     * 3) Caricamento tema 2
-     *
-     * 4) Creazione grafico 2
-     *
-     */
-    var ChartLoader = /** @class */ (function () {
-        /**
-         * @ignore
-         */
-        function ChartLoader(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)
-             */
-            this.themeCache = {};
-            /**
-             * Cache delle localizzazioni (moduli caricati dinamicamente)
-             */
-            this.localizationCache = {};
-        }
-        /**
-         * Applica il tema con le animazioni all'istanza globale di amCharts
-         *
-         * @param {Object} chartsCore Istanza globale di amCharts
-         * @returns {Promise} Promise che identifica la fine del caricamento
-         */
-        ChartLoader.prototype.applyAnimations = function (chartsCore) {
-            var _this = this;
-            if (!this.AnimationsAreLoaded) {
-                return this.importIfNeeded('themes', ChartThemes.animated).then(function () {
-                    _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(function (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
-         */
-        ChartLoader.prototype.unapplyAnimations = function (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(function (resolve) { resolve(true); });
-        };
-        /**
-         * Applica il tema specificato all'istanza globale di amCharts
-         *
-         * @param {Object} chartsCore Istanza globale di amCharts
-         * @param {'spiritedaway' | 'moonrisekingdom' | 'frozen' | 'dark' | 'kelly' | 'material' | 'dataviz' | 'none'} theme Tema da applicare
-         * @returns {Promise} Promise che identifica la fine del caricamento
-         */
-        ChartLoader.prototype.applyTheme = function (chartsCore, theme) {
-            var _this = this;
-            // 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(function (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 ^
-            if (theme == ChartThemes.none) {
-                this.LastLoadedTheme = ChartThemes.none;
-                return new Promise(function (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(function () {
-                _this.log("CORE: Applying theme " + theme);
-                chartsCore.useTheme(_this.themeCache[theme]);
-                _this.LastLoadedTheme = theme;
-            });
-        };
-        /**
-         * De-applica il tema precedente dall'istanza globale di amCharts
-         *
-         * @param {Object} chartsCore Istanza globale di amCharts
-         */
-        ChartLoader.prototype.unapplyPreviousTheme = function (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
-         *
-         * @param {amCharts.Chart} chart Istanza specifica del grafico a cui applicare il locale
-         * @param {string} locale Locale da applicare
-         * @returns {Promise} Promise che identifica la fine del caricamento
-         */
-        ChartLoader.prototype.applyLocale = function (chart, locale) {
-            var _this = this;
-            return this.importIfNeeded('lang', locale).then(function () {
-                _this.log("Chart " + chart.htmlContainer.id + ": applying locale " + locale);
-                chart.language.locale = _this.localizationCache[locale];
-            });
-        };
-        /**
-         * Permette di importare, se serve un dato tema o localizzazione
-         *
-         * @param {'lang' | 'themes'} what Oggetto da importare, se localizzazione o tema
-         * @param {string} item Chiave dell'oggetto da importare
-         *
-         * @returns {Promise} Promise che identifica la fine del caricamento
-         */
-        ChartLoader.prototype.importIfNeeded = function (what, item) {
-            var _this = this;
-            // Se sto cercando di caricare qualcosa di già caricato non faccio nulla
-            if (!(what == 'themes' && !this.themeCache[item]) && !(what == 'lang' && !this.localizationCache[item])) {
-                this.log("CORE: " + (what == 'lang' ? "Language " : "Theme ") + item + " already loaded");
-                return new Promise(function (resolve) { resolve(true); });
-            }
-            this.log("CORE: Loading " + (what == 'lang' ? "language " : "theme ") + item);
-            /*
-             *                               ****************************
-             *                               ******** ATTENZIONE ********
-             *                               ****************************
-             *
-             *  Se stai vedendo questo codice di import e stai valutando di riscriverlo come:
-             *
-             *                                     V       V
-             *      import(`@amcharts/amcharts4/${what}/${item}`).then(module => {
-             *        if (what == 'themes') this.themeCache[item] = module.default;
-             *        else if (what == 'lang') this.localizationCache[item] = module.default;
-             *      });
-             *
-             *  Sappi che è una pessima idea. Gli import sono valutati da webpack in compiletime per generare i chunk,
-             *  mettere la navigazione agli import con la concatenazione viene preso malissimo ed essenzialmente dice a webpack
-             *  di tirare su e bundlare l'intera node_modules. Divertente, no?
-             *
-             */
-            switch (what) {
-                case 'themes':
-                    switch (item) {
-                        case ChartThemes.spiritedaway:
-                            return import('@amcharts/amcharts4/themes/spiritedaway').then(function (theme) { return _this.themeCache[item] = theme.default; });
-                        case ChartThemes.moonrisekingdom:
-                            return import('@amcharts/amcharts4/themes/moonrisekingdom').then(function (theme) { return _this.themeCache[item] = theme.default; });
-                        case ChartThemes.frozen:
-                            return import('@amcharts/amcharts4/themes/frozen').then(function (theme) { return _this.themeCache[item] = theme.default; });
-                        case ChartThemes.dark:
-                            return import('@amcharts/amcharts4/themes/dark').then(function (theme) { return _this.themeCache[item] = theme.default; });
-                        case ChartThemes.kelly:
-                            return import('@amcharts/amcharts4/themes/kelly').then(function (theme) { return _this.themeCache[item] = theme.default; });
-                        case ChartThemes.material:
-                            return import('@amcharts/amcharts4/themes/material').then(function (theme) { return _this.themeCache[item] = theme.default; });
-                        case ChartThemes.dataviz:
-                            return import('@amcharts/amcharts4/themes/dataviz').then(function (theme) { return _this.themeCache[item] = theme.default; });
-                        case ChartThemes.animated:
-                            return import('@amcharts/amcharts4/themes/animated').then(function (theme) { return _this.themeCache[item] = theme.default; });
-                    }
-                    break;
-                case 'lang':
-                    switch (item) {
-                        case 'it-IT':
-                            return import('@amcharts/amcharts4/lang/it_IT').then(function (lang) { return _this.localizationCache[item] = lang.default; });
-                        case 'en-US':
-                            return import('@amcharts/amcharts4/lang/en_US').then(function (lang) { return _this.localizationCache[item] = lang.default; });
-                    }
-            }
-            this.log("CORE: Loading Failed. " + (what == 'lang' ? "Language " : "Theme") + " not recognized: " + item);
-            return new Promise(function (resolve) { resolve(true); });
-        };
-        /**
-         * @ignore
-         */
-        ChartLoader.prototype.log = function (text) {
-            if (this.logs)
-                console.log("@esfaenza/es-charts: " + text);
-        };
-        return ChartLoader;
-    }());
-
-    /**
-     * Componente Grafico Base che gestisce tutte le cose comuni dei vari grafici istanziabili, come la presenza o menu di una legenda,
-     * il tema utilizzato, il locale del singolo grafico, ecc ecc...
-     */
-    var BaseChartComponent = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {ElementRef} el Contenitore all'interno del cui viene creato il grafico. Utilizzato per estrapolarne la **ContainerHeight**
-         * @param {Object} platformId piattaforma Angular (browser, ecc...) per essere sicuri che amcharts venga attivato solo lato browser. Non utilizzando SSR nelle applicazioni che consumano questa libreria non è particolarmente significativo, ma non si sa mai
-         * @param {NgZone} zone NgZone di default per permettere di inizializzare il grafico all'infuori di Angular per avere qualche prestazione in più
-         * @param {ChartLoader} Charter Istanza del Loader che si occuperà di caricare in memoria tutto ciò che serve per il grafico attuale (temi, locale, animazioni, ecc...)
-         * @param {ChartDispatcher} Dispatcher Istanza del Dispatcher che si occupa di differire il caricamento dei grafici 1 dopo l'altro in modo che caricamenti pseudo paralleli incasinino tutto
-         * @param {boolean} logs Indica se effettuare log a console o meno, iniettato dalle classi specializzate dal token ESC_LOGS
-         * @param {boolean} animations Indica se per questo grafico devono essere attive o meno le animazioni. Impostazione generica presa dal token ESC_ANIMATIONS
-         * @param {string} locale Indica il locale specifico per questo grafico. Impostazione generica presa dal token ESC_LOCALE
-         * @param {string} theme Indica il tema specifico per questo grafico. Impostazione generica presa dal token ESC_THEME
-         */
-        function BaseChartComponent(el, platformId, zone, Charter, Dispatcher, logs, animations, locale, theme) {
-            this.el = el;
-            this.platformId = platformId;
-            this.zone = zone;
-            this.Charter = Charter;
-            this.Dispatcher = Dispatcher;
-            this.logs = logs;
-            this.animations = animations;
-            this.locale = locale;
-            this.theme = theme;
-            /**
-             * Nome del grafico, fondamentale assegnarlo per permettere alla libreria di schedularne la creazione
-             */
-            this.name = "";
-            /**
-             * Dopo aver navigato a un nuovo grafico verranno attesi questi millisecondi prima di richiedere i dati attraverso la **DataRetrieve**.
-             *
-             * Questo per evitare che l'utente cliccando velocemente "avanti" generi tonnellate di richieste inutili
-             */
-            this.BrowseDelayMs = 500;
-            /**
-             * Evento lanciato sulla selezione di un range di dati o dalla timeline o dal grafico. Valido per tutti i grafici che supportano serie basate sulle date
-             */
-            this.onSelectionChanged = new core.EventEmitter();
-            /**
-             * Evento lanciato dal click di una serie dalla Legenda, a patto che l'Input **HideSeriesOnLabelClick** sia impostato a false
-             */
-            this.onSeriesClicked = new core.EventEmitter();
-            /**
-             * Evento lanciato all'inizio del caricamento di una nuova pagina del grafico
-             */
-            this.onLoadStart = new core.EventEmitter();
-            /**
-             * Evento lanciato al termine del caricamento di una nuova pagina del grafico
-             */
-            this.onLoadEnd = new core.EventEmitter();
-            /**
-             * Serve a decidere se sarà presente l'interfaccia di paginazione
-             */
-            this.isPaged = false;
-            /**
-             * @ignore
-             */
-            this.initDone = false;
-        }
-        /**
-         * Metodo di inizializzazione post valorizzazione degli input, utilizzato per valorizzare correttamente le proprietà essenziali del grafico (Animazioni, Tema e Locale)
-         *
-         * Viene data priorità ai Settings (HTML), priorità secondaria agli Input diretti (Lato HTML), priorità ultima alle impostazioni globali,
-         * impostate in fase di import del modulo assegnando valori ai token ESC_LOCALE, ESC_ANIMATIONS, ESC_THEME
-         */
-        BaseChartComponent.prototype.ngOnInit = function () {
-            // Qui servono solo le variabili da conoscere PRE-graficazione per il caricamento dei moduli lazy del grafico
-            var _a, _b, _c, _d, _e, _f;
-            this.Animations = ((_a = this.Settings) === null || _a === void 0 ? void 0 : _a.Animations) != null ? (_b = this.Settings) === null || _b === void 0 ? void 0 : _b.Animations : (this.Animations != null ? this.Animations : this.animations);
-            this.Theme = ((_c = this.Settings) === null || _c === void 0 ? void 0 : _c.Theme) != null ? (_d = this.Settings) === null || _d === void 0 ? void 0 : _d.Theme : (this.Theme != null ? this.Theme : this.theme);
-            this.Locale = ((_e = this.Settings) === null || _e === void 0 ? void 0 : _e.Locale) != null ? (_f = this.Settings) === null || _f === void 0 ? void 0 : _f.Locale : (this.Locale != null ? this.Locale : this.locale);
-            this.isPaged = (this.DataArray && this.DataArray.length > 0 && !this.Data) || (this.DataDtos && this.DataDtos.length > 0 && !!this.DataRetrieve);
-            this.log("Chart " + this.name + ": ngOnInit");
-        };
-        /**
-         * Implementazione utilizzata per controllare eventuali proprietà chiave del grafico e rigraficare tutto qualora si rivelasse necessario
-         *
-         * @param {SimpleChanges} changes Indicazione dei cambiamenti sulle proprietà del grafico. Vedere documentazione Angular in merito
-         */
-        BaseChartComponent.prototype.ngOnChanges = function (changes) {
-            if (!this.initDone)
-                return;
-            this.log("Chart " + this.name + ": ngOnChanges");
-            var propsToCheck = __spreadArray(["Timeline", "Legend", "Settings", "Animations", "Theme", "Locale"], __read(this.getSpecificPropertiesToCheck()));
-            this.checkPropertiesAndRegraphicateAsNeeded(changes, propsToCheck);
-        };
-        /**
-         * Nel post inizializzazione, a patto che mi trovi in ambiente "browser", proseguo al caricamento del grafico sull'HTML
-         */
-        BaseChartComponent.prototype.ngAfterViewInit = function () {
-            if (!this.name)
-                throw "a Unique name is mandatory to create a chart";
-            this.log("Chart " + this.name + ": ngAfterViewInit, graphicating chart outside Angular");
-            if (!this.isPaged)
-                this.dispatchLoadChart();
-        };
-        /**
-         * All'onDestroy scarico il grafico per liberare memoria
-         */
-        BaseChartComponent.prototype.ngOnDestroy = function () {
-            var _this = this;
-            if (this.Chart) {
-                this.log("Chart " + this.name + ": Unloading destroyed chart");
-                this.browserOnly(function () { _this.Chart.dispose(); _this.Dispatcher.deregisterGraph(_this.name); });
-            }
-            else
-                this.log("Chart " + this.name + ": Unloading uncreated chart component. It probably was a duplicated");
-        };
-        /**
-         * Registra il grafico attuale nel Dispatcher in modo che venga caricato appena possibile
-         */
-        BaseChartComponent.prototype.dispatchLoadChart = function () {
-            var _this = this;
-            this.browserOnly(function () {
-                _this.Dispatcher.register(_this.name, function () { return _this.loadChart(); });
-            });
-        };
-        /**
-         * Il caricamento del grafico funziona nel seguente modo:
-         *
-         * 1) Caricamento del tema e delle animazioni, qualora necessari
-         *
-         * 2) Caricamento delle impostazioni specifiche e integrazione con le impostazioni generiche
-         *
-         * 3) Graficazione
-         *
-         * 4) Caricamento del locale
-         */
-        BaseChartComponent.prototype.loadChart = function () {
-            var _this = this;
-            this.log("Chart " + this.name + ": Start loading Modules if needed");
-            return Promise.all([
-                this.setupAmChartsThemes().then(function () {
-                    _this.log("Chart " + _this.name + ": Graphicating after modules load");
-                    var castedSettings = _this.getCastedSettings();
-                    _this.fillSettings(castedSettings);
-                    _this.fillSpecificSettings(castedSettings);
-                    _this.ChartService = _this.graphicate(castedSettings);
-                    _this.Chart = _this.ChartService.ChartInstance;
-                    if (!_this.Chart)
-                        _this.log("Chart " + _this.name + ": Could not create graph");
-                    return _this.Charter.applyLocale(_this.Chart, _this.Locale).then(function () { return _this.initDone = true; });
-                })
-            ]);
-        };
-        /**
-         * Riempimento delle impostazioni nella classe Settings. Si danno priorità ai valori già impostati nei Settings,
-         * integrando eventualmente con le  proprietà del grafico
-         *
-         * @param {BaseSettings} settings Impostazioni base ricevute dalla specializzazione del grafico
-         */
-        BaseChartComponent.prototype.fillSettings = function (settings) {
-            var _this = this;
-            // Merge degli Input con i Settings, dando priorità ai Settings
-            var _a;
-            settings.Theme = settings.Theme ? settings.Theme : this.Theme;
-            settings.Locale = settings.Locale ? settings.Locale : this.Locale;
-            settings.Animations = settings.Animations != null ? settings.Animations : this.Animations;
-            settings.Legend = settings.Legend != null ? settings.Legend : this.Legend;
-            settings.Name = settings.Name ? settings.Name : this.name;
-            settings.Timeline = settings.Timeline != null ? settings.Timeline : this.Timeline;
-            settings.AdaptLabelSizeAndOrientation = settings.AdaptLabelSizeAndOrientation != null ? settings.AdaptLabelSizeAndOrientation : this.AdaptLabelSizeAndOrientation;
-            settings.XAxisTitle = settings.XAxisTitle ? settings.XAxisTitle : this.XTitle;
-            settings.YAxisTitle = settings.YAxisTitle ? settings.YAxisTitle : this.YTitle;
-            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 : (_a = this.LegendPadding) !== null && _a !== void 0 ? _a : null;
-            settings.ContainerHeight = this.el.nativeElement.parentElement.offsetHeight;
-            settings.OnSeriesClickCallback = function (series) { _this.onSeriesClicked.emit(series); };
-            settings.OnSelectionChangedCallback = function (event) { _this.onSelectionChanged.emit({ from: event.from, to: event.to, initial: event.initial }); };
-        };
-        /**
-         * Controlla i cambiamenti avvenuti alle proprietà chiave e rieffettua la graficazione qualora necessario
-         *
-         * @param {SimpleChanges} changes Indicazione della modifiche avvenute nei vari Input
-         * @param {string[]} propsToCheck Lista degli Input da controllare per cui una modifica causa una rigraficazione
-         */
-        BaseChartComponent.prototype.checkPropertiesAndRegraphicateAsNeeded = function (changes, propsToCheck) {
-            var toReGraphicate = false;
-            for (var i = 0; i < propsToCheck.length; i++)
-                toReGraphicate = toReGraphicate || (changes[propsToCheck[i]] && changes[propsToCheck[i]].currentValue);
-            if (toReGraphicate)
-                this.reloadChart();
-        };
-        /**
-         * Funzione che effettua un cambio di pagina per i grafici paginati. Qualora **data** fosse nullo significa che è iniziato un caricamento
-         * e anche lato applicativo il DataRetrieve dovrà considerare che l'assenza di valori non è altro che un'indicazione di inizio caricamento
-         *
-         * Il caricamento di qualsiasi pagina genererà comunque una primo evento con **data** nullo in modo da indicare l'inizio caricamento e
-         * in seconda istanza un altro evento in cui **data** sarà sempre valorizzato, o con il Dto da usare per recuperare i dati, o con i dati
-         * veri e propri già presenti nel **DataArray**
-         *
-         * I callback **onLoadStart** e **onLoadEnd** vengono sempre chiamati
-         *
-         * @param {{ data: LineChartData | PieChartData | Vertical2DChartData | VerticalChartData | any, index: number }} nd Indice del caricamento dati, con eventualmente già i dati se disponibili
-         */
-        BaseChartComponent.prototype.changePage = function (nd) {
-            var _this = this;
-            if (!nd.data) {
-                this.loadingChart = true;
-                // Serve per informare l'applicativo in listening sull'indice attualmente in visualizzazione. 
-                // La mancanza di dati indica che non devono essere effettuate ricerche per ora
-                if (this.DataRetrieve)
-                    this.DataRetrieve(null, nd.index);
-                this.onLoadStart.emit();
-                return;
-            }
-            if (this.DataRetrieve)
-                this.DataRetrieve(nd.data, nd.index).then(function (t) { _this.changePageDataReceived(t); });
-            else
-                this.changePageDataReceived(nd.data);
-        };
-        /**
-         * Al termine del caricamento dei dati di una pagina questo metodo viene chiamato per rigraficare la situazione con i nuovi dati
-         *
-         * @param {LineChartData | PieChartData | Vertical2DChartData | VerticalChartData | any} data Dati del grafico
-         */
-        BaseChartComponent.prototype.changePageDataReceived = function (data) {
-            this.loadingChart = false;
-            this.onLoadEnd.emit();
-            var firstBind = !this.Data;
-            this.Data = data;
-            if (!firstBind)
-                this.reloadChart();
-            else
-                this.dispatchLoadChart();
-        };
-        /**
-         * Ricarica il grafico distruggendo il vecchio e ricreando il nuovo
-         *
-         * Le chiamate a questo metodo possono essere trasformate in chiamate al metodo **graphicate** della Service, se solo quel metodo fosse abbastanza intelligente per capire
-         * le differenze fra il grafico com'era prima e come deve diventare, in modo da non ricrearlo ma semplicemente modificare quello che già è disegnato
-         */
-        BaseChartComponent.prototype.reloadChart = function () {
-            var _this = this;
-            this.browserOnly(function () {
-                if (!_this.Chart.isDisposed())
-                    _this.Chart.dispose();
-                _this.Dispatcher.deregisterGraph(_this.name);
-            });
-            this.Dispatcher.register(this.name, function () { return _this.loadChart(); });
-        };
-        /**
-         * Funzione che si occupa di caricare i temi necessari per il grafico in oggetto. Prima applica il tema, poi, se serve, applica le animazioni
-         */
-        BaseChartComponent.prototype.setupAmChartsThemes = function () {
-            var _this = this;
-            return Promise.all([
-                this.Charter.applyTheme(am4core__namespace, this.Theme).then(function () {
-                    return _this.Animations ? _this.Charter.applyAnimations(am4core__namespace) : _this.Charter.unapplyAnimations(am4core__namespace);
-                })
-            ]);
-        };
-        /**
-         * @ignore
-         */
-        BaseChartComponent.prototype.log = function (log) {
-            if (this.logs)
-                console.log("@esfaenza/es-charts: " + log);
-        };
-        /**
-         * @ignore
-         */
-        BaseChartComponent.prototype.browserOnly = function (f) {
-            if (common.isPlatformBrowser(this.platformId)) {
-                this.zone.runOutsideAngular(function () {
-                    f();
-                });
-            }
-        };
-        return BaseChartComponent;
-    }());
-    BaseChartComponent.decorators = [
-        { type: core.Directive }
-    ];
-    BaseChartComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: Object },
-        { type: core.NgZone },
-        { type: ChartLoader },
-        { type: ChartDispatcher },
-        { type: Boolean },
-        { type: Boolean },
-        { type: String },
-        { type: String }
-    ]; };
-    BaseChartComponent.propDecorators = {
-        XTitle: [{ type: core.Input }],
-        YTitle: [{ type: core.Input }],
-        Settings: [{ type: core.Input }],
-        Legend: [{ type: core.Input }],
-        LegendPosition: [{ type: core.Input }],
-        Timeline: [{ type: core.Input }],
-        name: [{ type: core.Input }],
-        Animations: [{ type: core.Input }],
-        Theme: [{ type: core.Input }],
-        Locale: [{ type: core.Input }],
-        HideSeriesOnLabelClick: [{ type: core.Input }],
-        MinGridDistance: [{ type: core.Input }],
-        AdaptLabelSizeAndOrientation: [{ type: core.Input }],
-        LegendPadding: [{ type: core.Input }],
-        DataDtos: [{ type: core.Input }],
-        DataDtoStartIndex: [{ type: core.Input }],
-        DataRetrieve: [{ type: core.Input }],
-        BrowseDelayMs: [{ type: core.Input }],
-        header_tr: [{ type: core.ContentChild, args: ['header', { static: false },] }],
-        loading_template: [{ type: core.ContentChild, args: ['loading', { static: false },] }],
-        onSelectionChanged: [{ type: core.Output }],
-        onSeriesClicked: [{ type: core.Output }],
-        onLoadStart: [{ type: core.Output }],
-        onLoadEnd: [{ type: core.Output }]
-    };
-
-    /**
-     * Classe il cui unico scopo è gestire il setup e rendering di un LineChart
-     */
-    var LineChartService = /** @class */ (function () {
-        /** @ignore */
-        function LineChartService(Adapter, dateExts) {
-            this.Adapter = Adapter;
-            this.dateExts = dateExts;
-            /** @ignore */
-            this.DataGroupBucketSize = 1500;
-            /** @ignore */
-            this.OpacityOnSelected = 0.3;
-            //******************** Funzione di throttling per non spammare richieste in caso di animazioni attivate
-            //TODO: spostarla in un metodo di utilità (esfaenza/extensions)
-            /** @ignore */
-            this.executionTimers = {};
-        }
-        /**
-         * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un LineChart
-         */
-        LineChartService.prototype.graphicate = function (data, settings) {
-            var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-            var dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
-            var threshold = (_a = settings.DataGroupingThreshold) !== null && _a !== void 0 ? _a : 3000;
-            var singleDataSet = (_b = settings.MergeDatasets) !== null && _b !== void 0 ? _b : false;
-            var showTicks = settings.ShowTicks == null ? true : settings === null || settings === void 0 ? void 0 : settings.ShowTicks;
-            var dataShouldBeGrouped = Math.max.apply(Math, __spreadArray([], __read(dataConverted.series.map(function (t) { return t.values.length; })))) > threshold;
-            var showTimeline = settings.Timeline || dataShouldBeGrouped;
-            var seriesWithInterval = dataConverted.series.some(function (t) { return t.interval; });
-            var interval = seriesWithInterval ? dataConverted.series.find(function (t) { return t.interval; }).interval : null;
-            var gapsAllowed = (settings === null || settings === void 0 ? void 0 : settings.AllowGaps) == null ? seriesWithInterval : settings === null || settings === void 0 ? void 0 : settings.AllowGaps;
-            var finalInstant = (_c = settings === null || settings === void 0 ? void 0 : settings.FinalInstants) !== null && _c !== void 0 ? _c : true;
-            var fill = (_d = settings === null || settings === void 0 ? void 0 : settings.Fill) !== null && _d !== void 0 ? _d : false;
-            //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-            am4core__namespace.options.autoDispose = true;
-            this.ChartInstance = am4core__namespace.create(settings.Name, am4charts__namespace.XYChart);
-            var ChartInstanceCasted = this.ChartInstance;
-            var yAxis = ChartInstanceCasted.yAxes.push(new am4charts__namespace.ValueAxis());
-            if (settings.YAxisTitle) {
-                yAxis.title.text = settings.YAxisTitle;
-                yAxis.title.fontWeight = "bold";
-            }
-            if (settings.Min)
-                yAxis.min = settings.Min;
-            if (settings.Max)
-                yAxis.max = settings.Max;
-            var dateAxis = ChartInstanceCasted.xAxes.push(new am4charts__namespace.DateAxis());
-            if (settings.XAxisTitle) {
-                dateAxis.title.text = settings.XAxisTitle;
-                dateAxis.title.fontWeight = "bold";
-            }
-            if (showTicks) {
-                dateAxis.renderer.ticks.template.disabled = false;
-                dateAxis.renderer.ticks.template.strokeOpacity = 1;
-                dateAxis.renderer.ticks.template.stroke = am4core__namespace.color("#495C43");
-                dateAxis.renderer.ticks.template.strokeWidth = 2;
-                dateAxis.renderer.ticks.template.length = 10;
-                dateAxis.renderer.ticks.template.location = 0;
-            }
-            dateAxis.renderer.minGridDistance = (_e = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _e !== void 0 ? _e : 50;
-            dateAxis.renderer.grid.template.location = 0;
-            dateAxis.minZoomCount = 5;
-            dateAxis.groupData = dataShouldBeGrouped;
-            dateAxis.groupCount = (_f = settings.DataGroupBucketSize) !== null && _f !== void 0 ? _f : 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: interval.timeunit };
-            }
-            if (showTimeline)
-                ChartInstanceCasted.scrollbarX = new am4charts__namespace.XYChartScrollbar();
-            var seriesToPush = [];
-            var seriesColors = [];
-            var defaultIndex = 0;
-            //-- Generazione di un unico dataset invece che N, per poter gestire un unico tooltip
-            if (singleDataSet) {
-                var dto_1 = {};
-                dataConverted.series.forEach(function (vs, index) {
-                    for (var i = 0; i < vs.values.length; i++) {
-                        var dataitem = vs.values[i];
-                        var indexer = new Date(dataitem.d).valueOf();
-                        if (!dto_1[indexer])
-                            dto_1[indexer] = {};
-                        dto_1[indexer]['v' + index] = dataitem.v;
-                    }
-                });
-                var dates = Object.keys(dto_1);
-                var singleDS = [];
-                for (var i = 0; i < dates.length; i++) {
-                    var values = dto_1[dates[i]];
-                    var item = { d: new Date(parseInt(dates[i])) };
-                    var vals = Object.keys(values);
-                    for (var ii = 0; ii < vals.length; ii++) {
-                        var series = vals[ii];
-                        var singleVal = values[series];
-                        item[series] = singleVal;
-                    }
-                    singleDS.push(item);
-                }
-                this.ChartInstance.data = singleDS;
-                dateAxis.cursorTooltipEnabled = false;
-            }
-            //-- Fine generazione
-            dataConverted.series.forEach(function (s, index) {
-                var _a, _b;
-                if (s.values[0] && !(s.values[0].d instanceof Date)) {
-                    for (var v = 0; v < s.values.length; v++)
-                        s.values[v].d = new Date(s.values[v].d);
-                }
-                var correctOrder = true;
-                var prevDate = null;
-                for (var 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(function (d1, d2) { return d1.d.getTime() - d2.d.getTime(); });
-                var series = (settings === null || settings === void 0 ? void 0 : settings.Step) ? new am4charts__namespace.StepLineSeries() : new am4charts__namespace.LineSeries();
-                series.dataFields.valueY = "v" + (singleDataSet ? index : "");
-                series.dataFields.dateX = "d";
-                series.dataFields.measureUnit = s.uom;
-                series.name = s.name;
-                series.strokeWidth = (_a = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _a !== void 0 ? _a : 1;
-                series.connect = !gapsAllowed;
-                series.minBulletDistance = 10;
-                series.tooltipText = singleDataSet ? "" : "{name}: [bold]{valueY}[/]";
-                series.tooltip.pointerOrientation = "vertical";
-                series.tooltip.background.fillOpacity = 0.5;
-                series.tooltip.label.padding(12, 12, 12, 12);
-                series.fillOpacity = fill ? 1 : 0.0001;
-                series.stacked = fill;
-                //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 (singleDataSet) {
-                    series.tooltip.getFillFromObject = false;
-                    series.tooltip.background.fill = am4core__namespace.color("#eee");
-                    series.tooltip.label.fill = am4core__namespace.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 = function (source) {
-                        if (interval && finalInstant) {
-                            var 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, false, interval ? interval.timeunit == "second" : false);
-                    };
-                    series.adapter.add("tooltipText", function () {
-                        var text = "[bold]{dateX.formatDate()}[/]\n";
-                        _this.ChartInstance.series.each(function (item) {
-                            var uom = " [font-style: italic]" + series.dataFields.measureUnit || "" + "[/]";
-                            text += "[" + item.stroke.hex + "]●[/] " + item.name + ": [bold]{" + item.dataFields.valueY + "}[/]" + uom + "\n";
-                        });
-                        return text;
-                    });
-                }
-                else
-                    series.data = s.values;
-                var segment = series.segments.template;
-                var hoverState = segment.states.create("hover");
-                hoverState.properties.strokeWidth = ((_b = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _b !== void 0 ? _b : 1) + 1;
-                var dimmed = segment.states.create("dimmed");
-                dimmed.properties.stroke = am4core__namespace.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__namespace.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(function (s) {
-                ChartInstanceCasted.series.push(s);
-                if (showTimeline)
-                    ChartInstanceCasted.scrollbarX.series.push(s);
-            });
-            if (settings.Legend) {
-                this.ChartInstance.legend = new am4charts__namespace.Legend();
-                this.ChartInstance.legend.position = (_g = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _g !== void 0 ? _g : 'right';
-                this.ChartInstance.legend.scrollable = true;
-                this.ChartInstance.legend.itemContainers.template.tooltipText = "{name}";
-                this.ChartInstance.legend.itemContainers.template.events.on("over", function (event) { _this.processOver(event.target.dataItem.dataContext, fill); });
-                this.ChartInstance.legend.itemContainers.template.events.on("out", function (event) { _this.processOut(fill); });
-                if (settings.LegendPadding) {
-                    var template = this.ChartInstance.legend.itemContainers.template;
-                    template.paddingTop = (_h = settings.LegendPadding.top) !== null && _h !== void 0 ? _h : 0;
-                    template.paddingBottom = (_j = settings.LegendPadding.bottom) !== null && _j !== void 0 ? _j : 0;
-                    template.paddingLeft = (_k = settings.LegendPadding.left) !== null && _k !== void 0 ? _k : 0;
-                    template.paddingRight = (_l = settings.LegendPadding.right) !== null && _l !== void 0 ? _l : 0;
-                }
-            }
-            this.ChartInstance.cursor = new am4charts__namespace.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;
-            if (singleDataSet)
-                this.ChartInstance.cursor.maxTooltipDistance = -1;
-            //TODO: Cercare di capire perché è figlio di puttana......
-            dateAxis.events.on("startchanged", function (t) { return _this.emitSelectionChanged(t, settings); });
-            dateAxis.events.on("endchanged", function (t) { return _this.emitSelectionChanged(t, settings); });
-            return this;
-        };
-        /** @ignore */
-        LineChartService.prototype.refreshData = function (data) {
-            //TODO:IMPL
-        };
-        /** @ignore */
-        LineChartService.prototype.emitSelectionChanged = function (ev, settings) {
-            if (settings.OnSelectionChangedCallback) {
-                this.throttla("selchange", function () {
-                    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);
-            }
-        };
-        /** @ignore */
-        LineChartService.prototype.processOver = function (hoveredSeries, fill) {
-            var _this = this;
-            hoveredSeries.toFront();
-            hoveredSeries.segments.each(function (segment) {
-                segment.setState("hover");
-                if (!fill)
-                    segment.fillSprite.fillOpacity = _this.OpacityOnSelected;
-            });
-            if (!fill)
-                hoveredSeries.legendDataItem.marker.children.getIndex(1).fillOpacity = this.OpacityOnSelected;
-            this.ChartInstance.series.each(function (series) {
-                if (series != hoveredSeries)
-                    series.segments.each(function (segment) {
-                        segment.setState("dimmed");
-                        if (!fill)
-                            segment.fillSprite.fillOpacity = 0;
-                    });
-            });
-        };
-        /** @ignore */
-        LineChartService.prototype.processOut = function (fill) {
-            this.ChartInstance.series.each(function (series) {
-                series.segments.each(function (segment) {
-                    segment.setState("default");
-                    if (!fill)
-                        segment.fillSprite.fillOpacity = 0;
-                });
-                if (!fill)
-                    series.legendDataItem.marker.children.getIndex(1).fillOpacity = 0;
-            });
-        };
-        /** @ignore */
-        LineChartService.prototype.throttla = function (id, func, throttleTime) {
-            var _this = this;
-            //Se ho la funzione che vuole eseguire ripulisco quel timeout
-            if (this.executionTimers[id])
-                clearTimeout(this.executionTimers[id]);
-            //Ricreo il timeout per eseguire quella funzione dopo throttleTime millisecondi
-            this.executionTimers[id] = setTimeout(function () { func(); _this.executionTimers[id] = null; }, throttleTime);
-        };
-        return LineChartService;
-    }());
-
-    /**
-     * Classe il cui unico scopo è gestire il setup e rendering di un AreaChart
-     */
-    var AreaChartService = /** @class */ (function () {
-        /** @ignore */
-        function AreaChartService(Adapter) {
-            this.Adapter = Adapter;
-            //******************** Funzione di throttling per non spammare richieste in caso di animazioni attivate
-            //TODO: spostarla in un metodo di utilità (esfaenza/extensions)
-            /** @ignore */
-            this.executionTimers = {};
-        }
-        /**
-         * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un AreaChart
-         */
-        AreaChartService.prototype.graphicate = function (data, settings) {
-            var _this = this;
-            var _a, _b, _c, _d, _e, _f;
-            if (settings.Timeline) {
-                console.error("Timeline not supported for area chart");
-                return null;
-            }
-            var dataConverted = this.Adapter ? this.Adapter.adaptDataForAreaChart(data) : data;
-            var showTicks = settings.ShowTicks == null ? true : settings === null || settings === void 0 ? void 0 : settings.ShowTicks;
-            var interval = dataConverted.interval;
-            //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-            am4core__namespace.options.autoDispose = true;
-            this.ChartInstance = am4core__namespace.create(settings.Name, am4charts__namespace.XYChart);
-            var ChartInstanceCasted = this.ChartInstance;
-            if (settings.Legend) {
-                ChartInstanceCasted.legend = new am4charts__namespace.Legend();
-                ChartInstanceCasted.legend.position = (_a = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _a !== void 0 ? _a : 'right';
-                ChartInstanceCasted.legend.itemContainers.template.tooltipText = "{category}";
-                if (settings.LegendPadding) {
-                    var template = this.ChartInstance.legend.itemContainers.template;
-                    template.paddingTop = (_b = settings.LegendPadding.top) !== null && _b !== void 0 ? _b : 0;
-                    template.paddingBottom = (_c = settings.LegendPadding.bottom) !== null && _c !== void 0 ? _c : 0;
-                    template.paddingLeft = (_d = settings.LegendPadding.left) !== null && _d !== void 0 ? _d : 0;
-                    template.paddingRight = (_e = settings.LegendPadding.right) !== null && _e !== void 0 ? _e : 0;
-                }
-            }
-            var yAxis = ChartInstanceCasted.yAxes.push(new am4charts__namespace.ValueAxis());
-            yAxis.tooltip.disabled = true;
-            if (settings.YAxisTitle) {
-                yAxis.title.text = settings.YAxisTitle;
-                yAxis.title.fontWeight = "bold";
-            }
-            yAxis.min = 0;
-            var dateAxis = ChartInstanceCasted.xAxes.push(new am4charts__namespace.DateAxis());
-            dateAxis.renderer.minGridDistance = (_f = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _f !== void 0 ? _f : 50;
-            dateAxis.startLocation = 0.5;
-            dateAxis.endLocation = 0.5;
-            if (settings.XAxisTitle) {
-                dateAxis.title.text = settings.XAxisTitle;
-                dateAxis.title.fontWeight = "bold";
-            }
-            if (showTicks) {
-                dateAxis.renderer.ticks.template.disabled = false;
-                dateAxis.renderer.ticks.template.strokeOpacity = 1;
-                dateAxis.renderer.ticks.template.stroke = am4core__namespace.color("#495C43");
-                dateAxis.renderer.ticks.template.strokeWidth = 2;
-                dateAxis.renderer.ticks.template.length = 10;
-                dateAxis.renderer.ticks.template.location = 0;
-            }
-            if (!!interval)
-                dateAxis.baseInterval = { count: interval.count, timeUnit: interval.timeunit };
-            // Unisco il dataset e tiro fuori i dati
-            var chartData = [];
-            var seriesToMakeCache = {};
-            var seriesToMake = [];
-            for (var i = 0; i < dataConverted.groups.length; i++) {
-                var group = dataConverted.groups[i];
-                var dataItem = { date: group.name };
-                for (var ii = 0; ii < group.values.length; ii++) {
-                    var val = group.values[ii];
-                    dataItem[val.k] = val.v;
-                    if (!seriesToMakeCache[val.k]) {
-                        seriesToMakeCache[val.k] = true;
-                        seriesToMake.push(val.k);
-                    }
-                }
-                chartData.push(dataItem);
-            }
-            ChartInstanceCasted.data = chartData;
-            //---------------------------------------------------------
-            seriesToMake.forEach(function (s) { _this.createSeries(ChartInstanceCasted, s); });
-            ChartInstanceCasted.cursor = new am4charts__namespace.XYCursor();
-            ChartInstanceCasted.cursor.xAxis = dateAxis;
-            dateAxis.events.on("startchanged", function (t) { return _this.emitSelectionChanged(t, settings); });
-            dateAxis.events.on("endchanged", function (t) { return _this.emitSelectionChanged(t, settings); });
-            return this;
-        };
-        /** @ignore */
-        AreaChartService.prototype.refreshData = function (data) {
-            //TODO:IMPL
-        };
-        /** @ignore */
-        AreaChartService.prototype.emitSelectionChanged = function (ev, settings) {
-            if (settings.OnSelectionChangedCallback) {
-                this.throttla("selchange", function () {
-                    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);
-            }
-        };
-        /** @ignore */
-        AreaChartService.prototype.createSeries = function (chart, name) {
-            var series = chart.series.push(new am4charts__namespace.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;
-            return series;
-        };
-        /** @ignore */
-        AreaChartService.prototype.throttla = function (id, func, throttleTime) {
-            var _this = this;
-            //Se ho la funzione che vuole eseguire ripulisco quel timeout
-            if (this.executionTimers[id])
-                clearTimeout(this.executionTimers[id]);
-            //Ricreo il timeout per eseguire quella funzione dopo throttleTime millisecondi
-            this.executionTimers[id] = setTimeout(function () { func(); _this.executionTimers[id] = null; }, throttleTime);
-        };
-        return AreaChartService;
-    }());
-
-    /**
-     * Classe il cui unico scopo è gestire il setup e rendering di un PieChart
-     */
-    var PieChartService = /** @class */ (function () {
-        /** @ignore */
-        function PieChartService(Adapter) {
-            this.Adapter = Adapter;
-            /** @ignore */
-            this.ViewAbsoluteValues = true;
-        }
-        /**
-         * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un PieChart
-         */
-        PieChartService.prototype.graphicate = function (data, settings) {
-            var _a, _b, _c, _d;
-            if (settings.Timeline) {
-                console.error("Timeline not supported for pie chart");
-                return null;
-            }
-            //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-            am4core__namespace.options.autoDispose = true;
-            this.ChartInstance = am4core__namespace.create(settings.Name, settings.Mode3D ? am4charts__namespace.PieChart3D : am4charts__namespace.PieChart);
-            this.ChartInstance.innerRadius = ((settings.DonutRadiusPercentage || 15) / 100) * settings.ContainerHeight;
-            var series = this.ChartInstance.series.push(settings.Mode3D ? new am4charts__namespace.PieSeries3D() : new am4charts__namespace.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}[/]";
-            }
-            series.slices.template.stroke = am4core__namespace.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;
-            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.slices.template.events.on("hit", function (ev) {
-                if (settings.OnSeriesClickCallback) {
-                    var clickedSeries = ev.target.dataItem.dataContext.k;
-                    settings.OnSeriesClickCallback(clickedSeries);
-                }
-            });
-            var dataConverted = this.Adapter ? this.Adapter.adaptDataForPieChart(data) : data;
-            var defaultIndex = 0;
-            for (var 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++;
-                }
-                else
-                    dataConverted.values[i].c = am4core__namespace.color(dataConverted.values[i].c);
-            }
-            series.slices.template.propertyFields.fill = "c";
-            this.ChartInstance.data = dataConverted.values;
-            if (!settings.LabelsVisible) {
-                series.labels.template.disabled = true;
-                series.ticks.template.disabled = true;
-            }
-            else if (settings.LabelsWrap || settings.LabelsTruncate) {
-                series.labels.template.maxWidth = settings.LabelsWidth || 100;
-                if (settings.LabelsWrap)
-                    series.labels.template.wrap = true;
-                else if (settings.LabelsTruncate)
-                    series.labels.template.truncate = true;
-            }
-            if (settings.Legend) {
-                var legend = new am4charts__namespace.Legend();
-                this.ChartInstance.legend = legend;
-                legend.position = (settings === null || settings === void 0 ? void 0 : 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", function (ev) {
-                        if (settings.OnSeriesClickCallback) {
-                            var clickedSeries = ev.target.dataItem.dataContext.legendDataItem.name;
-                            settings.OnSeriesClickCallback(clickedSeries);
-                        }
-                    });
-                }
-                if (settings.LegendPadding) {
-                    var template = this.ChartInstance.legend.itemContainers.template;
-                    template.paddingTop = (_a = settings.LegendPadding.top) !== null && _a !== void 0 ? _a : 0;
-                    template.paddingBottom = (_b = settings.LegendPadding.bottom) !== null && _b !== void 0 ? _b : 0;
-                    template.paddingLeft = (_c = settings.LegendPadding.left) !== null && _c !== void 0 ? _c : 0;
-                    template.paddingRight = (_d = settings.LegendPadding.right) !== null && _d !== void 0 ? _d : 0;
-                }
-            }
-            return this;
-        };
-        /** @ignore */
-        PieChartService.prototype.refreshData = function (data) {
-            //TODO:IMPL
-        };
-        /** @ignore */
-        PieChartService.prototype.hideZeroes = function (ev) {
-            if (ev.target.dataItem && (ev.target.dataItem.values.value.percent == 0))
-                ev.target.hide();
-            else
-                ev.target.show();
-        };
-        return PieChartService;
-    }());
-
-    /**
-     * Classe il cui unico scopo è gestire il setup e rendering di un Vertical2DChart
-     */
-    var Vertical2DChartService = /** @class */ (function () {
-        /** @ignore */
-        function Vertical2DChartService(Adapter) {
-            this.Adapter = Adapter;
-            /** @ignore */
-            this.DefaultGroupPaddingPercentage = 5;
-            /** @ignore */
-            this.dangerZone = 50;
-            /** @ignore */
-            this.LabelWidth = 150;
-            /** @ignore */
-            this.LabelRightWhenCompressed = 20;
-            /** @ignore */
-            this.LabelTopWhenCompressed = -5;
-            /** @ignore */
-            this.DefaultColumnWidthPercentage = 85;
-        }
-        /**
-         * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un Vertical2DChart
-         */
-        Vertical2DChartService.prototype.graphicate = function (data, settings) {
-            var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            if (settings.Timeline) {
-                console.error("Timeline not supported for vertical chart");
-                return null;
-            }
-            //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-            am4core__namespace.options.autoDispose = true;
-            this.ChartInstance = am4core__namespace.create(settings.Name, am4charts__namespace.XYChart);
-            var ChartInstanceCasted = this.ChartInstance;
-            if (settings.Legend) {
-                ChartInstanceCasted.legend = new am4charts__namespace.Legend();
-                ChartInstanceCasted.legend.position = (_a = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _a !== void 0 ? _a : 'right';
-                ChartInstanceCasted.legend.itemContainers.template.tooltipText = "{category}";
-                if (settings.LegendPadding) {
-                    var template = this.ChartInstance.legend.itemContainers.template;
-                    template.paddingTop = (_b = settings.LegendPadding.top) !== null && _b !== void 0 ? _b : 0;
-                    template.paddingBottom = (_c = settings.LegendPadding.bottom) !== null && _c !== void 0 ? _c : 0;
-                    template.paddingLeft = (_d = settings.LegendPadding.left) !== null && _d !== void 0 ? _d : 0;
-                    template.paddingRight = (_e = settings.LegendPadding.right) !== null && _e !== void 0 ? _e : 0;
-                }
-            }
-            var yAxis = ChartInstanceCasted.yAxes.push(new am4charts__namespace.ValueAxis());
-            if (settings.YAxisTitle) {
-                yAxis.title.text = settings.YAxisTitle;
-                yAxis.title.fontWeight = "bold";
-            }
-            var categoryAxis = ChartInstanceCasted.xAxes.push(new am4charts__namespace.CategoryAxis());
-            if (settings.XAxisTitle) {
-                categoryAxis.title.text = settings.XAxisTitle;
-                categoryAxis.title.fontWeight = "bold";
-            }
-            yAxis.min = 0;
-            categoryAxis.dataFields.category = 'key';
-            categoryAxis.renderer.cellStartLocation = am4core__namespace.percent((_f = settings.GroupPaddingPercentage) !== null && _f !== void 0 ? _f : this.DefaultGroupPaddingPercentage).value;
-            categoryAxis.renderer.cellEndLocation = am4core__namespace.percent(100 - ((_g = settings.GroupPaddingPercentage) !== null && _g !== void 0 ? _g : this.DefaultGroupPaddingPercentage)).value;
-            categoryAxis.renderer.grid.template.location = 0;
-            categoryAxis.renderer.minGridDistance = (_h = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _h !== void 0 ? _h : 30;
-            var label = categoryAxis.renderer.labels.template;
-            label.truncate = true;
-            label.maxWidth = (_j = settings.LabelWidth) !== null && _j !== void 0 ? _j : this.LabelWidth;
-            label.tooltipText = "{category}";
-            if ((settings === null || settings === void 0 ? void 0 : settings.AdaptLabelSizeAndOrientation) == null ? true : settings === null || settings === void 0 ? void 0 : settings.AdaptLabelSizeAndOrientation) {
-                categoryAxis.events.on("sizechanged", function (ev) {
-                    var _a, _b, _c;
-                    var axis = ev.target;
-                    var cellWidth = axis.pixelWidth / (axis.endIndex - axis.startIndex);
-                    if (cellWidth < axis.renderer.labels.template.maxWidth) {
-                        var areWeInDangerZone = cellWidth < ((_a = settings === null || settings === void 0 ? void 0 : settings.LabelVerticalOrientationCutoffWidth) !== null && _a !== void 0 ? _a : _this.dangerZone);
-                        axis.renderer.labels.template.rotation = areWeInDangerZone ? -90 : -45;
-                        axis.renderer.labels.template.dx = ((_b = settings.LabelRightWhenCompressed) !== null && _b !== void 0 ? _b : areWeInDangerZone) ? 0 : _this.LabelRightWhenCompressed;
-                        axis.renderer.labels.template.dy = (_c = settings.LabelTopWhenCompressed) !== null && _c !== void 0 ? _c : _this.LabelTopWhenCompressed;
-                        axis.renderer.labels.template.horizontalCenter = "right";
-                        axis.renderer.labels.template.verticalCenter = "middle";
-                    }
-                    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";
-                    }
-                });
-            }
-            var dataPreConverted = this.Adapter ? this.Adapter.adaptDataForVertical2DChart(data) : data;
-            var dataConverted = [];
-            for (var i = 0; i < dataPreConverted.groups.length; i++) {
-                var item = dataPreConverted.groups[i];
-                var obj = { key: item.name };
-                for (var p = 0; p < item.values.length; p++) {
-                    var value = item.values[p];
-                    obj[value.k] = value.v;
-                }
-                dataConverted.push(obj);
-            }
-            ChartInstanceCasted.data = dataConverted;
-            if (dataPreConverted.colorInfos)
-                ChartInstanceCasted.colors.list = dataPreConverted.colorInfos.map(function (c) { return am4core__namespace.color(c.color); });
-            //Prendo la prima categoria e mi baso sulle proprietà per dfeinire le serie
-            for (var prop in dataConverted[0])
-                if (prop !== "key")
-                    this.createSeries(ChartInstanceCasted, settings, prop, prop);
-            return this;
-        };
-        /** @ignore */
-        Vertical2DChartService.prototype.refreshData = function (data) {
-            //TODO:IMPL
-        };
-        /** @ignore */
-        Vertical2DChartService.prototype.createSeries = function (chart, settings, value, name) {
-            var _this = this;
-            var _a;
-            var series = chart.series.push(new am4charts__namespace.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__namespace.percent((_a = settings.ColumnWidthPercentage) !== null && _a !== void 0 ? _a : this.DefaultColumnWidthPercentage);
-            series.events.on("hidden", function () { return _this.arrangeColumns; });
-            series.events.on("shown", function () { return _this.arrangeColumns; });
-            return series;
-        };
-        /** @ignore */
-        Vertical2DChartService.prototype.arrangeColumns = function () {
-            var ChartInstanceCasted = this.ChartInstance;
-            var series = ChartInstanceCasted.series.getIndex(0);
-            var xAxis = ChartInstanceCasted.xAxes.getIndex(0);
-            var w = 1 - xAxis.renderer.cellStartLocation - (1 - xAxis.renderer.cellEndLocation);
-            if (series.dataItems.length > 1) {
-                var x0 = xAxis.getX(series.dataItems.getIndex(0), "categoryX");
-                var x1 = xAxis.getX(series.dataItems.getIndex(1), "categoryX");
-                var delta_1 = ((x1 - x0) / ChartInstanceCasted.series.length) * w;
-                if (am4core__namespace.isNumber(delta_1)) {
-                    var middle_1 = ChartInstanceCasted.series.length / 2;
-                    var newIndex_1 = 0;
-                    ChartInstanceCasted.series.each(function (series) {
-                        if (!series.isHidden && !series.isHiding) {
-                            series.dummyData = newIndex_1;
-                            newIndex_1++;
-                        }
-                        else {
-                            series.dummyData = ChartInstanceCasted.series.indexOf(series);
-                        }
-                    });
-                    var visibleCount = newIndex_1;
-                    var newMiddle_1 = visibleCount / 2;
-                    ChartInstanceCasted.series.each(function (series) {
-                        var trueIndex = ChartInstanceCasted.series.indexOf(series);
-                        var newIndex = series.dummyData;
-                        var dx = (newIndex - trueIndex + middle_1 - newMiddle_1) * delta_1;
-                        series.animate({ property: "dx", to: dx }, series.interpolationDuration, series.interpolationEasing);
-                        series.bulletsContainer.animate({ property: "dx", to: dx }, series.interpolationDuration, series.interpolationEasing);
-                    });
-                }
-            }
-        };
-        return Vertical2DChartService;
-    }());
-
-    /**
-     * Classe il cui unico scopo è gestire il setup e rendering di un VerticalChart
-     */
-    var VerticalChartService = /** @class */ (function () {
-        /** @ignore */
-        function VerticalChartService(Adapter) {
-            this.Adapter = Adapter;
-            /** @ignore */
-            this.dangerZone = 50;
-            /** @ignore */
-            this.LabelWidth = 150;
-            /** @ignore */
-            this.LabelRightWhenCompressed = 20;
-            /** @ignore */
-            this.LabelTopWhenCompressed = -5;
-            /** @ignore */
-            this.DefaultColumnWidthPercentage = 85;
-        }
-        /**
-         * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un VerticalChart
-         */
-        VerticalChartService.prototype.graphicate = function (data, settings) {
-            var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h;
-            if (settings.Timeline) {
-                console.error("Timeline not supported for vertical chart");
-                return null;
-            }
-            //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-            am4core__namespace.options.autoDispose = true;
-            this.ChartInstance = am4core__namespace.create(settings.Name, am4charts__namespace.XYChart);
-            var ChartInstanceCasted = this.ChartInstance;
-            var dataConverted = this.Adapter ? this.Adapter.adaptDataForVerticalChart(data) : data;
-            ChartInstanceCasted.data = dataConverted.values;
-            if (settings.Legend) {
-                ChartInstanceCasted.legend = new am4charts__namespace.Legend();
-                ChartInstanceCasted.legend.position = (_a = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _a !== void 0 ? _a : 'right';
-                ChartInstanceCasted.legend.itemContainers.template.tooltipText = "{category}";
-                if (settings.LegendPadding) {
-                    var template = this.ChartInstance.legend.itemContainers.template;
-                    template.paddingTop = (_b = settings.LegendPadding.top) !== null && _b !== void 0 ? _b : 0;
-                    template.paddingBottom = (_c = settings.LegendPadding.bottom) !== null && _c !== void 0 ? _c : 0;
-                    template.paddingLeft = (_d = settings.LegendPadding.left) !== null && _d !== void 0 ? _d : 0;
-                    template.paddingRight = (_e = settings.LegendPadding.right) !== null && _e !== void 0 ? _e : 0;
-                }
-            }
-            var yAxis = ChartInstanceCasted.yAxes.push(new am4charts__namespace.ValueAxis());
-            if (settings.YAxisTitle) {
-                yAxis.title.text = settings.YAxisTitle;
-                yAxis.title.fontWeight = "bold";
-            }
-            var categoryAxis = ChartInstanceCasted.xAxes.push(new am4charts__namespace.CategoryAxis());
-            if (settings.XAxisTitle) {
-                categoryAxis.title.text = settings.XAxisTitle;
-                categoryAxis.title.fontWeight = "bold";
-            }
-            categoryAxis.dataFields.category = "k";
-            categoryAxis.renderer.grid.template.location = 0;
-            categoryAxis.renderer.minGridDistance = (_f = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _f !== void 0 ? _f : 30;
-            var label = categoryAxis.renderer.labels.template;
-            label.truncate = true;
-            label.maxWidth = (_g = settings.LabelWidth) !== null && _g !== void 0 ? _g : this.LabelWidth;
-            label.tooltipText = "{category}";
-            if ((settings === null || settings === void 0 ? void 0 : settings.AdaptLabelSizeAndOrientation) == null ? true : settings === null || settings === void 0 ? void 0 : settings.AdaptLabelSizeAndOrientation) {
-                categoryAxis.events.on("sizechanged", function (ev) {
-                    var _a, _b, _c;
-                    var axis = ev.target;
-                    var cellWidth = axis.pixelWidth / (axis.endIndex - axis.startIndex);
-                    if (cellWidth < axis.renderer.labels.template.maxWidth) {
-                        var areWeInDangerZone = cellWidth < ((_a = settings === null || settings === void 0 ? void 0 : settings.LabelVerticalOrientationCutoffWidth) !== null && _a !== void 0 ? _a : _this.dangerZone);
-                        axis.renderer.labels.template.rotation = areWeInDangerZone ? -90 : -45;
-                        axis.renderer.labels.template.dx = ((_b = settings.LabelRightWhenCompressed) !== null && _b !== void 0 ? _b : areWeInDangerZone) ? 0 : _this.LabelRightWhenCompressed;
-                        axis.renderer.labels.template.dy = (_c = settings.LabelTopWhenCompressed) !== null && _c !== void 0 ? _c : _this.LabelTopWhenCompressed;
-                        axis.renderer.labels.template.horizontalCenter = "right";
-                        axis.renderer.labels.template.verticalCenter = "middle";
-                    }
-                    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";
-                    }
-                });
-            }
-            // Create series
-            var series = ChartInstanceCasted.series.push(new am4charts__namespace.ColumnSeries());
-            series.dataFields.valueY = "v";
-            series.dataFields.categoryX = "k";
-            series.name = "";
-            series.columns.template.tooltipText = "{categoryX}: [bold]{valueY}[/]";
-            series.columns.template.fillOpacity = .8;
-            series.columns.template.width = am4core__namespace.percent((_h = settings.ColumnWidthPercentage) !== null && _h !== void 0 ? _h : this.DefaultColumnWidthPercentage);
-            var columnTemplate = series.columns.template;
-            columnTemplate.strokeWidth = 2;
-            columnTemplate.strokeOpacity = 1;
-            return this;
-        };
-        /** @ignore */
-        VerticalChartService.prototype.refreshData = function (data) {
-            //TODO:IMPL
-        };
-        return VerticalChartService;
-    }());
-
-    /**
-     * Classe il cui unico scopo è gestire il setup e rendering di un VerticalStackedChart
-     */
-    var VerticalStackedChartService = /** @class */ (function () {
-        /** @ignore */
-        function VerticalStackedChartService(Adapter) {
-            this.Adapter = Adapter;
-            /** @ignore */
-            this.dangerZone = 50;
-            /** @ignore */
-            this.LabelWidth = 150;
-            /** @ignore */
-            this.LabelRightWhenCompressed = 20;
-            /** @ignore */
-            this.LabelTopWhenCompressed = -5;
-            /** @ignore */
-            this.DefaultColumnWidthPercentage = 85;
-        }
-        /**
-         * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un VerticalStackedChart
-         */
-        VerticalStackedChartService.prototype.graphicate = function (data, settings) {
-            var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g;
-            if (settings.Timeline) {
-                console.error("Timeline not supported for vertical chart");
-                return null;
-            }
-            //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
-            am4core__namespace.options.autoDispose = true;
-            this.ChartInstance = am4core__namespace.create(settings.Name, am4charts__namespace.XYChart);
-            var ChartInstanceCasted = this.ChartInstance;
-            // Create axes 
-            var yAxis = ChartInstanceCasted.yAxes.push(new am4charts__namespace.ValueAxis());
-            if (settings.YAxisTitle) {
-                yAxis.title.text = settings.YAxisTitle;
-                yAxis.title.fontWeight = "bold";
-            }
-            var categoryAxis = ChartInstanceCasted.xAxes.push(new am4charts__namespace.CategoryAxis());
-            if (settings.XAxisTitle) {
-                categoryAxis.title.text = settings.XAxisTitle;
-                categoryAxis.title.fontWeight = "bold";
-            }
-            yAxis.min = 0;
-            categoryAxis.dataFields.category = "key";
-            categoryAxis.renderer.grid.template.location = 0;
-            categoryAxis.renderer.minGridDistance = (_a = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _a !== void 0 ? _a : 30;
-            var label = categoryAxis.renderer.labels.template;
-            label.truncate = true;
-            label.maxWidth = (_b = settings.LabelWidth) !== null && _b !== void 0 ? _b : this.LabelWidth;
-            label.tooltipText = "{category}";
-            if ((settings === null || settings === void 0 ? void 0 : settings.AdaptLabelSizeAndOrientation) == null ? true : settings === null || settings === void 0 ? void 0 : settings.AdaptLabelSizeAndOrientation) {
-                categoryAxis.events.on("sizechanged", function (ev) {
-                    var _a, _b, _c;
-                    var axis = ev.target;
-                    var cellWidth = axis.pixelWidth / (axis.endIndex - axis.startIndex);
-                    if (cellWidth < axis.renderer.labels.template.maxWidth) {
-                        var areWeInDangerZone = cellWidth < ((_a = settings === null || settings === void 0 ? void 0 : settings.LabelVerticalOrientationCutoffWidth) !== null && _a !== void 0 ? _a : _this.dangerZone);
-                        axis.renderer.labels.template.rotation = areWeInDangerZone ? -90 : -45;
-                        axis.renderer.labels.template.dx = ((_b = settings.LabelRightWhenCompressed) !== null && _b !== void 0 ? _b : areWeInDangerZone) ? 0 : _this.LabelRightWhenCompressed;
-                        axis.renderer.labels.template.dy = (_c = settings.LabelTopWhenCompressed) !== null && _c !== void 0 ? _c : _this.LabelTopWhenCompressed;
-                        axis.renderer.labels.template.horizontalCenter = "right";
-                        axis.renderer.labels.template.verticalCenter = "middle";
-                    }
-                    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";
-                    }
-                });
-            }
-            var dataPreConverted = this.Adapter ? this.Adapter.adaptDataForVerticalStackedChart(data) : data;
-            var dataConverted = [];
-            for (var i = 0; i < dataPreConverted.groups.length; i++) {
-                var item = dataPreConverted.groups[i];
-                var obj = { key: item.name };
-                for (var p = 0; p < item.values.length; p++) {
-                    var 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 (var prop in dataConverted[0]) {
-                if (prop !== "key")
-                    this.createSeriesStacked(ChartInstanceCasted, settings, prop, prop);
-            }
-            if (settings.Legend) {
-                ChartInstanceCasted.legend = new am4charts__namespace.Legend();
-                ChartInstanceCasted.legend.position = (_c = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _c !== void 0 ? _c : 'right';
-                ChartInstanceCasted.legend.itemContainers.template.tooltipText = "{category}";
-                if (settings.LegendPadding) {
-                    var template = this.ChartInstance.legend.itemContainers.template;
-                    template.paddingTop = (_d = settings.LegendPadding.top) !== null && _d !== void 0 ? _d : 0;
-                    template.paddingBottom = (_e = settings.LegendPadding.bottom) !== null && _e !== void 0 ? _e : 0;
-                    template.paddingLeft = (_f = settings.LegendPadding.left) !== null && _f !== void 0 ? _f : 0;
-                    template.paddingRight = (_g = settings.LegendPadding.right) !== null && _g !== void 0 ? _g : 0;
-                }
-            }
-            return this;
-        };
-        /** @ignore */
-        VerticalStackedChartService.prototype.refreshData = function (data) {
-            //TODO:IMPL
-        };
-        /** @ignore */
-        VerticalStackedChartService.prototype.createSeriesStacked = function (chart, settings, field, name) {
-            var _a;
-            // Set up series
-            var series = chart.series.push(new am4charts__namespace.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__namespace.percent((_a = settings.ColumnWidthPercentage) !== null && _a !== void 0 ? _a : this.DefaultColumnWidthPercentage);
-            // Make it stacked
-            series.stacked = true;
-            return series;
-        };
-        return VerticalStackedChartService;
-    }());
-
-    /**
-     * Componente specifico per la graficazione di un qualsiasi tipo di grafico.
-     *
-     * Si basa sul tipo specificato dalla proprietà **Type**
-     */
-    var EsChartComponent = /** @class */ (function (_super) {
-        __extends(EsChartComponent, _super);
-        /**
-         * @ignore
-         */
-        function EsChartComponent(el, ChartLoader, ChartDispatcher, dateService, adapter, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
-            var _this = _super.call(this, el, platformId, zone, ChartLoader, ChartDispatcher, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) || this;
-            _this.dateService = dateService;
-            _this.adapter = adapter;
-            return _this;
-        }
-        /**
-         * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
-         */
-        EsChartComponent.prototype.getSpecificPropertiesToCheck = function () {
-            return ["Data", "Type"];
-        };
-        /**
-         * Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
-         *
-         * @returns {PieChartSettings | AreaChartSettings | LineChartSettings | VerticalChartSettings | Vertical2DChartSettings | VerticalStackedChartSettings} Settings castati al tipo giusto
-         */
-        EsChartComponent.prototype.getCastedSettings = function () {
-            var _a, _b, _c, _d, _e, _f;
-            switch (this.Type) {
-                case 'pie':
-                    return ((_a = this.Settings) !== null && _a !== void 0 ? _a : new PieChartSettings());
-                case 'area':
-                    return ((_b = this.Settings) !== null && _b !== void 0 ? _b : new AreaChartSettings());
-                case 'line':
-                    return ((_c = this.Settings) !== null && _c !== void 0 ? _c : new LineChartSettings());
-                case 'vertical':
-                    return ((_d = this.Settings) !== null && _d !== void 0 ? _d : new VerticalChartSettings());
-                case 'vertical-2d':
-                    return ((_e = this.Settings) !== null && _e !== void 0 ? _e : new Vertical2DChartSettings());
-                case 'vertical-stacked':
-                    return ((_f = this.Settings) !== null && _f !== void 0 ? _f : new VerticalStackedChartSettings());
-            }
-        };
-        /**
-         * Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
-         *
-         * @param {PieChartSettings | AreaChartSettings | LineChartSettings | VerticalChartSettings | Vertical2DChartSettings | VerticalStackedChartSettings} settingsCasted Settings castati al tipo giusto
-         */
-        EsChartComponent.prototype.fillSpecificSettings = function (settingsCasted) {
-            // Nope. Se si usa l'es-chart si danno i settings con l'oggetto
-        };
-        /**
-         * Effettua il rendering di questo grafico in base ai Settings
-         *
-         * @param {PieChartSettings | AreaChartSettings | LineChartSettings | VerticalChartSettings | Vertical2DChartSettings | VerticalStackedChartSettings} settingsCasted Impostazioni di graficazione
-         * @returns {PieChartService | AreaChartService | LineChartService | VerticalChartService | Vertical2DChartService | VerticalStackedChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
-         */
-        EsChartComponent.prototype.graphicate = function (settings) {
-            switch (this.Type) {
-                case 'pie':
-                    return new PieChartService(this.adapter).graphicate(this.Data, settings);
-                case 'area':
-                    return new AreaChartService(this.adapter).graphicate(this.Data, settings);
-                case 'line':
-                    return new LineChartService(this.adapter, this.dateService).graphicate(this.Data, settings);
-                case 'vertical':
-                    return new VerticalChartService(this.adapter).graphicate(this.Data, settings);
-                case 'vertical-2d':
-                    return new Vertical2DChartService(this.adapter).graphicate(this.Data, settings);
-                case 'vertical-stacked':
-                    return new VerticalStackedChartService(this.adapter).graphicate(this.Data, settings);
-            }
-        };
-        return EsChartComponent;
-    }(BaseChartComponent));
-    EsChartComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'es-chart',
-                    template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-                },] }
-    ];
-    EsChartComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: ChartLoader },
-        { type: ChartDispatcher },
-        { type: extensions.DateService },
-        { type: BaseAdapter },
-        { type: core.NgZone },
-        { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_ANIMATIONS,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_LOCALE,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_THEME,] }] }
-    ]; };
-    EsChartComponent.propDecorators = {
-        Type: [{ type: core.Input }],
-        Data: [{ type: core.Input }],
-        DataArray: [{ type: core.Input }]
-    };
-
-    /**
-     * Componente specifico per la graficazione di un grafico ad Area
-     */
-    var EsAreaChartComponent = /** @class */ (function (_super) {
-        __extends(EsAreaChartComponent, _super);
-        /**
-         * @ignore
-         */
-        function EsAreaChartComponent(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
-            var _this = _super.call(this, el, platformId, zone, ChartLoader, ChartDispatcher, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) || this;
-            _this.adapter = adapter;
-            return _this;
-        }
-        /**
-         * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
-         */
-        EsAreaChartComponent.prototype.getSpecificPropertiesToCheck = function () {
-            return ["Data", "DataArray"];
-        };
-        /**
-         * Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
-         *
-         * @returns {AreaChartSettings} Settings castati al tipo giusto
-         */
-        EsAreaChartComponent.prototype.getCastedSettings = function () {
-            var _a;
-            return ((_a = this.Settings) !== null && _a !== void 0 ? _a : new AreaChartSettings());
-        };
-        /**
-         * Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
-         *
-         * @param {AreaChartSettings} settingsCasted Settings castati al tipo giusto
-         */
-        EsAreaChartComponent.prototype.fillSpecificSettings = function (settingsCasted) {
-        };
-        /**
-         * Effettua il rendering di questo grafico in base ai Settings
-         *
-         * @param {AreaChartSettings} settingsCasted Impostazioni di graficazione
-         * @returns {AreaChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
-         */
-        EsAreaChartComponent.prototype.graphicate = function (settingsCasted) {
-            return new AreaChartService(this.adapter).graphicate(this.Data, settingsCasted);
-        };
-        return EsAreaChartComponent;
-    }(BaseChartComponent));
-    EsAreaChartComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'es-area-chart',
-                    template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-                },] }
-    ];
-    EsAreaChartComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: ChartLoader },
-        { type: ChartDispatcher },
-        { type: BaseAdapter },
-        { type: core.NgZone },
-        { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_ANIMATIONS,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_LOCALE,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_THEME,] }] }
-    ]; };
-    EsAreaChartComponent.propDecorators = {
-        Data: [{ type: core.Input }],
-        DataArray: [{ type: core.Input }]
-    };
-
-    /**
-     * Componente specifico per la graficazione di un grafico a Linea su un asse temporale
-     */
-    var EsLineChartComponent = /** @class */ (function (_super) {
-        __extends(EsLineChartComponent, _super);
-        /**
-         * @ignore
-         */
-        function EsLineChartComponent(el, ChartLoader, ChartDispatcher, adapter, dateService, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
-            var _this = _super.call(this, el, platformId, zone, ChartLoader, ChartDispatcher, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) || this;
-            _this.adapter = adapter;
-            _this.dateService = dateService;
-            return _this;
-        }
-        /**
-         * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
-         */
-        EsLineChartComponent.prototype.getSpecificPropertiesToCheck = function () {
-            return ["Data", "DataArray", "Step", "DataGroupBucketSize", "DataGroupingThreshold", "StrokeSize", "AllowGaps", "MergeDatasets", "FinalInstants", "Fill", "Min", "Max"];
-        };
-        /**
-         * Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
-         *
-         * @returns {LineChartSettings} Settings castati al tipo giusto
-         */
-        EsLineChartComponent.prototype.getCastedSettings = function () {
-            var _a;
-            return ((_a = this.Settings) !== null && _a !== void 0 ? _a : new LineChartSettings());
-        };
-        /**
-         * Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
-         *
-         * @param {LineChartSettings} settingsCasted Settings castati al tipo giusto
-         */
-        EsLineChartComponent.prototype.fillSpecificSettings = function (settingsCasted) {
-            settingsCasted.Step = settingsCasted.Step != null ? settingsCasted.Step : this.Step;
-            settingsCasted.DataGroupBucketSize = settingsCasted.DataGroupBucketSize != null ? settingsCasted.DataGroupBucketSize : this.DataGroupBucketSize;
-            settingsCasted.StrokeSize = settingsCasted.StrokeSize != null ? settingsCasted.StrokeSize : this.StrokeSize;
-            settingsCasted.DataGroupingThreshold = settingsCasted.DataGroupingThreshold != null ? settingsCasted.DataGroupingThreshold : this.DataGroupingThreshold;
-            settingsCasted.AllowGaps = settingsCasted.AllowGaps != null ? settingsCasted.AllowGaps : this.AllowGaps;
-            settingsCasted.MergeDatasets = settingsCasted.MergeDatasets != null ? settingsCasted.MergeDatasets : this.MergeDatasets;
-            settingsCasted.FinalInstants = settingsCasted.FinalInstants != null ? settingsCasted.FinalInstants : this.FinalInstants;
-            settingsCasted.Min = settingsCasted.Min != null ? settingsCasted.Min : this.Min;
-            settingsCasted.Max = settingsCasted.Max != null ? settingsCasted.Max : this.Max;
-            settingsCasted.Fill = settingsCasted.Fill != null ? settingsCasted.Fill : this.Fill;
-        };
-        /**
-         * Effettua il rendering di questo grafico in base ai Settings
-         *
-         * @param {LineChartSettings} settingsCasted Impostazioni di graficazione
-         * @returns {LineChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
-         */
-        EsLineChartComponent.prototype.graphicate = function (settingsCasted) {
-            return new LineChartService(this.adapter, this.dateService).graphicate(this.Data, settingsCasted);
-        };
-        return EsLineChartComponent;
-    }(BaseChartComponent));
-    EsLineChartComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'es-line-chart',
-                    template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-                },] }
-    ];
-    EsLineChartComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: ChartLoader },
-        { type: ChartDispatcher },
-        { type: BaseAdapter },
-        { type: extensions.DateService },
-        { type: core.NgZone },
-        { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_ANIMATIONS,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_LOCALE,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_THEME,] }] }
-    ]; };
-    EsLineChartComponent.propDecorators = {
-        Data: [{ type: core.Input }],
-        DataArray: [{ type: core.Input }],
-        Step: [{ type: core.Input }],
-        DataGroupBucketSize: [{ type: core.Input }],
-        DataGroupingThreshold: [{ type: core.Input }],
-        StrokeSize: [{ type: core.Input }],
-        AllowGaps: [{ type: core.Input }],
-        MergeDatasets: [{ type: core.Input }],
-        FinalInstants: [{ type: core.Input }],
-        Min: [{ type: core.Input }],
-        Max: [{ type: core.Input }],
-        Fill: [{ type: core.Input }]
-    };
-
-    /**
-     * Componente specifico per la graficazione di un grafico a Torta
-     */
-    var EsPieChartComponent = /** @class */ (function (_super) {
-        __extends(EsPieChartComponent, _super);
-        /**
-         * @ignore
-         */
-        function EsPieChartComponent(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
-            var _this = _super.call(this, el, platformId, zone, ChartLoader, ChartDispatcher, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) || this;
-            _this.adapter = adapter;
-            return _this;
-        }
-        /**
-         * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
-         */
-        EsPieChartComponent.prototype.getSpecificPropertiesToCheck = function () {
-            return ["Data", "DataArray", "HideZeroes", "Mode3D", "LabelsWrap", "LabelsTruncate", "LabelsWidth", "LabelsVisible"];
-        };
-        /**
-         * Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
-         *
-         * @returns {PieChartSettings} Settings castati al tipo giusto
-         */
-        EsPieChartComponent.prototype.getCastedSettings = function () {
-            var _a;
-            return ((_a = this.Settings) !== null && _a !== void 0 ? _a : new PieChartSettings());
-        };
-        /**
-         * Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
-         *
-         * @param {PieChartSettings} settingsCasted Settings castati al tipo giusto
-         */
-        EsPieChartComponent.prototype.fillSpecificSettings = function (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;
-            settingsCasted.LabelsWidth = settingsCasted.LabelsWidth != null ? settingsCasted.LabelsWidth : this.LabelsWidth;
-            settingsCasted.LabelsVisible = settingsCasted.LabelsVisible != null ? settingsCasted.LabelsVisible : this.LabelsVisible;
-        };
-        /**
-         * Effettua il rendering di questo grafico in base ai Settings
-         *
-         * @param {PieChartSettings} settingsCasted Impostazioni di graficazione
-         * @returns {PieChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
-         */
-        EsPieChartComponent.prototype.graphicate = function (settingsCasted) {
-            return new PieChartService(this.adapter).graphicate(this.Data, settingsCasted);
-        };
-        return EsPieChartComponent;
-    }(BaseChartComponent));
-    EsPieChartComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'es-pie-chart',
-                    template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-                },] }
-    ];
-    EsPieChartComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: ChartLoader },
-        { type: ChartDispatcher },
-        { type: BaseAdapter },
-        { type: core.NgZone },
-        { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_ANIMATIONS,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_LOCALE,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_THEME,] }] }
-    ]; };
-    EsPieChartComponent.propDecorators = {
-        Data: [{ type: core.Input }],
-        DataArray: [{ type: core.Input }],
-        HideZeroes: [{ type: core.Input }],
-        Mode3D: [{ type: core.Input }],
-        DonutRadiusPercentage: [{ type: core.Input }],
-        LabelsWrap: [{ type: core.Input }],
-        LabelsTruncate: [{ type: core.Input }],
-        LabelsWidth: [{ type: core.Input }],
-        LabelsVisible: [{ type: core.Input }]
-    };
-
-    /**
-     * Componente specifico per la graficazione di un grafico a Barre con due dimensioni
-     */
-    var EsVertical2DChartComponent = /** @class */ (function (_super) {
-        __extends(EsVertical2DChartComponent, _super);
-        /**
-         * @ignore
-         */
-        function EsVertical2DChartComponent(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
-            var _this = _super.call(this, el, platformId, zone, ChartLoader, ChartDispatcher, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) || this;
-            _this.adapter = adapter;
-            return _this;
-        }
-        /**
-         * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
-         */
-        EsVertical2DChartComponent.prototype.getSpecificPropertiesToCheck = function () {
-            return ["Data", "DataArray"];
-        };
-        /**
-         * Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
-         *
-         * @returns {Vertical2DChartSettings} Settings castati al tipo giusto
-         */
-        EsVertical2DChartComponent.prototype.getCastedSettings = function () {
-            var _a;
-            return ((_a = this.Settings) !== null && _a !== void 0 ? _a : new Vertical2DChartSettings());
-        };
-        /**
-         * Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
-         *
-         * @param {Vertical2DChartSettings} settingsCasted Settings castati al tipo giusto
-         */
-        EsVertical2DChartComponent.prototype.fillSpecificSettings = function (settingsCasted) {
-            settingsCasted.ColumnWidthPercentage = settingsCasted.ColumnWidthPercentage != null ? settingsCasted.ColumnWidthPercentage : this.ColumnWidthPercentage;
-            settingsCasted.GroupPaddingPercentage = settingsCasted.GroupPaddingPercentage != null ? settingsCasted.GroupPaddingPercentage : this.GroupPaddingPercentage;
-            settingsCasted.LabelWidth = settingsCasted.LabelWidth != null ? settingsCasted.LabelWidth : this.LabelWidth;
-            settingsCasted.LabelVerticalOrientationCutoffWidth = settingsCasted.LabelVerticalOrientationCutoffWidth != null ? settingsCasted.LabelVerticalOrientationCutoffWidth : this.LabelVerticalOrientationCutoffWidth;
-            settingsCasted.LabelRightWhenCompressed = settingsCasted.LabelRightWhenCompressed != null ? settingsCasted.LabelRightWhenCompressed : this.LabelRightWhenCompressed;
-            settingsCasted.LabelTopWhenCompressed = settingsCasted.LabelTopWhenCompressed != null ? settingsCasted.LabelTopWhenCompressed : this.LabelTopWhenCompressed;
-        };
-        /**
-         * Effettua il rendering di questo grafico in base ai Settings
-         *
-         * @param {Vertical2DChartSettings} settingsCasted Impostazioni di graficazione
-         * @returns {Vertical2DChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
-         */
-        EsVertical2DChartComponent.prototype.graphicate = function (settingsCasted) {
-            return new Vertical2DChartService(this.adapter).graphicate(this.Data, settingsCasted);
-        };
-        return EsVertical2DChartComponent;
-    }(BaseChartComponent));
-    EsVertical2DChartComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'es-vertical-2d-chart',
-                    template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-                },] }
-    ];
-    EsVertical2DChartComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: ChartLoader },
-        { type: ChartDispatcher },
-        { type: BaseAdapter },
-        { type: core.NgZone },
-        { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_ANIMATIONS,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_LOCALE,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_THEME,] }] }
-    ]; };
-    EsVertical2DChartComponent.propDecorators = {
-        Data: [{ type: core.Input }],
-        DataArray: [{ type: core.Input }],
-        ColumnWidthPercentage: [{ type: core.Input }],
-        GroupPaddingPercentage: [{ type: core.Input }],
-        LabelWidth: [{ type: core.Input }],
-        LabelVerticalOrientationCutoffWidth: [{ type: core.Input }],
-        LabelRightWhenCompressed: [{ type: core.Input }],
-        LabelTopWhenCompressed: [{ type: core.Input }]
-    };
-
-    /**
-     * Componente specifico per la graficazione di un grafico a Barre
-     */
-    var EsVerticalChartComponent = /** @class */ (function (_super) {
-        __extends(EsVerticalChartComponent, _super);
-        /**
-         * @ignore
-         */
-        function EsVerticalChartComponent(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
-            var _this = _super.call(this, el, platformId, zone, ChartLoader, ChartDispatcher, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) || this;
-            _this.adapter = adapter;
-            return _this;
-        }
-        /**
-         * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
-         */
-        EsVerticalChartComponent.prototype.getSpecificPropertiesToCheck = function () {
-            return ["Data", "DataArray"];
-        };
-        /**
-         * Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
-         *
-         * @returns {VerticalChartSettings} Settings castati al tipo giusto
-         */
-        EsVerticalChartComponent.prototype.getCastedSettings = function () {
-            var _a;
-            return ((_a = this.Settings) !== null && _a !== void 0 ? _a : new VerticalChartSettings());
-        };
-        /**
-         * Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
-         *
-         * @param {VerticalChartSettings} settingsCasted Settings castati al tipo giusto
-         */
-        EsVerticalChartComponent.prototype.fillSpecificSettings = function (settingsCasted) {
-            settingsCasted.ColumnWidthPercentage = settingsCasted.ColumnWidthPercentage != null ? settingsCasted.ColumnWidthPercentage : this.ColumnWidthPercentage;
-            settingsCasted.LabelWidth = settingsCasted.LabelWidth != null ? settingsCasted.LabelWidth : this.LabelWidth;
-            settingsCasted.LabelVerticalOrientationCutoffWidth = settingsCasted.LabelVerticalOrientationCutoffWidth != null ? settingsCasted.LabelVerticalOrientationCutoffWidth : this.LabelVerticalOrientationCutoffWidth;
-            settingsCasted.LabelRightWhenCompressed = settingsCasted.LabelRightWhenCompressed != null ? settingsCasted.LabelRightWhenCompressed : this.LabelRightWhenCompressed;
-            settingsCasted.LabelTopWhenCompressed = settingsCasted.LabelTopWhenCompressed != null ? settingsCasted.LabelTopWhenCompressed : this.LabelTopWhenCompressed;
-        };
-        /**
-         * Effettua il rendering di questo grafico in base ai Settings
-         *
-         * @param {VerticalChartSettings} settingsCasted Impostazioni di graficazione
-         * @returns {VerticalChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
-         */
-        EsVerticalChartComponent.prototype.graphicate = function (settingsCasted) {
-            return new VerticalChartService(this.adapter).graphicate(this.Data, settingsCasted);
-        };
-        return EsVerticalChartComponent;
-    }(BaseChartComponent));
-    EsVerticalChartComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'es-vertical-chart',
-                    template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-                },] }
-    ];
-    EsVerticalChartComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: ChartLoader },
-        { type: ChartDispatcher },
-        { type: BaseAdapter },
-        { type: core.NgZone },
-        { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_ANIMATIONS,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_LOCALE,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_THEME,] }] }
-    ]; };
-    EsVerticalChartComponent.propDecorators = {
-        Data: [{ type: core.Input }],
-        DataArray: [{ type: core.Input }],
-        ColumnWidthPercentage: [{ type: core.Input }],
-        LabelWidth: [{ type: core.Input }],
-        LabelVerticalOrientationCutoffWidth: [{ type: core.Input }],
-        LabelRightWhenCompressed: [{ type: core.Input }],
-        LabelTopWhenCompressed: [{ type: core.Input }]
-    };
-
-    /**
-     * Componente specifico per la graficazione di un grafico a Barre in modalità Stacked (una serie sopra l'altra)
-     */
-    var EsVerticalStackedChartComponent = /** @class */ (function (_super) {
-        __extends(EsVerticalStackedChartComponent, _super);
-        /**
-         * @ignore
-         */
-        function EsVerticalStackedChartComponent(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
-            var _this = _super.call(this, el, platformId, zone, ChartLoader, ChartDispatcher, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) || this;
-            _this.adapter = adapter;
-            return _this;
-        }
-        /**
-         * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
-         */
-        EsVerticalStackedChartComponent.prototype.getSpecificPropertiesToCheck = function () {
-            return ["Data", "DataArray"];
-        };
-        /**
-         * Ottiene i Settings (Ereditati dalla classe base, quindi del tipo generico **BaseSettings**) castati al tipo specifico per questo grafico
-         *
-         * @returns {VerticalStackedChartSettings} Settings castati al tipo giusto
-         */
-        EsVerticalStackedChartComponent.prototype.getCastedSettings = function () {
-            var _a;
-            return ((_a = this.Settings) !== null && _a !== void 0 ? _a : new VerticalStackedChartSettings());
-        };
-        /**
-         * Integra i Settings base con tutti gli Input specifici di questo grafico, dando priorità ai Settings se definiti
-         *
-         * @param {VerticalStackedChartSettings} settingsCasted Settings castati al tipo giusto
-         */
-        EsVerticalStackedChartComponent.prototype.fillSpecificSettings = function (settingsCasted) {
-            settingsCasted.ColumnWidthPercentage = settingsCasted.ColumnWidthPercentage != null ? settingsCasted.ColumnWidthPercentage : this.ColumnWidthPercentage;
-            settingsCasted.LabelWidth = settingsCasted.LabelWidth != null ? settingsCasted.LabelWidth : this.LabelWidth;
-            settingsCasted.LabelVerticalOrientationCutoffWidth = settingsCasted.LabelVerticalOrientationCutoffWidth != null ? settingsCasted.LabelVerticalOrientationCutoffWidth : this.LabelVerticalOrientationCutoffWidth;
-            settingsCasted.LabelRightWhenCompressed = settingsCasted.LabelRightWhenCompressed != null ? settingsCasted.LabelRightWhenCompressed : this.LabelRightWhenCompressed;
-            settingsCasted.LabelTopWhenCompressed = settingsCasted.LabelTopWhenCompressed != null ? settingsCasted.LabelTopWhenCompressed : this.LabelTopWhenCompressed;
-        };
-        /**
-         * Effettua il rendering di questo grafico in base ai Settings
-         *
-         * @param {VerticalStackedChartSettings} settingsCasted Impostazioni di graficazione
-         * @returns {VerticalStackedChartService} La service utilizzata per il rendering nello stato subito successivo al rendering effettuato
-         */
-        EsVerticalStackedChartComponent.prototype.graphicate = function (settingsCasted) {
-            return new VerticalStackedChartService(this.adapter).graphicate(this.Data, settingsCasted);
-        };
-        return EsVerticalStackedChartComponent;
-    }(BaseChartComponent));
-    EsVerticalStackedChartComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'es-vertical-stacked-chart',
-                    template: "<chart-pager *ngIf=\"isPaged\" (onPageChange)=\"changePage($event)\" [Items]=\"DataArray\" [Dtos]=\"DataDtos\" [StartIndex]=\"DataDtoStartIndex\"\r\n    [BrowseDelayMs]=\"BrowseDelayMs\">\r\n    <ng-template #header_inner let-headerItem>\r\n        <ng-container *ngTemplateOutlet=\"header_tr; context : {$implicit: headerItem}\"></ng-container>\r\n    </ng-template>\r\n</chart-pager>\r\n\r\n<ng-container *ngIf=\"loadingChart && loading_template\">\r\n    <div style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <ng-container *ngTemplateOutlet=\"loading_template\"></ng-container>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"loadingChart && !loading_template\">\r\n    <div class=\"esc-loading-overlay\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\">\r\n        <p class=\"label\">Loading....</p>\r\n    </div>\r\n</ng-container>\r\n\r\n<div [class.hide-block]=\"loadingChart\" id=\"{{name}}\" style=\"width: 100%;\" [style.height]=\"isPaged ? 'calc(100% - 44px)' : '100%'\"></div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".esc-loading-overlay{background:#9999;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;text-align:center;font-family:monospace}.esc-loading-overlay .label{margin:0;padding-top:7%}.hide-block{display:none}\n"]
-                },] }
-    ];
-    EsVerticalStackedChartComponent.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: ChartLoader },
-        { type: ChartDispatcher },
-        { type: BaseAdapter },
-        { type: core.NgZone },
-        { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] },
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_ANIMATIONS,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_LOCALE,] }] },
-        { type: String, decorators: [{ type: core.Inject, args: [ESC_THEME,] }] }
-    ]; };
-    EsVerticalStackedChartComponent.propDecorators = {
-        Data: [{ type: core.Input }],
-        DataArray: [{ type: core.Input }],
-        ColumnWidthPercentage: [{ type: core.Input }],
-        LabelWidth: [{ type: core.Input }],
-        LabelVerticalOrientationCutoffWidth: [{ type: core.Input }],
-        LabelRightWhenCompressed: [{ type: core.Input }],
-        LabelTopWhenCompressed: [{ type: core.Input }]
-    };
-
-    /**
-     * Classe che identifica i dati per un grafico generico paginato
-     */
-    var PagedChartData = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @param {T} data Dati del grafico
-         * @param {string} title Titolo del grafico
-         * @param {Object} dataRetrieveDto Dto utilizzato per recuperare i dati di questo grafico
-         * @param {Function} dataRetrieveFunction Funzione utilizzata per ottenere i dati di questo grafico
-         */
-        function PagedChartData(data, title, dataRetrieveDto, dataRetrieveFunction) {
-            this.data = data;
-            this.title = title;
-            this.dataRetrieveDto = dataRetrieveDto;
-            this.dataRetrieveFunction = dataRetrieveFunction;
-        }
-        return PagedChartData;
-    }());
-
-    /**
-     * Componente che si occupa della paginazione dei grafici qualora servisse
-     */
-    var PageChartSelector = /** @class */ (function () {
-        function PageChartSelector() {
-            /**
-             * Indica un cambio di pagina ed emette un oggetto con i dati attuali e l'indice attuale.
-             *
-             * Qualora la proprietà **data** fosse null indica un evento di "loading"
-             */
-            this.onPageChange = new core.EventEmitter();
-        }
-        /**
-         * @ignore
-         */
-        PageChartSelector.prototype.ngOnChanges = function () {
-            if (!(this.Items || this.Dtos) || (this.Items || this.Dtos).length == 0)
-                throw new Error("Chart array cannot be empty!");
-            var idx = (this.StartIndex || 0);
-            this.currentindex = idx;
-            this.currentpage = idx + 1;
-            this.handlePageChange();
-        };
-        /**
-         * Gestisce un cambio pagina inviando al callback **onPageChange** i dati attuali (siano essi il Dto per il caricamento dati i
-         * o i dati già presenti) e l'indice di visualizzazione
-         */
-        PageChartSelector.prototype.handlePageChange = function () {
-            this.finalIndex = this.currentpage - 1;
-            this.currentindex = this.currentpage - 1;
-            var data = this.Items && this.Items.length > 0 ? this.Items[this.finalIndex].data : this.Dtos[this.finalIndex];
-            this.onPageChange.emit({ data: data, index: this.finalIndex });
-        };
-        /**
-         * Visualizza il grafico successivo
-         */
-        PageChartSelector.prototype.Next = function () {
-            var _this = this;
-            // Per passare da page a index è sempre un -1
-            this.currentpage++;
-            this.onPageChange.emit({ data: null, index: this.currentpage - 1 });
-            // Delay pseudo-intelligente per click compulsivi. 
-            // Se dopo questo delay sono andato avanti solo di 1 effettuo il callback altrimenti incremento l'indice
-            setTimeout(function () {
-                if (_this.currentindex == _this.currentpage - 2)
-                    _this.handlePageChange();
-                else
-                    _this.currentindex++;
-            }, this.BrowseDelayMs);
-        };
-        /**
-         * Visualizza il grafico precedente
-         */
-        PageChartSelector.prototype.Previous = function () {
-            var _this = this;
-            // Per passare da page a index è sempre un -1
-            this.currentpage--;
-            this.onPageChange.emit({ data: null, index: this.currentpage - 1 });
-            // Delay pseudo-intelligente per click compulsivi. 
-            // Se dopo questo delay sono andato indietro solo di 1 effettuo il callback altrimenti decremento l'indice
-            setTimeout(function () {
-                if (_this.currentindex == _this.currentpage)
-                    _this.handlePageChange();
-                else
-                    _this.currentindex--;
-            }, this.BrowseDelayMs);
-        };
-        return PageChartSelector;
-    }());
-    PageChartSelector.decorators = [
-        { type: core.Component, args: [{
-                    selector: "chart-pager",
-                    template: "<div *ngIf=\"(Items || Dtos) && (Items || Dtos).length > 0\" class=\"pcs-no-selection\">\r\n    <div class=\"pcs-button pcs-backward\">\r\n        <svg class=\"pcs-svg-header\">\r\n            <g class=\"pcs-svg-button-container\" role=\"button\" (click)=\"currentpage != 1 && Previous(); $event.stopPropagation(); $event.preventDefault();\">\r\n                <!--Pulsante e freccettina all'interno-->\r\n                <g class=\"pcs-svg-button\"  [style.cursor]=\"currentpage == 1 ? 'not-allowed' : 'pointer'\"><path d=\"M3,0 L53.027,0 a3,3 0 0 1 3,3 L56.027,36.817 a3,3 0 0 1 -3,3 L3,39.817 a3,3 0 0 1 -3,-3 L0,3 a3,3 0 0 1 3,-3 Z\"></path></g>\r\n                <g class=\"pcs-svg-arrow pcs-svg-arrow-left\"><path d=\"M26,14H10l5.17-6.79A2,2,0,0,0,12,4.79l-7.62,10a2,2,0,0,0,0,2.42l7.62,10a2,2,0,0,0,3.18-2.42L10,18H26a2,2,0,0,0,0-4Z\"></path></g>\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <div class=\"pcs-infos\">\r\n        <ng-container *ngIf=\"headerInner_tr\">\r\n            <ng-container *ngTemplateOutlet=\"headerInner_tr; context : {$implicit: (Items || Dtos)[currentpage - 1]}\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"pcs-button pcs-forward\">\r\n        <svg class=\"pcs-svg-header\">\r\n            <g class=\"pcs-svg-button-container\" role=\"button\" (click)=\"(Items || Dtos).length != currentpage && Next(); $event.stopPropagation(); $event.preventDefault();\">\r\n                <!--Pulsante e freccettina all'interno-->\r\n                <g class=\"pcs-svg-button\" [style.cursor]=\"(Items || Dtos).length == currentpage ? 'not-allowed' : 'pointer'\"><path d=\"M3,0 L53.027,0 a3,3 0 0 1 3,3 L56.027,36.817 a3,3 0 0 1 -3,3 L3,39.817 a3,3 0 0 1 -3,-3 L0,3 a3,3 0 0 1 3,-3 Z\"></path></g>\r\n                <g class=\"pcs-svg-arrow pcs-svg-arrow-right\"><path d=\"M26,14H10l5.17-6.79A2,2,0,0,0,12,4.79l-7.62,10a2,2,0,0,0,0,2.42l7.62,10a2,2,0,0,0,3.18-2.42L10,18H26a2,2,0,0,0,0-4Z\"></path></g>\r\n            </g>\r\n        </svg>\r\n    </div>\r\n    <div style=\"clear: both;\"></div>\r\n</div>",
-                    changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".pcs-button{width:60px}.pcs-forward{float:right;text-align:end}.pcs-backward{float:left}.pcs-svg-header{width:57px;height:40px}.pcs-svg-button-container{outline:currentcolor none medium}.pcs-svg-arrow{pointer-events:none;fill:#555}.pcs-svg-arrow-right{transform:translate(44px,36px) rotate(180deg)}.pcs-svg-arrow-left{transform:translate(13px,4px)}.pcs-svg-button{fill:#d9d9d9;stroke:#fff;fill-opacity:1;stroke-opacity:1}.pcs-svg-button:hover{fill:#a3a3a3;cursor:pointer}.pcs-infos{width:calc(100% - 120px);height:44px;float:left}.pcs-no-selection{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}\n"]
-                },] }
-    ];
-    PageChartSelector.propDecorators = {
-        Items: [{ type: core.Input }],
-        Dtos: [{ type: core.Input }],
-        BrowseDelayMs: [{ type: core.Input }],
-        StartIndex: [{ type: core.Input }],
-        onPageChange: [{ type: core.Output }],
-        headerInner_tr: [{ type: core.ContentChild, args: ['header_inner', { static: false },] }]
-    };
-
-    /** Componenti esportati dal modulo */
-    var COMPONENTS = [
-        EsChartComponent,
-        EsLineChartComponent,
-        EsPieChartComponent,
-        EsVertical2DChartComponent,
-        EsVerticalChartComponent,
-        EsVerticalStackedChartComponent,
-        PageChartSelector,
-        EsAreaChartComponent
-    ];
-    var EsChartsModule = /** @class */ (function () {
-        function EsChartsModule() {
-        }
-        EsChartsModule.forRoot = function (config) {
-            return {
-                ngModule: EsChartsModule,
-                providers: [
-                    { provide: ESC_LOCALE, useValue: (config === null || config === void 0 ? void 0 : config.locale) || 'it-IT' },
-                    { provide: ESC_ANIMATIONS, useValue: (config === null || config === void 0 ? void 0 : config.animations) == null ? true : config === null || config === void 0 ? void 0 : config.animations },
-                    { provide: ESC_THEME, useValue: (config === null || config === void 0 ? void 0 : config.theme) || 'spiritedaway' },
-                    { provide: ESC_LOGS, useValue: (config === null || config === void 0 ? void 0 : config.debugMode) == null ? false : config === null || config === void 0 ? void 0 : config.debugMode },
-                    { provide: BaseAdapter, useClass: (config === null || config === void 0 ? void 0 : config.adapter) || BaseAdapter },
-                    // Singleton cattiva by Ema. Verificare strade migliori
-                    { provide: ChartLoader, useValue: new ChartLoader((config === null || config === void 0 ? void 0 : config.debugMode) == null ? false : config === null || config === void 0 ? void 0 : config.debugMode) }
-                ]
-            };
-        };
-        return EsChartsModule;
-    }());
-    EsChartsModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [common.CommonModule],
-                    declarations: __spreadArray([], __read(COMPONENTS)),
-                    providers: [ChartDispatcher],
-                    exports: __spreadArray([], __read(COMPONENTS))
-                },] }
-    ];
-
-    /*
-     * Public API Surface of es-charts
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AreaChartData = AreaChartData;
-    exports.AreaChartSettings = AreaChartSettings;
-    exports.BaseAdapter = BaseAdapter;
-    exports.BaseInterval = BaseInterval;
-    exports.BaseSettings = BaseSettings;
-    exports.ChartThemes = ChartThemes;
-    exports.DateValue = DateValue;
-    exports.EsAreaChartComponent = EsAreaChartComponent;
-    exports.EsChartComponent = EsChartComponent;
-    exports.EsChartsModule = EsChartsModule;
-    exports.EsLineChartComponent = EsLineChartComponent;
-    exports.EsPieChartComponent = EsPieChartComponent;
-    exports.EsVertical2DChartComponent = EsVertical2DChartComponent;
-    exports.EsVerticalChartComponent = EsVerticalChartComponent;
-    exports.EsVerticalStackedChartComponent = EsVerticalStackedChartComponent;
-    exports.KeyValue = KeyValue;
-    exports.KeyValueColor = KeyValueColor;
-    exports.LegendPad = LegendPad;
-    exports.LineChartData = LineChartData;
-    exports.LineChartSettings = LineChartSettings;
-    exports.LineSerie = LineSerie;
-    exports.PagedChartData = PagedChartData;
-    exports.PieChartData = PieChartData;
-    exports.PieChartSettings = PieChartSettings;
-    exports.Vertical2DChartData = Vertical2DChartData;
-    exports.Vertical2DChartSettings = Vertical2DChartSettings;
-    exports.VerticalChartData = VerticalChartData;
-    exports.VerticalChartSettings = VerticalChartSettings;
-    exports.VerticalStackedChartData = VerticalStackedChartData;
-    exports.VerticalStackedChartSettings = VerticalStackedChartSettings;
-    exports["ɵa"] = BaseInterval;
-    exports["ɵb"] = BaseChartComponent;
-    exports["ɵc"] = ChartLoader;
-    exports["ɵd"] = ChartDispatcher;
-    exports["ɵe"] = ESC_LOCALE;
-    exports["ɵf"] = ESC_ANIMATIONS;
-    exports["ɵg"] = ESC_THEME;
-    exports["ɵh"] = ESC_LOGS;
-    exports["ɵi"] = BaseAdapter;
-    exports["ɵj"] = EsChartComponent;
-    exports["ɵk"] = EsLineChartComponent;
-    exports["ɵl"] = EsPieChartComponent;
-    exports["ɵm"] = EsVertical2DChartComponent;
-    exports["ɵn"] = EsVerticalChartComponent;
-    exports["ɵo"] = EsVerticalStackedChartComponent;
-    exports["ɵp"] = PageChartSelector;
-    exports["ɵq"] = EsAreaChartComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=esfaenza-es-charts.umd.js.map