@esfaenza/es-charts 12.2.8 → 12.2.12

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

@@ -82,10 +82,12 @@
          * Costruttore
          *
          * @param {LineSerie[]} series Lista di serie da graficare
+         * @param {{upper: lower}}
          */
-        function LineChartData(series) {
+        function LineChartData(series, limit) {
             if (series === void 0) { series = []; }
             this.series = series;
+            this.limit = limit;
         }
         return LineChartData;
     }());
@@ -591,6 +593,22 @@
         return LegendPad;
     }());
 
+    /**
+     * Modello che identifica un limite superiore - inferiore
+     */
+    var Limit = /** @class */ (function () {
+        /** @ignore */
+        function Limit(upper, upperLabel, upperColor, lower, lowerLabel, lowerColor) {
+            this.upper = upper;
+            this.upperLabel = upperLabel;
+            this.upperColor = upperColor;
+            this.lower = lower;
+            this.lowerLabel = lowerLabel;
+            this.lowerColor = lowerColor;
+        }
+        return Limit;
+    }());
+
     /**
      * Modello che identifica la coppia Data-Valore
      */
@@ -638,15 +656,17 @@
          * @param {string} name Nome della serie
          * @param {DateValue[]} values Valori della serie
          * @param {BaseInterval} interval Intervallo della serie. Viene utilizzato per gestire Gap e date in Istante Finale
-         * @param {string} color Colore della serie, verrà usato sia per la lineaa base che eventualmente per il riempimento (in caso si utilizzi l'Input **Fill** nel grafico)
+         * @param {string} color Colore della serie, verrà usato sia per la linea base che eventualmente per il riempimento (in caso si utilizzi l'Input **Fill** nel grafico)
          * @param {string} uom Unità di misura da presentare nell'asse delle Y
+         * @param {boolean} fill Override della proprietà **Fill** del grafico, specifico per ogni serie
          */
-        function LineSerie(name, values, interval, color, uom) {
+        function LineSerie(name, values, interval, color, uom, fill) {
             this.name = name;
             this.values = values;
             this.interval = interval;
             this.color = color;
             this.uom = uom;
+            this.fill = fill;
         }
         return LineSerie;
     }());
@@ -666,7 +686,7 @@
     /**
      * Token che identifica l'utilizzo o meno del sistema di Log per l'intera libreria
      */
-    var ESC_LOGS = new core.InjectionToken('ESC_LOG');
+    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
@@ -1095,13 +1115,7 @@
                 console.log("@esfaenza/es-charts: " + text);
         };
         return ChartLoader;
-    }());
-    ChartLoader.decorators = [
-        { type: core.Injectable }
-    ];
-    ChartLoader.ctorParameters = function () { return [
-        { type: Boolean, decorators: [{ type: core.Inject, args: [ESC_LOGS,] }] }
-    ]; };
+    }());
 
     /**
      * Componente Grafico Base che gestisce tutte le cose comuni dei vari grafici istanziabili, come la presenza o menu di una legenda,
@@ -1443,7 +1457,7 @@
          */
         LineChartService.prototype.graphicate = function (data, settings) {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             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;
@@ -1454,7 +1468,6 @@
             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);
@@ -1468,6 +1481,32 @@
                 yAxis.min = settings.Min;
             if (settings.Max)
                 yAxis.max = settings.Max;
+            if (dataConverted.limit) {
+                if (dataConverted.limit.upper != null && dataConverted.limit.upper != undefined) {
+                    var range = yAxis.axisRanges.create();
+                    range.value = dataConverted.limit.upper;
+                    range.label.inside = true;
+                    range.label.text = dataConverted.limit.upperLabel;
+                    range.label.fill = range.grid.stroke;
+                    range.label.verticalCenter = "bottom";
+                    range.label.stroke = am4core__namespace.color(dataConverted.limit.upperColor || "#F92200");
+                    range.grid.stroke = am4core__namespace.color(dataConverted.limit.upperColor || "#F92200");
+                    range.grid.strokeWidth = 2;
+                    range.grid.strokeOpacity = 1;
+                }
+                if (dataConverted.limit.lower != null && dataConverted.limit.lower != undefined) {
+                    var range = yAxis.axisRanges.create();
+                    range.value = dataConverted.limit.lower;
+                    range.label.inside = true;
+                    range.label.text = dataConverted.limit.lowerLabel;
+                    range.label.fill = range.grid.stroke;
+                    range.label.verticalCenter = "bottom";
+                    range.label.stroke = am4core__namespace.color(dataConverted.limit.lowerColor || "#F92200");
+                    range.grid.stroke = am4core__namespace.color(dataConverted.limit.lowerColor || "#F92200");
+                    range.grid.strokeWidth = 2;
+                    range.grid.strokeOpacity = 1;
+                }
+            }
             var dateAxis = ChartInstanceCasted.xAxes.push(new am4charts__namespace.DateAxis());
             if (settings.XAxisTitle) {
                 dateAxis.title.text = settings.XAxisTitle;
@@ -1481,11 +1520,11 @@
                 dateAxis.renderer.ticks.template.length = 10;
                 dateAxis.renderer.ticks.template.location = 0;
             }
