@esfaenza/es-charts 11.2.22 → 11.2.23

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

@@ -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 */
@@ -3052,92 +3138,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 +3208,7 @@
     exports.LineChartData = LineChartData;
     exports.LineChartSettings = LineChartSettings;
     exports.LineSerie = LineSerie;
+    exports.PageChartSelector = PageChartSelector;
     exports.PagedChartData = PagedChartData;
     exports.PieChartData = PieChartData;
     exports.PieChartSettings = PieChartSettings;
@@ -3223,7 +3224,6 @@
     exports.ɵd = ESC_ANIMATIONS;
     exports.ɵe = ESC_THEME;
     exports.ɵf = ESC_LOGS;
-    exports.ɵg = PageChartSelector;
 
     Object.defineProperty(exports, '__esModule', { value: true });