@kiwibit/chart 1.0.7 → 1.0.10

package/fesm2020/kiwibit-chart.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import { interval } from 'rxjs';
+import { Subject, interval, takeUntil } from 'rxjs';
 import * as i1 from 'ngx-echarts';
 import { NgxEchartsModule } from 'ngx-echarts';
 import * as i2 from '@angular/common';
@@ -10,7 +10,8 @@ import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, DataZ
 import { LineChart, ScatterChart } from 'echarts/charts';
 import { CanvasRenderer } from 'echarts/renderers';
 
-const ADD_POINT_IMG_OFF = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADgElEQVR4nO2bTUsbURSG3zMmkWLoThetboq46AdI7b+woLYQrGNdRjDSTW0tXbkralctEWN34kQY2hJB6J+oxYK0lOhK2y7iSpSiyeR0ESe5M34sJs4cP+ZZ3TlzhrznZe5J5uYOEHK1odNOmqYZKxxYfQD3gHAfQCuApmCkeWYPwBYY31hDriUSySUSiYOTkk804H02+1hjTAG45YfKoCBgg8EvU7r++YTzTkzTbCiUSpNgPPdfXpDw20I+Pz4xMVFWo5o77XIWDwA01tzR8eZIVD04vO0/unL2Ac6wpmX/FYtrL4aG9nzVWSfT8/NN16LRu7BYJ0ISQKN6ngh9IwMDueqxPTBNM1Yoln5CnfOE35aldT972v89AO1nTtowOkG0DMbNWpTWm6MNd+zGWJ0ClW7vaHj7F7l4AEjp+iqYHwLYr0W5fbtY7LGPlB7APXDAmYtcvE1K11cB+qDGGHSMAYQuNUkDDN/VBQSx5a7lgT1QvwVuqBnlaPSHn6KChGOxNVeo2hNUA+JqRiqR2PVTVJAcU0u11iO/A64aEakPnllc7OYyzwGwiLXhkcH+LxI6xO4ALvMsKn2njamckdIhOQValXGblIgr3wNCA6QFSBMaIC1AmtAAaQHShAZIC5AmNEBagDShAdICpPG8HjCzuNjNzBnnkrN30kaWPV66Rawlva4neL4DuMyzZ1V8nbTWs55w5aeAZwOItSSArTPU4pVNVP4C84TnHnA45zyv5LjnfEofOHWvgl+EU0BagDShAdICpAkNkBYgTWiAtABpQgOkBUgTGiAtQJrQAMHPVh+lN6VEiBmgrCfU9TxfL2J7hOpdTzgrwh6gjB176dKmGccl4d3CwnVXaMceqAb8UTO0YvG2n6KCJAK4a/lrD2oGMFbUDItp0F9ZwcHUoLtCX+1B1QDWkFMziJBMG0anz9p8J20YnQx2fsswVWutGtASieQI2FDSGkG0fJFNsF+YICBWi9J6ZG9nqXrkuuARQJ/UGAMHBJojtgyOxdbO+ybqtGnGuVS6R0wDDE46iwcY3Duq68cbAABpw5gGaCwIsUHDoMlR/ckrNXb0rbF8fpwY08HJCgjC1Hb+1+uj4ROYyWZ7mWka4HZ/lfkNrTPKY+pt7zh72qWZTCZqxeO9h+/YdKGywfm8/0DaReUZYwVMucjeztLw8HBRWlTIeeU/aykWi4H+qgIAAAAASUVORK5CYII=";
+const ADD_POINT_IMG_OFF_LIGHT = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADkUlEQVR4nO2bz0sUYRjHv8/otviDGDuWrhKdskBaQZi57MmLgVpIkJ06bH9AEdF/kF46dEg726liBSGwBEFnTm0oaF3s4lhdh1BhNuTpsDPLu+MvmHXm0ZzP6X2feWfn+3x33nf3fXlfIOV8Q0dd7O3tvaDr+igzDxPRLQCdANqSkRaZHQBbzPyViEqu65bW19crhzU+1ADDMO4S0QSAq3GoTJAfAJ5alvXhoItN4cDY2FiTruuTRPQSQEfc6hLgEoB7uVyu3XGcBQCsXtxngJ/846TUJYjR3d3dsrm5+VkN1nUB/7V/F7rRI6IpAG9bW1vX5ufnd+JW2giDg4Ntu7u7N5h5HEARQFa9rmna6NLSUimo1wzwB7zvqO/zP4loaHl5eTVu4XFgGEYfEc0BuKKEN1zX7Q0GRi2I6ro+ivrkvbOcPADYtr3CzLcBeEr4WkdHx3BQqRnAzMPqzUQ0dZaTD7BtewXAGzWm5lozgIjyaqO9vb2Z2NUlRziX/qCgKcHLaotsNvstTkVJkslk1kKh2pigGtCutlhcXNyOU1SSHJBLLVcN55xmqQcbhjFERNMA9gA8sizro4QOsTdA07TXqI47XQCmxHRIPZiZO5Vql5SOcz8GpAZIC5AmNUBagDSpAdICpEkNkBYgTWqAtABpUgOkBUgTeT3An89PoX7JOTKmafLxrfZDRFvMXIy6nhD5DfDn8yeSfCP40+rI6wnnvgtENoCZi0S0dZJiIuIQUTHqzZHHAL/PRV7JCfd5y7KO3KsQF2kXkBYgTWqAtABpUgOkBUiTGiAtQJrUAGkB0qQGSAuQJjVA6sGhqbQjpUNyg0SwntDQfL5RxPYINbqecFKkY4BSrttLVygU2vGfMDAwcDEU+hMUVAN+qS08z7sep6gkaW5uDufyOyiom6XLagtN0x7ErCtJxkP1L0FB3SxdCjUqGobRF6eqJPBzqPuVYeZarjUDXNctoXrAKCBLRHNn2QTlwMQFJbzhed5sUKlbijZN8w6A96HPqQCYBjCTyWTWTvsm6kKh0F6pVG4S0X1Uv3k1eTDziG3bBxsAAKZpTgJ4ErtSAZj5hW3bz9TYvlNjjuMs5HK5VgBmYsoSgIgmLMt6juOOzQFgx3E+9fT0rDJzP6rn7s4yG8z80LKsVwglDxxzdDafz2daWlpG/DM2eVSPzp72P0jbALYAlJm55HnebLlc/istKuW08g8wjAev/BoR3wAAAABJRU5ErkJggg==";
+const ADD_POINT_IMG_OFF_DARK = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADgUlEQVR4nO2bz04TURTGvzNtaQOVB1BgYVhZDbSUDixZYwLoTlzXB5CI8QUM4ANQXeOCqCkJiUuWtpNCIaG6gRWoeyx/CmGOC5hyZ/izmDJzgM5vdefMafudr/femd65BQKaG7rqZKVSadndORhjohGAUwB1AGjzSZtbdgHeBmiFmPNt7bF8IpE4vCz5UgMKhZXnBJoG+KE3On2CsEkmv8kM9n27+LSD+fn5UFdX9xQBr71X5x8E/tCvpyaJyFTjmjPxLhYPAAyaMAqr751xWw846fb44sioMSPHbH5ubY2s9/T07HqstSHW1tba9vaOHmuaNg4gC0bUlkA0puvJfP3QalQqlZbqv8NfjjH/G4RhXU+tea7cAwyj3MsmLwJ4oIQ34veiCWtirA+B3Z2DMVvxhNptLh4AMpnkKmn0FISaEu6uVg9HrIO6ASeXujOYkbvNxVtkMslVmPhkj5rnDQDQp6aETG3OU2U+wsT2Whhpq6kacF/NqdYiP72V5R/7+7F1e4Tqc4JqQFxNGRpKVD1V5SMX1FKv9dx9QLMRlvrgYrE8TMwfGTjWGK/6B1PfJXTI9QDmWT6ZdzpNQk5KhuQQ6FDanVIimn4OCAyQFiBNYIC0AGkCA6QFSBMYIC1AmsAAaQHSBAZIC5DG9XpAsVgeBnMO9iVn1xQLK+zypdsaI+t2PcF9D2CexTUV3yAdjawnNP0QcG2AxsgC2L5GLW7ZIpOzbl/seg44HXOuV3KcY14fSF25V8ErgiEgLUCawABpAdIEBkgLkCYwQFqANIEB0gKkCQyQFiBNYIDgZ6s/pbekRIgZoKwnNPR7vlHE9gg1up5wXQRzgNK27aVbWqrEcUcoFArtjtCO1VAN+KNmxKNHj7wU5S8RRy3812qpBiyrKWbIfOmpJh8hpnF7ACWrqZ0lcR52soZR7vVWmvcYRrkXBNtVhpnqtdYNaGuP5UHYPMtClE1evM0mKH+YaFHCG+GwuWAd2JaijR/Lz5joq+N9DsH4yMRz+/ux9Zu+iXppqRJvba09gYkXp9+8WjwYNDowkLzYAAAwCsszDJrwQav/EKZ0PfVWDZ27D+jXU5MAz/inyieYpjOZ5Dtn+NKnMcVieRTMMwC6PRXmPRsMmlC7vcqVj6NKpVLk+Dg0CpgjzNRHJxucb/oNUpWBbSJeZqZ8OGwupNPpI2lRATeV/+HNFJvPZJXuAAAAAElFTkSuQmCC";
 const ADD_POINT_IMG_ON = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADjUlEQVR4nO2by08TURTGvzNAK49oDCsRNqbFxPogtsQ/AhNAowsxLksTlxIxrtwZwJUJsa07E1wQNSUh8X+wrQFDNSklMQGVjRgMj7TIHBcww50WWEyZOTzmt7pz7pn2O1/n3pne3gIeJxvarzM0nvM1LPl7GegGcB3gVgCN7kizzSpACwA+E3NqrbmUyt0NlfZK3tOAyKv8bRANA7jghEoXmSPw43Ss/cNunRUG3Bnnmu+/C0NMeOS8Nvdg8IvsYnAQz0hX41p54nEsHgAINBA5N/e8Mq6wfdm/K8spElNC1/S3G/XrM18eXFt1VGmVXH0z3Vi3Xn+ZGH0ARQH41X4m6s32B1LGsWlAaDznq1/yfYMy5hn4UQO961Ps4rQb4g+azmS+Q9dpkoDzZpBQWD9bChkTozkEGpb8vbBOeMWjXDwApKPtU5rGNwEUzSAjcOqPr9s41Hbi6FZPJqbEUS7eIB1tnwLhtSXIqDQA4LA1Z3PMYW2uoW/CUguBIkZbvQu0qEnr+r+vDutyjSKXZqwRNucE1YAmNSX3MLTiqCoX2aUWs9aK54CTRq3UG4cT+S7SKQnCJjTqz0QDHyV0iF0BxBQHoQVAG3ROSOmQHAKtSrtNSsSJnwM8A6QFSOMZIC1AGs8AaQHSeAZIC5DGM0BagDSeAdICpLG9HhBO5LvAlLAsOVdBJD7LNk9dgEZRu+sJtq8AYoofVPFV0lrNesKJHwL2DdAoCmDh4KTYZp62fgKzhe05YHvM2V7JKR/zmVhw370KTuENAWkB0ngGSAuQxjNAWoA0ngHSAqTxDJAWII1ngLQAaTwDBN9b/So9LyVCzoCd9YSqvs9Xi9geoWrXEw4Kbw5Q2pa9dKHRXBOOCTdezp4uC/01GqoBP9WMeq32kpOi3GSjFmW10C+jpRhAWWsO3XdUlYtoNehTjxmcMfuMBjGnYIGincl8h9PinKYzme8Aw3KXIcCs1TRgrbmUAjCn5Pl1nSaPsgnGHyYA+MwgocC0PLFzqJ4Qz99i0Puy1ymBkNQ3MVbk0sxh30QdGs01Ndb4ruiEe9ufvK8spScTC+5uAACE4/kRAg04LVQCAobSseATNVbxHJBdDA4CNOKeLJcgGk4vBp5WhPfKDycKPQQeASPgrDKHIRTAGFAve2v3PoQTmTrgTA8Y3QSEsbXB+bA/IK0AWGAgS0CKaXki2x/ZkBblcVj5D1vBAfS1aXiGAAAAAElFTkSuQmCC";
 
 var TraceType;