-            dateAxis.renderer.minGridDistance = (_e = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _e !== void 0 ? _e : 50;
+            dateAxis.renderer.minGridDistance = (_d = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _d !== void 0 ? _d : 50;
             dateAxis.renderer.grid.template.location = 0;
             dateAxis.minZoomCount = 5;
             dateAxis.groupData = dataShouldBeGrouped;
-            dateAxis.groupCount = (_f = settings.DataGroupBucketSize) !== null && _f !== void 0 ? _f : this.DataGroupBucketSize;
+            dateAxis.groupCount = (_e = settings.DataGroupBucketSize) !== null && _e !== void 0 ? _e : this.DataGroupBucketSize;
             //Se ho almeno una serie ad intervallo e i settings non mi impediscono esplicitamente di usare i gaps, visualizzo i dati col gap
             if (gapsAllowed) {
                 if (!seriesWithInterval) {
@@ -1529,7 +1568,7 @@
             }
             //-- Fine generazione
             dataConverted.series.forEach(function (s, index) {
-                var _a, _b;
+                var _a, _b, _c;
                 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);
@@ -1546,12 +1585,13 @@
                 }
                 if (!correctOrder)
                     s.values.sort(function (d1, d2) { return d1.d.getTime() - d2.d.getTime(); });
+                var fill = s.fill != null && s.fill != undefined ? s.fill : ((_a = settings === null || settings === void 0 ? void 0 : settings.Fill) !== null && _a !== void 0 ? _a : false);
                 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.strokeWidth = (_b = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _b !== void 0 ? _b : 1;
                 series.connect = !gapsAllowed;
                 series.minBulletDistance = 10;
                 series.tooltipText = singleDataSet ? "" : "{name}: [bold]{valueY}[/]";
@@ -1602,7 +1642,7 @@
                     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;
+                hoverState.properties.strokeWidth = ((_c = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _c !== void 0 ? _c : 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
@@ -1623,17 +1663,17 @@
             });
             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.position = (_f = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _f !== void 0 ? _f : 'right';
                 this.ChartInstance.legend.scrollable = true;
                 this.ChartInstance.legend.itemContainers.template.tooltipText = "{name}";
-                this.ChartInstance.legend.itemContainers.template.events.on("over", function (event) { _this.processOver(event.target.dataItem.dataContext, fill); });
-                this.ChartInstance.legend.itemContainers.template.events.on("out", function (event) { _this.processOut(fill); });
+                this.ChartInstance.legend.itemContainers.template.events.on("over", function (event) { _this.processOver(event.target.dataItem.dataContext); });
+                this.ChartInstance.legend.itemContainers.template.events.on("out", function () { _this.processOut(); });
                 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;
+                    template.paddingTop = (_g = settings.LegendPadding.top) !== null && _g !== void 0 ? _g : 0;
+                    template.paddingBottom = (_h = settings.LegendPadding.bottom) !== null && _h !== void 0 ? _h : 0;
+                    template.paddingLeft = (_j = settings.LegendPadding.left) !== null && _j !== void 0 ? _j : 0;
+                    template.paddingRight = (_k = settings.LegendPadding.right) !== null && _k !== void 0 ? _k : 0;
                 }
             }
             this.ChartInstance.cursor = new am4charts__namespace.XYCursor();
@@ -1676,9 +1716,10 @@
             }
         };
         /** @ignore */
-        LineChartService.prototype.processOver = function (hoveredSeries, fill) {
+        LineChartService.prototype.processOver = function (hoveredSeries) {
             var _this = this;
             hoveredSeries.toFront();
+            var fill = hoveredSeries.stacked;
             hoveredSeries.segments.each(function (segment) {
                 segment.setState("hover");
                 if (!fill)
@@ -1687,17 +1728,20 @@
             if (!fill)
                 hoveredSeries.legendDataItem.marker.children.getIndex(1).fillOpacity = this.OpacityOnSelected;
             this.ChartInstance.series.each(function (series) {
-                if (series != hoveredSeries)
+                if (series != hoveredSeries) {
+                    var fill_1 = series.stacked;
                     series.segments.each(function (segment) {
                         segment.setState("dimmed");
-                        if (!fill)
+                        if (!fill_1)
                             segment.fillSprite.fillOpacity = 0;
                     });
+                }
             });
         };
         /** @ignore */
-        LineChartService.prototype.processOut = function (fill) {
+        LineChartService.prototype.processOut = function () {
             this.ChartInstance.series.each(function (series) {
+                var fill = series.stacked;
                 series.segments.each(function (segment) {
                     segment.setState("default");
                     if (!fill)
@@ -2473,10 +2517,9 @@
         /**
          * @ignore
          */
-        function EsAreaChartComponent(el, ChartLoader, ChartDispatcher, adapter, dateService, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
+        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;
-            _this.dateService = dateService;
             return _this;
         }
         /**
@@ -2525,7 +2568,6 @@
         { 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,] }] },
@@ -3090,7 +3132,9 @@
                     { 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 }
+                    { 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) }
                 ]
             };
         };
@@ -3100,7 +3144,7 @@
         { type: core.NgModule, args: [{
                     imports: [common.CommonModule],
                     declarations: __spreadArray([], __read(COMPONENTS)),
-                    providers: [ChartLoader, ChartDispatcher],
+                    providers: [ChartDispatcher],
                     exports: __spreadArray([], __read(COMPONENTS))
                 },] }
     ];
@@ -3131,6 +3175,7 @@
     exports.KeyValue = KeyValue;
     exports.KeyValueColor = KeyValueColor;
     exports.LegendPad = LegendPad;
+    exports.Limit = Limit;
     exports.LineChartData = LineChartData;
     exports.LineChartSettings = LineChartSettings;
     exports.LineSerie = LineSerie;