@esfaenza/es-charts 11.2.22 → 11.2.25

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

@@ -600,13 +600,13 @@
      */
     var Limit = /** @class */ (function () {
         /** @ignore */
-        function Limit(upper, upperLabel, upperColor, lower, lowerLabel, lowerColor) {
+        function Limit(upper, upperlabel, uppercolor, lower, lowerlabel, lowercolor) {
             this.upper = upper;
-            this.upperLabel = upperLabel;
-            this.upperColor = upperColor;
+            this.upperlabel = upperlabel;
+            this.uppercolor = uppercolor;
             this.lower = lower;
-            this.lowerLabel = lowerLabel;
-            this.lowerColor = lowerColor;
+            this.lowerlabel = lowerlabel;
+            this.lowercolor = lowercolor;
         }
         return Limit;
     }());
@@ -673,6 +673,92 @@
         return LineSerie;
     }());
 
+    /**
+     * 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:medium none currentcolor}.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}"]
+                },] }
+    ];
+    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 },] }]
+    };
+
     /** @ignore */
     var _spiritedaway = 'spiritedaway';
     /** @ignore */
@@ -1396,6 +1482,15 @@
             if (this.logs)
                 console.log("@esfaenza/es-charts: " + log);
         };
+        /**
+         * Imposta lo zoom dal **from** al **to**
+         *
+         * @param {Date} from Inizio dello zoom
+         * @param {Date} to Fine dello zoom
+         */
+        BaseChartComponent.prototype.setSelection = function (from, to) {
+            this.ChartService.setSelection(from, to);
+        };
         /**
          * @ignore
          */
@@ -1503,11 +1598,11 @@
                     var range = yAxis.axisRanges.create();
                     range.value = dataConverted.limit.upper;
                     range.label.inside = true;
-                    range.label.text = dataConverted.limit.upperLabel;
+                    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.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;
                 }
@@ -1515,16 +1610,18 @@
                     var range = yAxis.axisRanges.create();
                     range.value = dataConverted.limit.lower;
                     range.label.inside = true;
-                    range.label.text = dataConverted.limit.lowerLabel;
+                    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.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());
+            // Per comatibilità col codice scritto quando non era a livello globale, mi scoccia sostituire
+            var dateAxis = this.dateAxis;
+            dateAxis = ChartInstanceCasted.xAxes.push(new am4charts__namespace.DateAxis());
             if (settings.XAxisTitle) {
                 dateAxis.title.text = settings.XAxisTitle;
                 dateAxis.title.fontWeight = "bold";
@@ -1695,6 +1792,10 @@
             return this;
         };
         /** @ignore */
+        LineChartService.prototype.setSelection = function (from, to) {
+            this.dateAxis.zoomToDates(from, to, true, true);
+        };
+        /** @ignore */
         LineChartService.prototype.refreshData = function (data) {
             var dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
             if (this.singleDataSet) {
@@ -1889,6 +1990,9 @@
             return this;
         };
         /** @ignore */
+        PieChartService.prototype.setSelection = function (from, to) {
+        };
+        /** @ignore */
         PieChartService.prototype.refreshData = function (data) {
             //TODO:IMPL
         };
@@ -2001,6 +2105,9 @@
             return this;
         };
         /** @ignore */
+        VerticalChartService.prototype.setSelection = function (from, to) {
+        };
+        /** @ignore */
         VerticalChartService.prototype.refreshData = function (data) {
             //TODO:IMPL
         };
@@ -2116,6 +2223,9 @@
             return this;
         };
         /** @ignore */
+        Vertical2DChartService.prototype.setSelection = function (from, to) {
+        };
+        /** @ignore */
         Vertical2DChartService.prototype.refreshData = function (data) {
             //TODO:IMPL
         };
@@ -2276,6 +2386,9 @@
             return this;
         };
         /** @ignore */
+        VerticalStackedChartService.prototype.setSelection = function (from, to) {
+        };
+        /** @ignore */
         VerticalStackedChartService.prototype.refreshData = function (data) {
             //TODO:IMPL
         };
@@ -2391,6 +2504,9 @@
             return this;
         };
         /** @ignore */
+        AreaChartService.prototype.setSelection = function (from, to) {
+        };
+        /** @ignore */
         AreaChartService.prototype.refreshData = function (data) {
             //TODO:IMPL
         };
@@ -3052,92 +3168,6 @@
         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:medium none currentcolor}.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}"]
-                },] }
-    ];
-    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,
@@ -3208,6 +3238,7 @@
     exports.LineChartData = LineChartData;
     exports.LineChartSettings = LineChartSettings;
     exports.LineSerie = LineSerie;
+    exports.PageChartSelector = PageChartSelector;
     exports.PagedChartData = PagedChartData;
     exports.PieChartData = PieChartData;
     exports.PieChartSettings = PieChartSettings;
@@ -3223,7 +3254,6 @@
     exports.ɵd = ESC_ANIMATIONS;
     exports.ɵe = ESC_THEME;
     exports.ɵf = ESC_LOGS;
-    exports.ɵg = PageChartSelector;
 
     Object.defineProperty(exports, '__esModule', { value: true });