@@ -87,13 +88,6 @@ class KiwiChartComponent {
          * @memberof KiwiChartComponent
          */
         this.chartOption = {};
-        /**
-         * The object used by echarts to update an already initialized Chart.
-         *
-         * @type {EChartsOption}
-         * @memberof KiwiChartComponent
-         */
-        this.updateOption = {};
         /**
          * The instance of the Chart.
          *
@@ -108,85 +102,26 @@ class KiwiChartComponent {
          * @memberof KiwiChartComponent
          */
         this.zr = null;
-        this.subscriptions = [];
+        /**
+         * Subject used to unsubscribe once the component gets destroyed.
+         *
+         * @private
+         * @type {Subject<void>}
+         * @memberof KiwiChartComponent
+         */
+        this.destroyed$ = new Subject();
     }
     ngOnInit() {
-        // Initial Chart Configuration
-        this.chartOption = {
-            title: {
-                text: "Chart",
-            },
-            backgroundColor: this.darkTheme ? this.darkThemeBackground ?? '#303030' : 'transparent',
-            tooltip: {
-                axisPointer: {
-                    type: 'cross',
-                    crossStyle: {
-                        color: '#bebebe'
-                    }
-                }
-            },
-            toolbox: {
-                orient: 'horizontal',
-                feature: {
-                    dataZoom: {
-                        brushStyle: {
-                            borderColor: '#000',
-                            borderWidth: 1,
-                            borderType: 'dashed'
-                        },
-                    },
-                    saveAsImage: {}
-                },
-                left: 'center'
-            },
-            dataZoom: [
-                {
-                    type: 'inside',
-                    xAxisIndex: [0],
-                    throttle: 0,
-                    filterMode: 'none'
-                },
-                {
-                    type: 'inside',
-                    yAxisIndex: [0],
-                    throttle: 0,
-                    filterMode: 'none'
-                }
-            ],
-            xAxis: {
-                type: "value",
-                name: "X",
-                nameLocation: 'middle',
-                nameGap: 30,
-                splitLine: {
-                    lineStyle: {
-                        color: this.darkTheme ? '#595959' : '#ccc'
-                    }
-                }
-            },
-            yAxis: {
-                type: "value",
-                name: "Y",
-                nameLocation: 'middle',
-                nameGap: 50,
-                splitLine: {
-                    lineStyle: {
-                        color: this.darkTheme ? '#595959' : '#ccc'
-                    }
-                }
-            },
-            series: [],
-            animation: false
-        };
         /**
          * This is a manual change detection running every 200ms, the memory should not be much afflicted.
          * It's necessary because when interacting with the chart (for example addPoint),
          * Angular loses the change detection and the point is not added in the chart canvas.
          */
-        this.subscriptions.push(interval(200)
+        interval(200)
+            .pipe(takeUntil(this.destroyed$))
             .subscribe(() => {
             this.cd.detectChanges();
-        }));
+        });
     }
     onChartInit(ec) {
         this.echartsInstance = ec;
@@ -229,16 +164,35 @@ class KiwiChartComponent {
     ngOnChanges(changes) {
         let chart = changes['chart']?.currentValue;
         if (chart) {
-            this.updateOption = {
+            this.chartOption = {
                 title: {
                     text: chart.title,
                 },
+                backgroundColor: this.darkTheme ? this.darkThemeBackground ?? '#303030' : 'transparent', tooltip: {
+                    axisPointer: {
+                        type: 'cross',
+                        crossStyle: {
+                            color: '#bebebe'
+                        }
+                    }
+                },
                 toolbox: {
+                    orient: 'horizontal',
+                    left: 'center',
                     feature: {
+                        dataZoom: {
+                            brushStyle: {
+                                borderColor: '#000',
+                                borderWidth: 1,
+                                borderType: 'dashed'
+                            },
+                        },
+                        saveAsImage: {},
+                        restore: {},
                         myAddPoint: {
                             show: chart.clickToAddPoint ?? false,
                             title: chart.addPointCustomName ?? 'Add Point',
-                            icon: ADD_POINT_IMG_OFF,
+                            icon: this.darkTheme ? ADD_POINT_IMG_OFF_DARK : ADD_POINT_IMG_OFF_LIGHT,
                             iconStatus: false,
                             onclick: () => {
                                 let option = this.echartsInstance?.getOption();
@@ -248,7 +202,7 @@ class KiwiChartComponent {
                                         feature: {
                                             myAddPoint: {
                                                 iconStatus: !status,
-                                                icon: !status ? ADD_POINT_IMG_ON : ADD_POINT_IMG_OFF
+                                                icon: !status ? ADD_POINT_IMG_ON : this.darkTheme ? ADD_POINT_IMG_OFF_DARK : ADD_POINT_IMG_OFF_LIGHT
                                             }
                                         }
                                     }
@@ -258,8 +212,20 @@ class KiwiChartComponent {
                     },
                 },
                 dataZoom: [
-                    { disabled: !chart.scrollToZoom ?? true },
-                    { disabled: !chart.scrollToZoom ?? true },
+                    {
+                        type: 'inside',
+                        xAxisIndex: [0],
+                        throttle: 0,
+                        filterMode: 'none',
+                        disabled: !chart.scrollToZoom ?? true
+                    },
+                    {
+                        type: 'inside',
+                        yAxisIndex: [0],
+                        throttle: 0,
+                        filterMode: 'none',
+                        disabled: !chart.scrollToZoom ?? true
+                    },
                 ],
                 legend: {
                     data: chart.shapes.map((shape) => ({
@@ -281,16 +247,26 @@ class KiwiChartComponent {
                 xAxis: {
                     type: chart.xAxisType,
                     name: chart.xAxisUom ? `${chart.xAxisName} [ ${chart.xAxisUom} ]` : chart.xAxisName,
+                    nameLocation: 'middle',
+                    nameGap: 30,
                     splitLine: {
-                        show: chart.showGrid ?? true
+                        show: chart.showGrid ?? true,
+                        lineStyle: {
+                            color: this.darkTheme ? '#595959' : '#ccc'
+                        }
                     }
                 },
                 yAxis: {
                     type: chart.yAxisType,
                     name: chart.yAxisUom ? `${chart.yAxisName} [ ${chart.yAxisUom} ]` : chart.yAxisName,
+                    nameLocation: 'middle',
+                    nameGap: 50,
                     splitLine: {
-                        show: chart.showGrid ?? true
-                    }
+                        show: chart.showGrid ?? true,
+                        lineStyle: {
+                            color: this.darkTheme ? '#595959' : '#ccc'
+                        }
+                    },
                 },
                 series: this.createSeries(chart.shapes),
                 animation: chart.hasAnimations,
@@ -340,10 +316,10 @@ class KiwiChartComponent {
                     color: this.darkTheme ? '#fff' : '#000'
                 },
                 tooltip: {
-                    formatter: ({ value }) => `
-              <strong>${this.chart?.xAxisName}:</strong> ${value[0].toFixed(3).replace(/[.,]000$/, "")}
-              <br>
-              <strong>${this.chart?.yAxisName}:</strong> ${value[1].toFixed(3).replace(/[.,]000$/, "")}
+                    formatter: ({ value }) => `
+              <strong>${this.chart?.xAxisName}:</strong> ${value[0].toFixed(3).replace(/[.,]000$/, "")}
+              <br>
+              <strong>${this.chart?.yAxisName}:</strong> ${value[1].toFixed(3).replace(/[.,]000$/, "")}
             `
                 }
             })),
@@ -356,41 +332,40 @@ class KiwiChartComponent {
         };
     }
     ngOnDestroy() {
-        this.subscriptions.forEach((subscription) => subscription.unsubscribe());
+        this.destroyed$.next();
+        this.destroyed$.complete();
     }
 }
 KiwiChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: KiwiChartComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-KiwiChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: KiwiChartComponent, selector: "kiwi-chart", inputs: { chart: "chart", width: "width", height: "height", darkTheme: "darkTheme", darkThemeBackground: "darkThemeBackground" }, outputs: { addPoint: "addPoint" }, usesOnChanges: true, ngImport: i0, template: `
-    <div 
-      echarts 
-      [options]="chartOption" 
-      [merge]="updateOption"
-      [ngStyle]="{
-        'width': width,
-        'height': height
-      }"
-      (chartInit)="onChartInit($event)"
-      [theme]="darkTheme ? 'dark' : ''"
-    ></div> 
+KiwiChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: KiwiChartComponent, selector: "kiwi-chart", inputs: { chart: "chart", width: "width", height: "height", darkTheme: "darkTheme", darkThemeBackground: "darkThemeBackground" }, outputs: { addPoint: "addPoint" }, usesOnChanges: true, ngImport: i0, template: `
+    <div 
+      echarts 
+      [options]="chartOption" 
+      [ngStyle]="{
+        'width': width,
+        'height': height
+      }"
+      (chartInit)="onChartInit($event)"
+      [theme]="darkTheme ? 'dark' : ''"
+    ></div> 
   `, isInline: true, styles: [""], directives: [{ type: i1.NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["options", "theme", "loading", "initOpts", "merge", "autoResize", "loadingType", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartPieSelectChanged", "chartPieSelected", "chartPieUnselected", "chartMapSelectChanged", "chartMapSelected", "chartMapUnselected", "chartAxisAreaSelected", "chartFocusNodeAdjacency", "chartUnfocusNodeAdjacency", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartRendered", "chartFinished"], exportAs: ["echarts"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: KiwiChartComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kiwi-chart',
-                    template: `
-    <div 
-      echarts 
-      [options]="chartOption" 
-      [merge]="updateOption"
-      [ngStyle]="{
-        'width': width,
-        'height': height
-      }"
-      (chartInit)="onChartInit($event)"
-      [theme]="darkTheme ? 'dark' : ''"
-    ></div> 
+                    template: `
+    <div 
+      echarts 
+      [options]="chartOption" 
+      [ngStyle]="{
+        'width': width,
+        'height': height
+      }"
+      (chartInit)="onChartInit($event)"
+      [theme]="darkTheme ? 'dark' : ''"
+    ></div> 
   `,
-                    styles: [`
+                    styles: [`
   `]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { chart: [{
@@ -450,5 +425,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_POINT_IMG_OFF, ADD_POINT_IMG_ON, AxisType, KiwiChartComponent, KiwiChartModule, PointSymbol, ShapeVariant, TraceStyle, TraceType };
+export { ADD_POINT_IMG_OFF_DARK, ADD_POINT_IMG_OFF_LIGHT, ADD_POINT_IMG_ON, AxisType, KiwiChartComponent, KiwiChartModule, PointSymbol, ShapeVariant, TraceStyle, TraceType };
 //# sourceMappingURL=kiwibit-chart.mjs.map

package/fesm2020/kiwibit-chart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kiwibit-chart.mjs","sources":["../../../../projects/kiwibit/chart/src/lib/constants/chart.constants.ts","../../../../projects/kiwibit/chart/src/lib/models/chart.models.ts","../../../../projects/kiwibit/chart/src/lib/chart.component.ts","../../../../projects/kiwibit/chart/src/lib/chart.module.ts","../../../../projects/kiwibit/chart/src/public-api.ts","../../../../projects/kiwibit/chart/src/kiwibit-chart.ts"],"sourcesContent":["export const ADD_POINT_IMG_OFF = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADgElEQVR4nO2bTUsbURSG3zMmkWLoThetboq46AdI7b+woLYQrGNdRjDSTW0tXbkralctEWN34kQY2hJB6J+oxYK0lOhK2y7iSpSiyeR0ESe5M34sJs4cP+ZZ3TlzhrznZe5J5uYOEHK1odNOmqYZKxxYfQD3gHAfQCuApmCkeWYPwBYY31hDriUSySUSiYOTkk804H02+1hjTAG45YfKoCBgg8EvU7r++YTzTkzTbCiUSpNgPPdfXpDw20I+Pz4xMVFWo5o77XIWDwA01tzR8eZIVD04vO0/unL2Ac6wpmX/FYtrL4aG9nzVWSfT8/NN16LRu7BYJ0ISQKN6ngh9IwMDueqxPTBNM1Yoln5CnfOE35aldT972v89AO1nTtowOkG0DMbNWpTWm6MNd+zGWJ0ClW7vaHj7F7l4AEjp+iqYHwLYr0W5fbtY7LGPlB7APXDAmYtcvE1K11cB+qDGGHSMAYQuNUkDDN/VBQSx5a7lgT1QvwVuqBnlaPSHn6KChGOxNVeo2hNUA+JqRiqR2PVTVJAcU0u11iO/A64aEakPnllc7OYyzwGwiLXhkcH+LxI6xO4ALvMsKn2njamckdIhOQValXGblIgr3wNCA6QFSBMaIC1AmtAAaQHShAZIC5AmNEBagDShAdICpPG8HjCzuNjNzBnnkrN30kaWPV66Rawlva4neL4DuMyzZ1V8nbTWs55w5aeAZwOItSSArTPU4pVNVP4C84TnHnA45zyv5LjnfEofOHWvgl+EU0BagDShAdICpAkNkBYgTWiAtABpQgOkBUgTGiAtQJrQAMHPVh+lN6VEiBmgrCfU9TxfL2J7hOpdTzgrwh6gjB176dKmGccl4d3CwnVXaMceqAb8UTO0YvG2n6KCJAK4a/lrD2oGMFbUDItp0F9ZwcHUoLtCX+1B1QDWkFMziJBMG0anz9p8J20YnQx2fsswVWutGtASieQI2FDSGkG0fJFNsF+YICBWi9J6ZG9nqXrkuuARQJ/UGAMHBJojtgyOxdbO+ybqtGnGuVS6R0wDDE46iwcY3Duq68cbAABpw5gGaCwIsUHDoMlR/ckrNXb0rbF8fpwY08HJCgjC1Hb+1+uj4ROYyWZ7mWka4HZ/lfkNrTPKY+pt7zh72qWZTCZqxeO9h+/YdKGywfm8/0DaReUZYwVMucjeztLw8HBRWlTIeeU/aykWi4H+qgIAAAAASUVORK5CYII=\";\r\nexport const ADD_POINT_IMG_ON = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADjUlEQVR4nO2by08TURTGvzNAK49oDCsRNqbFxPogtsQ/AhNAowsxLksTlxIxrtwZwJUJsa07E1wQNSUh8X+wrQFDNSklMQGVjRgMj7TIHBcww50WWEyZOTzmt7pz7pn2O1/n3pne3gIeJxvarzM0nvM1LPl7GegGcB3gVgCN7kizzSpACwA+E3NqrbmUyt0NlfZK3tOAyKv8bRANA7jghEoXmSPw43Ss/cNunRUG3Bnnmu+/C0NMeOS8Nvdg8IvsYnAQz0hX41p54nEsHgAINBA5N/e8Mq6wfdm/K8spElNC1/S3G/XrM18eXFt1VGmVXH0z3Vi3Xn+ZGH0ARQH41X4m6s32B1LGsWlAaDznq1/yfYMy5hn4UQO961Ps4rQb4g+azmS+Q9dpkoDzZpBQWD9bChkTozkEGpb8vbBOeMWjXDwApKPtU5rGNwEUzSAjcOqPr9s41Hbi6FZPJqbEUS7eIB1tnwLhtSXIqDQA4LA1Z3PMYW2uoW/CUguBIkZbvQu0qEnr+r+vDutyjSKXZqwRNucE1YAmNSX3MLTiqCoX2aUWs9aK54CTRq3UG4cT+S7SKQnCJjTqz0QDHyV0iF0BxBQHoQVAG3ROSOmQHAKtSrtNSsSJnwM8A6QFSOMZIC1AGs8AaQHSeAZIC5DGM0BagDSeAdICpLG9HhBO5LvAlLAsOVdBJD7LNk9dgEZRu+sJtq8AYoofVPFV0lrNesKJHwL2DdAoCmDh4KTYZp62fgKzhe05YHvM2V7JKR/zmVhw370KTuENAWkB0ngGSAuQxjNAWoA0ngHSAqTxDJAWII1ngLQAaTwDBN9b/So9LyVCzoCd9YSqvs9Xi9geoWrXEw4Kbw5Q2pa9dKHRXBOOCTdezp4uC/01GqoBP9WMeq32kpOi3GSjFmW10C+jpRhAWWsO3XdUlYtoNehTjxmcMfuMBjGnYIGincl8h9PinKYzme8Aw3KXIcCs1TRgrbmUAjCn5Pl1nSaPsgnGHyYA+MwgocC0PLFzqJ4Qz99i0Puy1ymBkNQ3MVbk0sxh30QdGs01Ndb4ruiEe9ufvK8spScTC+5uAACE4/kRAg04LVQCAobSseATNVbxHJBdDA4CNOKeLJcgGk4vBp5WhPfKDycKPQQeASPgrDKHIRTAGFAve2v3PoQTmTrgTA8Y3QSEsbXB+bA/IK0AWGAgS0CKaXki2x/ZkBblcVj5D1vBAfS1aXiGAAAAAElFTkSuQmCC\";","/**\n * Interface to define the Chart model.\n *\n * @export\n * @interface Chart\n */\nexport interface Chart {\n    title: string;\n    showLegend?: boolean;\n    xAxisType: AxisType;\n    xAxisName: string;\n    xAxisUom?: string;\n    yAxisType: AxisType;\n    yAxisName: string;\n    yAxisUom?: string;\n    /**\n     * If the chart should have rendering animations.\n     *\n     * @type {boolean}\n     * @memberof Chart\n     */\n    hasAnimations?: boolean;\n    /**\n     * The list of Shapes that the chart must render.\n     * Each Shape corrisponds to a single chart component.\n     *\n     * @type {Shape[]}\n     * @memberof Chart\n     */\n    shapes: Shape[];\n    /**\n     * Adds interaction with the chart, so that when clicking\n     * everywhere in the chart area a point gets added and it's coordinate are \n     * emitted with an event to the parent component.\n     *\n     * @type {boolean}\n     * @memberof Chart\n     */\n    clickToAddPoint?: boolean;\n    /**\n     * Custom name for the \"clickToAddPoint\" event related button. \n     *\n     * @type {string}\n     * @memberof Chart\n     */\n    addPointCustomName?: string;\n    /**\n     * Adds the possibility to use the scroll \n     * to zoom in/out the chart area.\n     *\n     * @type {boolean}\n     * @memberof Chart\n     */\n    scrollToZoom?: boolean;\n    /**\n     * Tells the chart to render or not the grid lines.\n     *\n     * @type {boolean}\n     * @memberof Chart\n     */\n    showGrid?: boolean;\n}\n\nexport type Shape = Trace;\n\nexport interface Trace {\n    name?: string;\n    /**\n     * The variant of the Shape, must be of type Trace.\n     *\n     * @type {ShapeVariant}\n     * @memberof Trace\n     */\n    variant: ShapeVariant;\n    color?: string;\n    /**\n     * The type of the Trace drawn by the chart.\n     * Can be a line or a scatter. \n     *\n     * @type {TraceType}\n     * @memberof Trace\n     */\n    type: TraceType;\n    width?: number;\n    /**\n     * The list of points that define the Trace.\n     *\n     * @type {Point[]}\n     * @memberof Trace\n     */\n    points: Point[];\n    /**\n     * Whether to show a smooth curve or a segmented curve.\n     *\n     * @type {boolean}\n     * @memberof Trace\n     */\n    smooth?: boolean;\n    /**\n     * The style of the Trace.\n     * Can be solid, dashed or dotted.\n     *\n     * @type {TraceStyle}\n     * @memberof Trace\n     */\n    style?: TraceStyle;\n    /**\n     * Option to make the Trace selected/deselected by default.\n     * A deselected Trace is obscured from the chart and can be toggled from the legend.   \n     *\n     * @type {boolean}\n     * @memberof Trace\n     */\n    selectedByDefault?: boolean;\n}\n\nexport interface Point extends BasePoint {\n    name?: string;\n    /**\n     * Symbol used to represent the point in the chart.\n     *\n     * @type {PointSymbol}\n     * @memberof Point\n     */\n    symbol?: PointSymbol;\n    symbolSize?: number;\n    color?: string;\n}\n\nexport interface BasePoint {\n    x: number;\n    y: number\n}\n\nexport enum TraceType {\n    LINE = \"line\",\n    SCATTER = \"scatter\"\n}\n\nexport enum PointSymbol {\n    NONE = \"none\",\n    CIRCLE = \"circle\",\n    TRIANGLE = \"triangle\",\n    PIN = \"pin\",\n    DIAMOND = \"diamond\"\n}\n\nexport enum TraceStyle {\n    SOLID = \"solid\",\n    DASHED = \"dashed\",\n    DOTTED = \"dotted\"\n}\n\nexport enum AxisType {\n    VALUE = \"value\"\n}\n\nexport enum ShapeVariant {\n    TRACE\n}","import { ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges } from '@angular/core';\nimport { CustomSeriesOption, ECharts, EChartsOption, LineSeriesOption, ScatterSeriesOption, zrender } from 'echarts';\nimport { interval, Subscription } from 'rxjs';\nimport { ADD_POINT_IMG_OFF, ADD_POINT_IMG_ON } from './constants/chart.constants';\nimport { Chart, Shape, ShapeVariant, Trace, Point, BasePoint } from './models/chart.models';\n\n@Component({\n  selector: 'kiwi-chart',\n  template: `\n    <div \n      echarts \n      [options]=\"chartOption\" \n      [merge]=\"updateOption\"\n      [ngStyle]=\"{\n        'width': width,\n        'height': height\n      }\"\n      (chartInit)=\"onChartInit($event)\"\n      [theme]=\"darkTheme ? 'dark' : ''\"\n    ></div> \n  `,\n  styles: [`\n  `]\n})\nexport class KiwiChartComponent implements OnInit, OnChanges, OnDestroy {\n\n  /**\n   * The Chart Object rendered by the canvas. For all the available options refer \n   * to Chart interface in the models folder.\n   *\n   * @type {(Chart | null)}\n   * @memberof KiwiChartComponent\n   */\n  @Input() chart: Chart | null = null;\n\n  /**\n   * Width and Height of the chart area. The dimensions refer to the father component \n   * into which the kiwi-chart is inserted. For example in an empty page the width/height \n   * of the chart can take the whole available space in the page.\n   *\n   * @type {string}\n   * @memberof KiwiChartComponent\n   */\n  @Input() width: string = '100%';\n  @Input() height: string = '480px';\n\n  /**\n   * This property simply activates or not the dark theme of the chart\n   * defined by the Echarts library. In addition the background color can be custom\n   * so that the chart can match the background of the application in which it's used.\n   *\n   * @type {boolean}\n   * @memberof KiwiChartComponent\n   */\n  @Input() darkTheme: boolean = false;\n  @Input() darkThemeBackground?: string;\n\n  /**\n   * Output event used to emit to the father component the coordinates\n   * of the point clicked in the chart area. This functionality to be used must\n   * have the property \"clickToAddPoint\" in the Chart object set to true.\n   *\n   * @type {EventEmitter<BasePoint>}\n   * @memberof KiwiChartComponent\n   */\n  @Output() addPoint: EventEmitter<BasePoint> = new EventEmitter<BasePoint>();\n\n  /**\n   * The object used by echarts to initially create the Chart.\n   *\n   * @type {EChartsOption}\n   * @memberof KiwiChartComponent\n   */\n  chartOption: EChartsOption = {};\n\n  /**\n   * The object used by echarts to update an already initialized Chart.\n   *\n   * @type {EChartsOption}\n   * @memberof KiwiChartComponent\n   */\n  updateOption: EChartsOption = {};\n\n  /**\n   * The instance of the Chart.\n   *\n   * @type {(ECharts | null)}\n   * @memberof KiwiChartComponent\n   */\n  echartsInstance: ECharts | null = null;\n\n  /**\n   * Used to perform actions (as point addition based on the cursor position) on the chart.\n   *\n   * @type {(zrender.ZRenderType | null)}\n   * @memberof KiwiChartComponent\n   */\n  zr: zrender.ZRenderType | null = null;\n\n  subscriptions: Subscription[] = [];\n\n  constructor(\n    private cd: ChangeDetectorRef\n  ) { }\n\n  ngOnInit(): void {\n\n    // Initial Chart Configuration\n    this.chartOption = {\n      title: {\n        text: \"Chart\",\n      },\n      backgroundColor: this.darkTheme ? this.darkThemeBackground ?? '#303030' : 'transparent',\n      tooltip: {\n        axisPointer: {\n          type: 'cross',\n          crossStyle: {\n            color: '#bebebe'\n          }\n        }\n      },\n      toolbox: {\n        orient: 'horizontal',\n        feature: {\n          dataZoom: {\n            brushStyle: {\n              borderColor: '#000',\n              borderWidth: 1,\n              borderType: 'dashed'\n            },\n          },\n          saveAsImage: {}\n        },\n        left: 'center'\n      },\n      dataZoom: [\n        {\n          type: 'inside',\n          xAxisIndex: [0],\n          throttle: 0,\n          filterMode: 'none'\n        },\n        {\n          type: 'inside',\n          yAxisIndex: [0],\n          throttle: 0,\n          filterMode: 'none'\n        }\n      ],\n      xAxis: {\n        type: \"value\",\n        name: \"X\",\n        nameLocation: 'middle',\n        nameGap: 30,\n        splitLine: {\n          lineStyle: {\n            color: this.darkTheme ? '#595959' : '#ccc'\n          }\n        }\n      },\n      yAxis: {\n        type: \"value\",\n        name: \"Y\",\n        nameLocation: 'middle',\n        nameGap: 50,\n        splitLine: {\n          lineStyle: {\n            color: this.darkTheme ? '#595959' : '#ccc'\n          }\n        }\n      },\n      series: [],\n      animation: false\n    };\n\n    /** \n     * This is a manual change detection running every 200ms, the memory should not be much afflicted.\n     * It's necessary because when interacting with the chart (for example addPoint),\n     * Angular loses the change detection and the point is not added in the chart canvas.\n     */\n    this.subscriptions.push(\n      interval(200)\n        .subscribe(() => {\n          this.cd.detectChanges();\n        })\n    );\n  }\n\n  onChartInit(ec: ECharts) {\n    this.echartsInstance = ec;\n    this.setupZrEventHandler(ec);\n  }\n\n  setupZrEventHandler(ec: ECharts) {\n    this.zr = ec.getZr();\n\n    /** \n     * Intercepts the click event on the chart (if the clickToAddPoint property is set to true)\n     * and emits the point coordinates to the father component.\n     */\n    this.zr.on('click', params => {\n      let option: any = ec.getOption();\n      let active = option?.toolbox?.[0]?.feature?.myAddPoint?.iconStatus;\n      if (active && this.chart?.clickToAddPoint) {\n        const pointInPixel = [params.offsetX, params.offsetY];\n        const pointInGrid = ec.convertFromPixel('grid', pointInPixel);\n        if (ec.containPixel('grid', pointInPixel) && pointInGrid) {\n          let newPoint: { x: number, y: number } = {\n            x: +pointInGrid[0].toFixed(3),\n            y: +pointInGrid[1].toFixed(3)\n          };\n          this.addPoint.emit(newPoint);\n        }\n      }\n    });\n\n    /** \n     * This is used to change the cursor's icon when the selected action is\n     * click to add point and viceversa back to default icon when it's not selected.\n     */\n    this.zr.on('mousemove', params => {\n      const pointInPixel = [params.offsetX, params.offsetY];\n      const option: any = ec.getOption();\n      const active = option?.toolbox?.[0]?.feature?.myAddPoint?.iconStatus;\n      if (active) {\n        this.zr?.setCursorStyle(\n          ec.containPixel('grid', pointInPixel) ? 'copy' : 'default'\n        );\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    let chart: Chart = changes['chart']?.currentValue;\n    if (chart) {\n      this.updateOption = {\n        title: {\n          text: chart.title,\n        },\n        toolbox: {\n          feature: {\n            myAddPoint: {\n              show: chart.clickToAddPoint ?? false,\n              title: chart.addPointCustomName ?? 'Add Point',\n              icon: ADD_POINT_IMG_OFF,\n              iconStatus: false,\n              onclick: () => {\n                let option: any = this.echartsInstance?.getOption();\n                let status = option.toolbox[0].feature.myAddPoint.iconStatus;\n                this.echartsInstance?.setOption({\n                  toolbox: {\n                    feature: {\n                      myAddPoint: {\n                        iconStatus: !status,\n                        icon: !status ? ADD_POINT_IMG_ON : ADD_POINT_IMG_OFF\n                      }\n                    }\n                  }\n                });\n              }\n            }\n          },\n        },\n        dataZoom: [\n          { disabled: !chart.scrollToZoom ?? true },\n          { disabled: !chart.scrollToZoom ?? true },\n        ],\n        legend: {\n          data: chart.shapes.map(\n            (shape: Shape) => ({\n              name: shape.name,\n              icon: 'circle'\n            })\n          ),\n          selected: chart.shapes.reduce((accumulator, shape: Shape) => ({ ...accumulator, [shape.name as string]: shape.selectedByDefault ?? true }), {}),\n          show: chart.showLegend ?? false,\n          orient: 'vertical',\n          left: 'right',\n          padding: [60, 20],\n          type: 'scroll',\n          textStyle: {\n            width: 100,\n            fontWeight: 'bold',\n            overflow: 'break'\n          }\n        },\n        xAxis: {\n          type: chart.xAxisType,\n          name: chart.xAxisUom ? `${chart.xAxisName} [ ${chart.xAxisUom} ]` : chart.xAxisName,\n          splitLine: {\n            show: chart.showGrid ?? true\n          }\n        },\n        yAxis: {\n          type: chart.yAxisType,\n          name: chart.yAxisUom ? `${chart.yAxisName} [ ${chart.yAxisUom} ]` : chart.yAxisName,\n          splitLine: {\n            show: chart.showGrid ?? true\n          }\n        },\n        series: this.createSeries(chart.shapes),\n        animation: chart.hasAnimations,\n      };\n    }\n  }\n\n  createSeries(shapes: Shape[]): Array<LineSeriesOption | CustomSeriesOption | ScatterSeriesOption> {\n    let series: Array<LineSeriesOption | CustomSeriesOption | ScatterSeriesOption> = [];\n    shapes.forEach(\n      (shape: Shape) => {\n        switch (shape.variant) {\n          case ShapeVariant.TRACE:\n            series.push(this.createTrace(shape as Trace))\n            break;\n          default:\n            break;\n        }\n      }\n    );\n    return series;\n  }\n\n  createTrace(trace: Trace): LineSeriesOption | ScatterSeriesOption {\n    return {\n      type: trace.type,\n      name: trace.name,\n      data: trace.points.map(\n        (point: Point) => ({\n          value: [point.x, point.y],\n          symbol: point.symbol ?? 'circle',\n          name: point.name,\n          symbolSize: point.symbolSize ?? 2,\n          itemStyle: {\n            color: point.color\n          },\n          emphasis: {\n            disabled: true\n          },\n          label: {\n            show: true,\n            position: 'bottom',\n            align: 'left',\n            verticalAlign: 'bottom',\n            formatter: () => `${point.name ?? ''}`,\n            fontSize: 13,\n            padding: [0, 0, 0, 10],\n            width: 100,\n            overflow: 'truncate',\n            ellipsis: '...',\n            fontWeight: 'bold',\n            color: this.darkTheme ? '#fff' : '#000'\n          },\n          tooltip: {\n            formatter: ({ value }: { value: number[] }) => `\n              <strong>${this.chart?.xAxisName}:</strong> ${value[0].toFixed(3).replace(/[.,]000$/, \"\")}\n              <br>\n              <strong>${this.chart?.yAxisName}:</strong> ${value[1].toFixed(3).replace(/[.,]000$/, \"\")}\n            `\n          }\n        })\n      ),\n      color: trace.color,\n      lineStyle: {\n        width: trace.width,\n        type: trace.style\n      },\n      smooth: trace.smooth ?? false\n    };\n  }\n\n  ngOnDestroy(): void {\n    this.subscriptions.forEach((subscription) => subscription.unsubscribe());\n  }\n\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KiwiChartComponent } from './chart.component';\nimport { NgxEchartsModule } from 'ngx-echarts';\nimport * as echarts from 'echarts/core';\nimport { TitleComponent, TooltipComponent, GridComponent, LegendComponent, DataZoomComponent, ToolboxComponent } from 'echarts/components';\nimport { LineChart, ScatterChart } from 'echarts/charts';\nimport { CanvasRenderer } from 'echarts/renderers';\necharts.use([\n  TitleComponent,\n  TooltipComponent,\n  GridComponent,\n  LineChart,\n  CanvasRenderer,\n  LegendComponent,\n  DataZoomComponent,\n  ToolboxComponent,\n  ScatterChart\n]);\n\n\n@NgModule({\n  declarations: [\n    KiwiChartComponent\n  ],\n  imports: [\n    CommonModule,\n    NgxEchartsModule.forRoot({ echarts })\n  ],\n  exports: [\n    KiwiChartComponent\n  ]\n})\nexport class KiwiChartModule { }\n","/*\n * Public API Surface of chart\n */\n\nexport * from './lib/chart.component';\nexport * from './lib/chart.module';\nexport * from './lib/models/chart.models';\nexport * from './lib/constants/chart.constants';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kiwibit-chart.mjs","sources":["../../../../projects/kiwibit/chart/src/lib/constants/chart.constants.ts","../../../../projects/kiwibit/chart/src/lib/models/chart.models.ts","../../../../projects/kiwibit/chart/src/lib/chart.component.ts","../../../../projects/kiwibit/chart/src/lib/chart.module.ts","../../../../projects/kiwibit/chart/src/public-api.ts","../../../../projects/kiwibit/chart/src/kiwibit-chart.ts"],"sourcesContent":["export const ADD_POINT_IMG_OFF_LIGHT = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADkUlEQVR4nO2bz0sUYRjHv8/otviDGDuWrhKdskBaQZi57MmLgVpIkJ06bH9AEdF/kF46dEg726liBSGwBEFnTm0oaF3s4lhdh1BhNuTpsDPLu+MvmHXm0ZzP6X2feWfn+3x33nf3fXlfIOV8Q0dd7O3tvaDr+igzDxPRLQCdANqSkRaZHQBbzPyViEqu65bW19crhzU+1ADDMO4S0QSAq3GoTJAfAJ5alvXhoItN4cDY2FiTruuTRPQSQEfc6hLgEoB7uVyu3XGcBQCsXtxngJ/846TUJYjR3d3dsrm5+VkN1nUB/7V/F7rRI6IpAG9bW1vX5ufnd+JW2giDg4Ntu7u7N5h5HEARQFa9rmna6NLSUimo1wzwB7zvqO/zP4loaHl5eTVu4XFgGEYfEc0BuKKEN1zX7Q0GRi2I6ro+ivrkvbOcPADYtr3CzLcBeEr4WkdHx3BQqRnAzMPqzUQ0dZaTD7BtewXAGzWm5lozgIjyaqO9vb2Z2NUlRziX/qCgKcHLaotsNvstTkVJkslk1kKh2pigGtCutlhcXNyOU1SSHJBLLVcN55xmqQcbhjFERNMA9gA8sizro4QOsTdA07TXqI47XQCmxHRIPZiZO5Vql5SOcz8GpAZIC5AmNUBagDSpAdICpEkNkBYgTWqAtABpUgOkBUgTeT3An89PoX7JOTKmafLxrfZDRFvMXIy6nhD5DfDn8yeSfCP40+rI6wnnvgtENoCZi0S0dZJiIuIQUTHqzZHHAL/PRV7JCfd5y7KO3KsQF2kXkBYgTWqAtABpUgOkBUiTGiAtQJrUAGkB0qQGSAuQJjVA6sGhqbQjpUNyg0SwntDQfL5RxPYINbqecFKkY4BSrttLVygU2vGfMDAwcDEU+hMUVAN+qS08z7sep6gkaW5uDufyOyiom6XLagtN0x7ErCtJxkP1L0FB3SxdCjUqGobRF6eqJPBzqPuVYeZarjUDXNctoXrAKCBLRHNn2QTlwMQFJbzhed5sUKlbijZN8w6A96HPqQCYBjCTyWTWTvsm6kKh0F6pVG4S0X1Uv3k1eTDziG3bBxsAAKZpTgJ4ErtSAZj5hW3bz9TYvlNjjuMs5HK5VgBmYsoSgIgmLMt6juOOzQFgx3E+9fT0rDJzP6rn7s4yG8z80LKsVwglDxxzdDafz2daWlpG/DM2eVSPzp72P0jbALYAlJm55HnebLlc/istKuW08g8wjAev/BoR3wAAAABJRU5ErkJggg==\";\r\nexport const ADD_POINT_IMG_OFF_DARK = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADgUlEQVR4nO2bz04TURTGvzNtaQOVB1BgYVhZDbSUDixZYwLoTlzXB5CI8QUM4ANQXeOCqCkJiUuWtpNCIaG6gRWoeyx/CmGOC5hyZ/izmDJzgM5vdefMafudr/femd65BQKaG7rqZKVSadndORhjohGAUwB1AGjzSZtbdgHeBmiFmPNt7bF8IpE4vCz5UgMKhZXnBJoG+KE3On2CsEkmv8kM9n27+LSD+fn5UFdX9xQBr71X5x8E/tCvpyaJyFTjmjPxLhYPAAyaMAqr751xWw846fb44sioMSPHbH5ubY2s9/T07HqstSHW1tba9vaOHmuaNg4gC0bUlkA0puvJfP3QalQqlZbqv8NfjjH/G4RhXU+tea7cAwyj3MsmLwJ4oIQ34veiCWtirA+B3Z2DMVvxhNptLh4AMpnkKmn0FISaEu6uVg9HrIO6ASeXujOYkbvNxVtkMslVmPhkj5rnDQDQp6aETG3OU2U+wsT2Whhpq6kacF/NqdYiP72V5R/7+7F1e4Tqc4JqQFxNGRpKVD1V5SMX1FKv9dx9QLMRlvrgYrE8TMwfGTjWGK/6B1PfJXTI9QDmWT6ZdzpNQk5KhuQQ6FDanVIimn4OCAyQFiBNYIC0AGkCA6QFSBMYIC1AmsAAaQHSBAZIC5DG9XpAsVgeBnMO9iVn1xQLK+zypdsaI+t2PcF9D2CexTUV3yAdjawnNP0QcG2AxsgC2L5GLW7ZIpOzbl/seg44HXOuV3KcY14fSF25V8ErgiEgLUCawABpAdIEBkgLkCYwQFqANIEB0gKkCQyQFiBNYIDgZ6s/pbekRIgZoKwnNPR7vlHE9gg1up5wXQRzgNK27aVbWqrEcUcoFArtjtCO1VAN+KNmxKNHj7wU5S8RRy3812qpBiyrKWbIfOmpJh8hpnF7ACWrqZ0lcR52soZR7vVWmvcYRrkXBNtVhpnqtdYNaGuP5UHYPMtClE1evM0mKH+YaFHCG+GwuWAd2JaijR/Lz5joq+N9DsH4yMRz+/ux9Zu+iXppqRJvba09gYkXp9+8WjwYNDowkLzYAAAwCsszDJrwQav/EKZ0PfVWDZ27D+jXU5MAz/inyieYpjOZ5Dtn+NKnMcVieRTMMwC6PRXmPRsMmlC7vcqVj6NKpVLk+Dg0CpgjzNRHJxucb/oNUpWBbSJeZqZ8OGwupNPpI2lRATeV/+HNFJvPZJXuAAAAAElFTkSuQmCC\";\r\nexport const ADD_POINT_IMG_ON = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADjUlEQVR4nO2by08TURTGvzNAK49oDCsRNqbFxPogtsQ/AhNAowsxLksTlxIxrtwZwJUJsa07E1wQNSUh8X+wrQFDNSklMQGVjRgMj7TIHBcww50WWEyZOTzmt7pz7pn2O1/n3pne3gIeJxvarzM0nvM1LPl7GegGcB3gVgCN7kizzSpACwA+E3NqrbmUyt0NlfZK3tOAyKv8bRANA7jghEoXmSPw43Ss/cNunRUG3Bnnmu+/C0NMeOS8Nvdg8IvsYnAQz0hX41p54nEsHgAINBA5N/e8Mq6wfdm/K8spElNC1/S3G/XrM18eXFt1VGmVXH0z3Vi3Xn+ZGH0ARQH41X4m6s32B1LGsWlAaDznq1/yfYMy5hn4UQO961Ps4rQb4g+azmS+Q9dpkoDzZpBQWD9bChkTozkEGpb8vbBOeMWjXDwApKPtU5rGNwEUzSAjcOqPr9s41Hbi6FZPJqbEUS7eIB1tnwLhtSXIqDQA4LA1Z3PMYW2uoW/CUguBIkZbvQu0qEnr+r+vDutyjSKXZqwRNucE1YAmNSX3MLTiqCoX2aUWs9aK54CTRq3UG4cT+S7SKQnCJjTqz0QDHyV0iF0BxBQHoQVAG3ROSOmQHAKtSrtNSsSJnwM8A6QFSOMZIC1AGs8AaQHSeAZIC5DGM0BagDSeAdICpLG9HhBO5LvAlLAsOVdBJD7LNk9dgEZRu+sJtq8AYoofVPFV0lrNesKJHwL2DdAoCmDh4KTYZp62fgKzhe05YHvM2V7JKR/zmVhw370KTuENAWkB0ngGSAuQxjNAWoA0ngHSAqTxDJAWII1ngLQAaTwDBN9b/So9LyVCzoCd9YSqvs9Xi9geoWrXEw4Kbw5Q2pa9dKHRXBOOCTdezp4uC/01GqoBP9WMeq32kpOi3GSjFmW10C+jpRhAWWsO3XdUlYtoNehTjxmcMfuMBjGnYIGincl8h9PinKYzme8Aw3KXIcCs1TRgrbmUAjCn5Pl1nSaPsgnGHyYA+MwgocC0PLFzqJ4Qz99i0Puy1ymBkNQ3MVbk0sxh30QdGs01Ndb4ruiEe9ufvK8spScTC+5uAACE4/kRAg04LVQCAobSseATNVbxHJBdDA4CNOKeLJcgGk4vBp5WhPfKDycKPQQeASPgrDKHIRTAGFAve2v3PoQTmTrgTA8Y3QSEsbXB+bA/IK0AWGAgS0CKaXki2x/ZkBblcVj5D1vBAfS1aXiGAAAAAElFTkSuQmCC\";","/**\r\n * Interface to define the Chart model.\r\n *\r\n * @export\r\n * @interface Chart\r\n */\r\nexport interface Chart {\r\n    title: string;\r\n    showLegend?: boolean;\r\n    xAxisType: AxisType;\r\n    xAxisName: string;\r\n    xAxisUom?: string;\r\n    yAxisType: AxisType;\r\n    yAxisName: string;\r\n    yAxisUom?: string;\r\n    /**\r\n     * If the chart should have rendering animations.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof Chart\r\n     */\r\n    hasAnimations?: boolean;\r\n    /**\r\n     * The list of Shapes that the chart must render.\r\n     * Each Shape corrisponds to a single chart component.\r\n     *\r\n     * @type {Shape[]}\r\n     * @memberof Chart\r\n     */\r\n    shapes: Shape[];\r\n    /**\r\n     * Adds interaction with the chart, so that when clicking\r\n     * everywhere in the chart area a point gets added and it's coordinate are \r\n     * emitted with an event to the parent component.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof Chart\r\n     */\r\n    clickToAddPoint?: boolean;\r\n    /**\r\n     * Custom name for the \"clickToAddPoint\" event related button. \r\n     *\r\n     * @type {string}\r\n     * @memberof Chart\r\n     */\r\n    addPointCustomName?: string;\r\n    /**\r\n     * Adds the possibility to use the scroll \r\n     * to zoom in/out the chart area.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof Chart\r\n     */\r\n    scrollToZoom?: boolean;\r\n    /**\r\n     * Tells the chart to render or not the grid lines.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof Chart\r\n     */\r\n    showGrid?: boolean;\r\n}\r\n\r\nexport type Shape = Trace;\r\n\r\nexport interface Trace {\r\n    name?: string;\r\n    /**\r\n     * The variant of the Shape, must be of type Trace.\r\n     *\r\n     * @type {ShapeVariant}\r\n     * @memberof Trace\r\n     */\r\n    variant: ShapeVariant;\r\n    color?: string;\r\n    /**\r\n     * The type of the Trace drawn by the chart.\r\n     * Can be a line or a scatter. \r\n     *\r\n     * @type {TraceType}\r\n     * @memberof Trace\r\n     */\r\n    type: TraceType;\r\n    width?: number;\r\n    /**\r\n     * The list of points that define the Trace.\r\n     *\r\n     * @type {Point[]}\r\n     * @memberof Trace\r\n     */\r\n    points: Point[];\r\n    /**\r\n     * Whether to show a smooth curve or a segmented curve.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof Trace\r\n     */\r\n    smooth?: boolean;\r\n    /**\r\n     * The style of the Trace.\r\n     * Can be solid, dashed or dotted.\r\n     *\r\n     * @type {TraceStyle}\r\n     * @memberof Trace\r\n     */\r\n    style?: TraceStyle;\r\n    /**\r\n     * Option to make the Trace selected/deselected by default.\r\n     * A deselected Trace is obscured from the chart and can be toggled from the legend.   \r\n     *\r\n     * @type {boolean}\r\n     * @memberof Trace\r\n     */\r\n    selectedByDefault?: boolean;\r\n}\r\n\r\nexport interface Point extends BasePoint {\r\n    name?: string;\r\n    /**\r\n     * Symbol used to represent the point in the chart.\r\n     *\r\n     * @type {PointSymbol}\r\n     * @memberof Point\r\n     */\r\n    symbol?: PointSymbol;\r\n    symbolSize?: number;\r\n    color?: string;\r\n}\r\n\r\nexport interface BasePoint {\r\n    x: number;\r\n    y: number\r\n}\r\n\r\nexport enum TraceType {\r\n    LINE = \"line\",\r\n    SCATTER = \"scatter\"\r\n}\r\n\r\nexport enum PointSymbol {\r\n    NONE = \"none\",\r\n    CIRCLE = \"circle\",\r\n    TRIANGLE = \"triangle\",\r\n    PIN = \"pin\",\r\n    DIAMOND = \"diamond\"\r\n}\r\n\r\nexport enum TraceStyle {\r\n    SOLID = \"solid\",\r\n    DASHED = \"dashed\",\r\n    DOTTED = \"dotted\"\r\n}\r\n\r\nexport enum AxisType {\r\n    VALUE = \"value\"\r\n}\r\n\r\nexport enum ShapeVariant {\r\n    TRACE\r\n}","import { ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges } from '@angular/core';\r\nimport { CustomSeriesOption, ECharts, EChartsOption, LineSeriesOption, ScatterSeriesOption, zrender } from 'echarts';\r\nimport { interval, Subject, takeUntil } from 'rxjs';\r\nimport { ADD_POINT_IMG_OFF_DARK, ADD_POINT_IMG_OFF_LIGHT, ADD_POINT_IMG_ON } from './constants/chart.constants';\r\nimport { Chart, Shape, ShapeVariant, Trace, Point, BasePoint } from './models/chart.models';\r\n@Component({\r\n  selector: 'kiwi-chart',\r\n  template: `\r\n    <div \r\n      echarts \r\n      [options]=\"chartOption\" \r\n      [ngStyle]=\"{\r\n        'width': width,\r\n        'height': height\r\n      }\"\r\n      (chartInit)=\"onChartInit($event)\"\r\n      [theme]=\"darkTheme ? 'dark' : ''\"\r\n    ></div> \r\n  `,\r\n  styles: [`\r\n  `]\r\n})\r\nexport class KiwiChartComponent implements OnInit, OnChanges, OnDestroy {\r\n\r\n  /**\r\n   * The Chart Object rendered by the canvas. For all the available options refer \r\n   * to Chart interface in the models folder.\r\n   *\r\n   * @type {(Chart | null)}\r\n   * @memberof KiwiChartComponent\r\n   */\r\n  @Input() chart: Chart | null = null;\r\n\r\n  /**\r\n   * Width and Height of the chart area. The dimensions refer to the father component \r\n   * into which the kiwi-chart is inserted. For example in an empty page the width/height \r\n   * of the chart can take the whole available space in the page.\r\n   *\r\n   * @type {string}\r\n   * @memberof KiwiChartComponent\r\n   */\r\n  @Input() width: string = '100%';\r\n  @Input() height: string = '480px';\r\n\r\n  /**\r\n   * This property simply activates or not the dark theme of the chart\r\n   * defined by the Echarts library. In addition the background color can be custom\r\n   * so that the chart can match the background of the application in which it's used.\r\n   *\r\n   * @type {boolean}\r\n   * @memberof KiwiChartComponent\r\n   */\r\n  @Input() darkTheme: boolean = false;\r\n  @Input() darkThemeBackground?: string;\r\n\r\n  /**\r\n   * Output event used to emit to the father component the coordinates\r\n   * of the point clicked in the chart area. This functionality to be used must\r\n   * have the property \"clickToAddPoint\" in the Chart object set to true.\r\n   *\r\n   * @type {EventEmitter<BasePoint>}\r\n   * @memberof KiwiChartComponent\r\n   */\r\n  @Output() addPoint: EventEmitter<BasePoint> = new EventEmitter<BasePoint>();\r\n\r\n  /**\r\n   * The object used by echarts to initially create the Chart.\r\n   *\r\n   * @type {EChartsOption}\r\n   * @memberof KiwiChartComponent\r\n   */\r\n  chartOption: EChartsOption = {};\r\n\r\n  /**\r\n   * The instance of the Chart.\r\n   *\r\n   * @type {(ECharts | null)}\r\n   * @memberof KiwiChartComponent\r\n   */\r\n  echartsInstance: ECharts | null = null;\r\n\r\n  /**\r\n   * Used to perform actions (as point addition based on the cursor position) on the chart.\r\n   *\r\n   * @type {(zrender.ZRenderType | null)}\r\n   * @memberof KiwiChartComponent\r\n   */\r\n  zr: zrender.ZRenderType | null = null;\r\n\r\n  /**\r\n   * Subject used to unsubscribe once the component gets destroyed.\r\n   *\r\n   * @private\r\n   * @type {Subject<void>}\r\n   * @memberof KiwiChartComponent\r\n   */\r\n  private destroyed$: Subject<void> = new Subject<void>();\r\n\r\n  constructor(\r\n    private cd: ChangeDetectorRef\r\n  ) { }\r\n\r\n  ngOnInit(): void {\r\n    /** \r\n     * This is a manual change detection running every 200ms, the memory should not be much afflicted.\r\n     * It's necessary because when interacting with the chart (for example addPoint),\r\n     * Angular loses the change detection and the point is not added in the chart canvas.\r\n     */\r\n    interval(200)\r\n      .pipe(\r\n        takeUntil(this.destroyed$)\r\n      )\r\n      .subscribe(() => {\r\n        this.cd.detectChanges();\r\n      });\r\n  }\r\n\r\n  onChartInit(ec: ECharts) {\r\n    this.echartsInstance = ec;\r\n    this.setupZrEventHandler(ec);\r\n  }\r\n\r\n  setupZrEventHandler(ec: ECharts) {\r\n    this.zr = ec.getZr();\r\n\r\n    /** \r\n     * Intercepts the click event on the chart (if the clickToAddPoint property is set to true)\r\n     * and emits the point coordinates to the father component.\r\n     */\r\n    this.zr.on('click', params => {\r\n      let option: any = ec.getOption();\r\n      let active = option?.toolbox?.[0]?.feature?.myAddPoint?.iconStatus;\r\n      if (active && this.chart?.clickToAddPoint) {\r\n        const pointInPixel = [params.offsetX, params.offsetY];\r\n        const pointInGrid = ec.convertFromPixel('grid', pointInPixel);\r\n        if (ec.containPixel('grid', pointInPixel) && pointInGrid) {\r\n          let newPoint: { x: number, y: number } = {\r\n            x: +pointInGrid[0].toFixed(3),\r\n            y: +pointInGrid[1].toFixed(3)\r\n          };\r\n          this.addPoint.emit(newPoint);\r\n        }\r\n      }\r\n    });\r\n\r\n    /** \r\n     * This is used to change the cursor's icon when the selected action is\r\n     * click to add point and viceversa back to default icon when it's not selected.\r\n     */\r\n    this.zr.on('mousemove', params => {\r\n      const pointInPixel = [params.offsetX, params.offsetY];\r\n      const option: any = ec.getOption();\r\n      const active = option?.toolbox?.[0]?.feature?.myAddPoint?.iconStatus;\r\n      if (active) {\r\n        this.zr?.setCursorStyle(\r\n          ec.containPixel('grid', pointInPixel) ? 'copy' : 'default'\r\n        );\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    let chart: Chart = changes['chart']?.currentValue;\r\n    if (chart) {\r\n      this.chartOption = {\r\n        title: {\r\n          text: chart.title,\r\n        },\r\n        backgroundColor: this.darkTheme ? this.darkThemeBackground ?? '#303030' : 'transparent', tooltip: {\r\n          axisPointer: {\r\n            type: 'cross',\r\n            crossStyle: {\r\n              color: '#bebebe'\r\n            }\r\n          }\r\n        },\r\n        toolbox: {\r\n          orient: 'horizontal',\r\n          left: 'center',\r\n          feature: {\r\n            dataZoom: {\r\n              brushStyle: {\r\n                borderColor: '#000',\r\n                borderWidth: 1,\r\n                borderType: 'dashed'\r\n              },\r\n            },\r\n            saveAsImage: {},\r\n            restore: {},\r\n            myAddPoint: {\r\n              show: chart.clickToAddPoint ?? false,\r\n              title: chart.addPointCustomName ?? 'Add Point',\r\n              icon: this.darkTheme ? ADD_POINT_IMG_OFF_DARK : ADD_POINT_IMG_OFF_LIGHT,\r\n              iconStatus: false,\r\n              onclick: () => {\r\n                let option: any = this.echartsInstance?.getOption();\r\n                let status = option.toolbox[0].feature.myAddPoint.iconStatus;\r\n                this.echartsInstance?.setOption({\r\n                  toolbox: {\r\n                    feature: {\r\n                      myAddPoint: {\r\n                        iconStatus: !status,\r\n                        icon: !status ? ADD_POINT_IMG_ON : this.darkTheme ? ADD_POINT_IMG_OFF_DARK : ADD_POINT_IMG_OFF_LIGHT\r\n                      }\r\n                    }\r\n                  }\r\n                });\r\n              }\r\n            }\r\n          },\r\n        },\r\n        dataZoom: [\r\n          {\r\n            type: 'inside',\r\n            xAxisIndex: [0],\r\n            throttle: 0,\r\n            filterMode: 'none',\r\n            disabled: !chart.scrollToZoom ?? true\r\n          },\r\n          {\r\n            type: 'inside',\r\n            yAxisIndex: [0],\r\n            throttle: 0,\r\n            filterMode: 'none',\r\n            disabled: !chart.scrollToZoom ?? true\r\n          },\r\n        ],\r\n        legend: {\r\n          data: chart.shapes.map(\r\n            (shape: Shape) => ({\r\n              name: shape.name,\r\n              icon: 'circle'\r\n            })\r\n          ),\r\n          selected: chart.shapes.reduce((accumulator, shape: Shape) => ({ ...accumulator, [shape.name as string]: shape.selectedByDefault ?? true }), {}),\r\n          show: chart.showLegend ?? false,\r\n          orient: 'vertical',\r\n          left: 'right',\r\n          padding: [60, 20],\r\n          type: 'scroll',\r\n          textStyle: {\r\n            width: 100,\r\n            fontWeight: 'bold',\r\n            overflow: 'break'\r\n          }\r\n        },\r\n        xAxis: {\r\n          type: chart.xAxisType,\r\n          name: chart.xAxisUom ? `${chart.xAxisName} [ ${chart.xAxisUom} ]` : chart.xAxisName,\r\n          nameLocation: 'middle',\r\n          nameGap: 30,\r\n          splitLine: {\r\n            show: chart.showGrid ?? true,\r\n            lineStyle: {\r\n              color: this.darkTheme ? '#595959' : '#ccc'\r\n            }\r\n          }\r\n        },\r\n        yAxis: {\r\n          type: chart.yAxisType,\r\n          name: chart.yAxisUom ? `${chart.yAxisName} [ ${chart.yAxisUom} ]` : chart.yAxisName,\r\n          nameLocation: 'middle',\r\n          nameGap: 50,\r\n          splitLine: {\r\n            show: chart.showGrid ?? true,\r\n            lineStyle: {\r\n              color: this.darkTheme ? '#595959' : '#ccc'\r\n            }\r\n          },\r\n        },\r\n        series: this.createSeries(chart.shapes),\r\n        animation: chart.hasAnimations,\r\n      };\r\n    }\r\n  }\r\n\r\n  createSeries(shapes: Shape[]): Array<LineSeriesOption | CustomSeriesOption | ScatterSeriesOption> {\r\n    let series: Array<LineSeriesOption | CustomSeriesOption | ScatterSeriesOption> = [];\r\n    shapes.forEach(\r\n      (shape: Shape) => {\r\n        switch (shape.variant) {\r\n          case ShapeVariant.TRACE:\r\n            series.push(this.createTrace(shape as Trace))\r\n            break;\r\n          default:\r\n            break;\r\n        }\r\n      }\r\n    );\r\n    return series;\r\n  }\r\n\r\n  createTrace(trace: Trace): LineSeriesOption | ScatterSeriesOption {\r\n    return {\r\n      type: trace.type,\r\n      name: trace.name,\r\n      data: trace.points.map(\r\n        (point: Point) => ({\r\n          value: [point.x, point.y],\r\n          symbol: point.symbol ?? 'circle',\r\n          name: point.name,\r\n          symbolSize: point.symbolSize ?? 2,\r\n          itemStyle: {\r\n            color: point.color\r\n          },\r\n          emphasis: {\r\n            disabled: true\r\n          },\r\n          label: {\r\n            show: true,\r\n            position: 'bottom',\r\n            align: 'left',\r\n            verticalAlign: 'bottom',\r\n            formatter: () => `${point.name ?? ''}`,\r\n            fontSize: 13,\r\n            padding: [0, 0, 0, 10],\r\n            width: 100,\r\n            overflow: 'truncate',\r\n            ellipsis: '...',\r\n            fontWeight: 'bold',\r\n            color: this.darkTheme ? '#fff' : '#000'\r\n          },\r\n          tooltip: {\r\n            formatter: ({ value }: { value: number[] }) => `\r\n              <strong>${this.chart?.xAxisName}:</strong> ${value[0].toFixed(3).replace(/[.,]000$/, \"\")}\r\n              <br>\r\n              <strong>${this.chart?.yAxisName}:</strong> ${value[1].toFixed(3).replace(/[.,]000$/, \"\")}\r\n            `\r\n          }\r\n        })\r\n      ),\r\n      color: trace.color,\r\n      lineStyle: {\r\n        width: trace.width,\r\n        type: trace.style\r\n      },\r\n      smooth: trace.smooth ?? false\r\n    };\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.destroyed$.next();\r\n    this.destroyed$.complete();\r\n  }\r\n\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { KiwiChartComponent } from './chart.component';\r\nimport { NgxEchartsModule } from 'ngx-echarts';\r\nimport * as echarts from 'echarts/core';\r\nimport { TitleComponent, TooltipComponent, GridComponent, LegendComponent, DataZoomComponent, ToolboxComponent } from 'echarts/components';\r\nimport { LineChart, ScatterChart } from 'echarts/charts';\r\nimport { CanvasRenderer } from 'echarts/renderers';\r\necharts.use([\r\n  TitleComponent,\r\n  TooltipComponent,\r\n  GridComponent,\r\n  LineChart,\r\n  CanvasRenderer,\r\n  LegendComponent,\r\n  DataZoomComponent,\r\n  ToolboxComponent,\r\n  ScatterChart\r\n]);\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    KiwiChartComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    NgxEchartsModule.forRoot({ echarts })\r\n  ],\r\n  exports: [\r\n    KiwiChartComponent\r\n  ]\r\n})\r\nexport class KiwiChartModule { }\r\n","/*\r\n * Public API Surface of chart\r\n */\r\n\r\nexport * from './lib/chart.component';\r\nexport * from './lib/chart.module';\r\nexport * from './lib/models/chart.models';\r\nexport * from './lib/constants/chart.constants';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/chart.component.d.ts

@@ -1,6 +1,5 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { CustomSeriesOption, ECharts, EChartsOption, LineSeriesOption, ScatterSeriesOption, zrender } from 'echarts';
-import { Subscription } from 'rxjs';
 import { Chart, Shape, Trace, BasePoint } from './models/chart.models';
 import * as i0 from "@angular/core";
 export declare class KiwiChartComponent implements OnInit, OnChanges, OnDestroy {
@@ -49,13 +48,6 @@ export declare class KiwiChartComponent implements OnInit, OnChanges, OnDestroy
      * @memberof KiwiChartComponent
      */
     chartOption: EChartsOption;
-    /**
-     * The object used by echarts to update an already initialized Chart.
-     *
-     * @type {EChartsOption}
-     * @memberof KiwiChartComponent
-     */
-    updateOption: EChartsOption;
     /**
      * The instance of the Chart.
      *
@@ -70,7 +62,14 @@ export declare class KiwiChartComponent implements OnInit, OnChanges, OnDestroy
      * @memberof KiwiChartComponent
      */
     zr: zrender.ZRenderType | null;
-    subscriptions: Subscription[];
+    /**
+     * Subject used to unsubscribe once the component gets destroyed.
+     *
+     * @private
+     * @type {Subject<void>}
+     * @memberof KiwiChartComponent
+     */
+    private destroyed$;
     constructor(cd: ChangeDetectorRef);
     ngOnInit(): void;
     onChartInit(ec: ECharts): void;

package/lib/constants/chart.constants.d.ts

@@ -1,2 +1,3 @@
-export declare const ADD_POINT_IMG_OFF = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADgElEQVR4nO2bTUsbURSG3zMmkWLoThetboq46AdI7b+woLYQrGNdRjDSTW0tXbkralctEWN34kQY2hJB6J+oxYK0lOhK2y7iSpSiyeR0ESe5M34sJs4cP+ZZ3TlzhrznZe5J5uYOEHK1odNOmqYZKxxYfQD3gHAfQCuApmCkeWYPwBYY31hDriUSySUSiYOTkk804H02+1hjTAG45YfKoCBgg8EvU7r++YTzTkzTbCiUSpNgPPdfXpDw20I+Pz4xMVFWo5o77XIWDwA01tzR8eZIVD04vO0/unL2Ac6wpmX/FYtrL4aG9nzVWSfT8/NN16LRu7BYJ0ISQKN6ngh9IwMDueqxPTBNM1Yoln5CnfOE35aldT972v89AO1nTtowOkG0DMbNWpTWm6MNd+zGWJ0ClW7vaHj7F7l4AEjp+iqYHwLYr0W5fbtY7LGPlB7APXDAmYtcvE1K11cB+qDGGHSMAYQuNUkDDN/VBQSx5a7lgT1QvwVuqBnlaPSHn6KChGOxNVeo2hNUA+JqRiqR2PVTVJAcU0u11iO/A64aEakPnllc7OYyzwGwiLXhkcH+LxI6xO4ALvMsKn2njamckdIhOQValXGblIgr3wNCA6QFSBMaIC1AmtAAaQHShAZIC5AmNEBagDShAdICpPG8HjCzuNjNzBnnkrN30kaWPV66Rawlva4neL4DuMyzZ1V8nbTWs55w5aeAZwOItSSArTPU4pVNVP4C84TnHnA45zyv5LjnfEofOHWvgl+EU0BagDShAdICpAkNkBYgTWiAtABpQgOkBUgTGiAtQJrQAMHPVh+lN6VEiBmgrCfU9TxfL2J7hOpdTzgrwh6gjB176dKmGccl4d3CwnVXaMceqAb8UTO0YvG2n6KCJAK4a/lrD2oGMFbUDItp0F9ZwcHUoLtCX+1B1QDWkFMziJBMG0anz9p8J20YnQx2fsswVWutGtASieQI2FDSGkG0fJFNsF+YICBWi9J6ZG9nqXrkuuARQJ/UGAMHBJojtgyOxdbO+ybqtGnGuVS6R0wDDE46iwcY3Duq68cbAABpw5gGaCwIsUHDoMlR/ckrNXb0rbF8fpwY08HJCgjC1Hb+1+uj4ROYyWZ7mWka4HZ/lfkNrTPKY+pt7zh72qWZTCZqxeO9h+/YdKGywfm8/0DaReUZYwVMucjeztLw8HBRWlTIeeU/aykWi4H+qgIAAAAASUVORK5CYII=";
+export declare const ADD_POINT_IMG_OFF_LIGHT = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADkUlEQVR4nO2bz0sUYRjHv8/otviDGDuWrhKdskBaQZi57MmLgVpIkJ06bH9AEdF/kF46dEg726liBSGwBEFnTm0oaF3s4lhdh1BhNuTpsDPLu+MvmHXm0ZzP6X2feWfn+3x33nf3fXlfIOV8Q0dd7O3tvaDr+igzDxPRLQCdANqSkRaZHQBbzPyViEqu65bW19crhzU+1ADDMO4S0QSAq3GoTJAfAJ5alvXhoItN4cDY2FiTruuTRPQSQEfc6hLgEoB7uVyu3XGcBQCsXtxngJ/846TUJYjR3d3dsrm5+VkN1nUB/7V/F7rRI6IpAG9bW1vX5ufnd+JW2giDg4Ntu7u7N5h5HEARQFa9rmna6NLSUimo1wzwB7zvqO/zP4loaHl5eTVu4XFgGEYfEc0BuKKEN1zX7Q0GRi2I6ro+ivrkvbOcPADYtr3CzLcBeEr4WkdHx3BQqRnAzMPqzUQ0dZaTD7BtewXAGzWm5lozgIjyaqO9vb2Z2NUlRziX/qCgKcHLaotsNvstTkVJkslk1kKh2pigGtCutlhcXNyOU1SSHJBLLVcN55xmqQcbhjFERNMA9gA8sizro4QOsTdA07TXqI47XQCmxHRIPZiZO5Vql5SOcz8GpAZIC5AmNUBagDSpAdICpEkNkBYgTWqAtABpUgOkBUgTeT3An89PoX7JOTKmafLxrfZDRFvMXIy6nhD5DfDn8yeSfCP40+rI6wnnvgtENoCZi0S0dZJiIuIQUTHqzZHHAL/PRV7JCfd5y7KO3KsQF2kXkBYgTWqAtABpUgOkBUiTGiAtQJrUAGkB0qQGSAuQJjVA6sGhqbQjpUNyg0SwntDQfL5RxPYINbqecFKkY4BSrttLVygU2vGfMDAwcDEU+hMUVAN+qS08z7sep6gkaW5uDufyOyiom6XLagtN0x7ErCtJxkP1L0FB3SxdCjUqGobRF6eqJPBzqPuVYeZarjUDXNctoXrAKCBLRHNn2QTlwMQFJbzhed5sUKlbijZN8w6A96HPqQCYBjCTyWTWTvsm6kKh0F6pVG4S0X1Uv3k1eTDziG3bBxsAAKZpTgJ4ErtSAZj5hW3bz9TYvlNjjuMs5HK5VgBmYsoSgIgmLMt6juOOzQFgx3E+9fT0rDJzP6rn7s4yG8z80LKsVwglDxxzdDafz2daWlpG/DM2eVSPzp72P0jbALYAlJm55HnebLlc/istKuW08g8wjAev/BoR3wAAAABJRU5ErkJggg==";
+export declare const ADD_POINT_IMG_OFF_DARK = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADgUlEQVR4nO2bz04TURTGvzNtaQOVB1BgYVhZDbSUDixZYwLoTlzXB5CI8QUM4ANQXeOCqCkJiUuWtpNCIaG6gRWoeyx/CmGOC5hyZ/izmDJzgM5vdefMafudr/femd65BQKaG7rqZKVSadndORhjohGAUwB1AGjzSZtbdgHeBmiFmPNt7bF8IpE4vCz5UgMKhZXnBJoG+KE3On2CsEkmv8kM9n27+LSD+fn5UFdX9xQBr71X5x8E/tCvpyaJyFTjmjPxLhYPAAyaMAqr751xWw846fb44sioMSPHbH5ubY2s9/T07HqstSHW1tba9vaOHmuaNg4gC0bUlkA0puvJfP3QalQqlZbqv8NfjjH/G4RhXU+tea7cAwyj3MsmLwJ4oIQ34veiCWtirA+B3Z2DMVvxhNptLh4AMpnkKmn0FISaEu6uVg9HrIO6ASeXujOYkbvNxVtkMslVmPhkj5rnDQDQp6aETG3OU2U+wsT2Whhpq6kacF/NqdYiP72V5R/7+7F1e4Tqc4JqQFxNGRpKVD1V5SMX1FKv9dx9QLMRlvrgYrE8TMwfGTjWGK/6B1PfJXTI9QDmWT6ZdzpNQk5KhuQQ6FDanVIimn4OCAyQFiBNYIC0AGkCA6QFSBMYIC1AmsAAaQHSBAZIC5DG9XpAsVgeBnMO9iVn1xQLK+zypdsaI+t2PcF9D2CexTUV3yAdjawnNP0QcG2AxsgC2L5GLW7ZIpOzbl/seg44HXOuV3KcY14fSF25V8ErgiEgLUCawABpAdIEBkgLkCYwQFqANIEB0gKkCQyQFiBNYIDgZ6s/pbekRIgZoKwnNPR7vlHE9gg1up5wXQRzgNK27aVbWqrEcUcoFArtjtCO1VAN+KNmxKNHj7wU5S8RRy3812qpBiyrKWbIfOmpJh8hpnF7ACWrqZ0lcR52soZR7vVWmvcYRrkXBNtVhpnqtdYNaGuP5UHYPMtClE1evM0mKH+YaFHCG+GwuWAd2JaijR/Lz5joq+N9DsH4yMRz+/ux9Zu+iXppqRJvba09gYkXp9+8WjwYNDowkLzYAAAwCsszDJrwQav/EKZ0PfVWDZ27D+jXU5MAz/inyieYpjOZ5Dtn+NKnMcVieRTMMwC6PRXmPRsMmlC7vcqVj6NKpVLk+Dg0CpgjzNRHJxucb/oNUpWBbSJeZqZ8OGwupNPpI2lRATeV/+HNFJvPZJXuAAAAAElFTkSuQmCC";
 export declare const ADD_POINT_IMG_ON = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADjUlEQVR4nO2by08TURTGvzNAK49oDCsRNqbFxPogtsQ/AhNAowsxLksTlxIxrtwZwJUJsa07E1wQNSUh8X+wrQFDNSklMQGVjRgMj7TIHBcww50WWEyZOTzmt7pz7pn2O1/n3pne3gIeJxvarzM0nvM1LPl7GegGcB3gVgCN7kizzSpACwA+E3NqrbmUyt0NlfZK3tOAyKv8bRANA7jghEoXmSPw43Ss/cNunRUG3Bnnmu+/C0NMeOS8Nvdg8IvsYnAQz0hX41p54nEsHgAINBA5N/e8Mq6wfdm/K8spElNC1/S3G/XrM18eXFt1VGmVXH0z3Vi3Xn+ZGH0ARQH41X4m6s32B1LGsWlAaDznq1/yfYMy5hn4UQO961Ps4rQb4g+azmS+Q9dpkoDzZpBQWD9bChkTozkEGpb8vbBOeMWjXDwApKPtU5rGNwEUzSAjcOqPr9s41Hbi6FZPJqbEUS7eIB1tnwLhtSXIqDQA4LA1Z3PMYW2uoW/CUguBIkZbvQu0qEnr+r+vDutyjSKXZqwRNucE1YAmNSX3MLTiqCoX2aUWs9aK54CTRq3UG4cT+S7SKQnCJjTqz0QDHyV0iF0BxBQHoQVAG3ROSOmQHAKtSrtNSsSJnwM8A6QFSOMZIC1AGs8AaQHSeAZIC5DGM0BagDSeAdICpLG9HhBO5LvAlLAsOVdBJD7LNk9dgEZRu+sJtq8AYoofVPFV0lrNesKJHwL2DdAoCmDh4KTYZp62fgKzhe05YHvM2V7JKR/zmVhw370KTuENAWkB0ngGSAuQxjNAWoA0ngHSAqTxDJAWII1ngLQAaTwDBN9b/So9LyVCzoCd9YSqvs9Xi9geoWrXEw4Kbw5Q2pa9dKHRXBOOCTdezp4uC/01GqoBP9WMeq32kpOi3GSjFmW10C+jpRhAWWsO3XdUlYtoNehTjxmcMfuMBjGnYIGincl8h9PinKYzme8Aw3KXIcCs1TRgrbmUAjCn5Pl1nSaPsgnGHyYA+MwgocC0PLFzqJ4Qz99i0Puy1ymBkNQ3MVbk0sxh30QdGs01Ndb4ruiEe9ufvK8spScTC+5uAACE4/kRAg04LVQCAobSseATNVbxHJBdDA4CNOKeLJcgGk4vBp5WhPfKDycKPQQeASPgrDKHIRTAGFAve2v3PoQTmTrgTA8Y3QSEsbXB+bA/IK0AWGAgS0CKaXki2x/ZkBblcVj5D1vBAfS1aXiGAAAAAElFTkSuQmCC";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiwibit/chart",
-  "version": "1.0.7",
+  "version": "1.0.10",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0"