@kiwibit/chart 1.0.0

package/fesm2020/kiwibit-chart.mjs

@@ -0,0 +1,352 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from 'ngx-echarts';
+import { NgxEchartsModule } from 'ngx-echarts';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as echarts from 'echarts/core';
+import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, DataZoomComponent, ToolboxComponent } from 'echarts/components';
+import { LineChart, ScatterChart } from 'echarts/charts';
+import { CanvasRenderer } from 'echarts/renderers';
+
+const ADD_POINT_IMG_OFF = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAEZklEQVRYhcWXX2xTVRzHP797t+FgSAkmpCskkGCYmcP23nZBmpiZYUKyIBIdUR80JiYmSnzQGPDBGNRoYsAXQ0wwvvgCYRqGgUj4o4txiRu9ZQUGqCNogm0lsNXVSGHt+flQumxlZR24+X1qz/n2+/2ec27v7/zgf4bMhNza2royn8+vF5HVwAPAfCAjIkljTKK+vv54b29v9j8N0NLSsriurm4r8DTwCHAd+F1ErqjqCLAUWAb4gTxwQlW/jMfj+wG96wBtbW33ZbPZrcDbgFHVfarabVnWD57njZXzW1tblxhjOlR1M7ARGDDGbDt16tSJGQcIhUKNItItIs3Ap8BHnuf9Nd1qSnBdtwl4D+gUkT0NDQ2v9fT05KsKEIlEIsaYg8AwsMnzvIvVGpcjHA4/p6pfqGpPbW3ts319faPlHGviF8dxVhljjohIoqamZt29mAPEYrG9xpjHRCQ0Nja2r7Oz0y7njA9Eo9GFhULhGHAN2HDy5Mm/78W8hHQ6nWxsbPxeRHaMjIz4UqnU0Ynz4zuQy+V2AUvy+fyTnuf9M51wJBJZ57ruhWpCeJ4XF5GXgTdDoVD7bQHC4fBq4CVVfSuRSPxRjagxJgCsroYLxeMADluWtYsJCy99+BA4G4/H91YreDcQke3Aw47jPDMeoKWlZbGqbhSRjwEzmwFisdhZ4JCIvDAeoLa2tgMwtm0fnk3zElS1G1gfjUYXQvEIOoCeqf6jswEROQTU5HK5dgBLRNYAZ+bCHMDzvKtAClgDxR1YdmtgLpEElgPUAAtU9Uo5IxQKhS3L6gXq7qTkuu6dKt7Pnuc1lQ+KyJ/GmIZSgBsicn85KZvNnvH5fFtUtVKAtcAbwJZK7saYyxWmFonItVKAqxRr+SQMDQ3dAA5WEnddFwDP87oqcSpBVf0i0gfFZ+ACsHKmIneL5ubmOorP3QUAS1WPAxva2tpq5iLAvHnzHgfq8/n8d1DcgQPAktHR0UfnIoCIbALiAwMDvwFY8Xh8CDgtIq/MtnkwGPQBW1T169KYBaCqO4DnHcdxZzOAbdvbARWR3ZMCxOPxAyLyk2VZn0x1a5kKInITuFmteTAYfBB4Hfhg4v2yVI5VRF5V1fClS5d2ViOYyWSOGGOi1XBd111k2/Y3wOlcLvfZxLnx1SaTybTf7x8CdgYCgWvJZLL/TqLDw8OFdDqdrMJ8PvAVxVdveyKRmHS7nrTdqVRqMBAIXFfVXYFAwBeNRo+fO3du2uaiEiKRyHJVPQo8BHR4nvdrOee2804mk71+v/888H4mk3nC7/efTqVSMy1WluM4LwL7gZxt2+2xWOz8VMSKnVEkEgkWCoXdIrIW2GdZ1p4VK1b82NXVVaj0m2Aw6LMsq0NEtgFNwOe5XG7b4OBgxRv2tL2h4zibReRdin3hVeAYcPFWRRsRkaUislxVm4E2iv1gt23b7/T39/8ynX7V3bHjOKtE5CkRaVfVJord8QIgA1ym+DI7pKrfzqSN+xdx6bFz0kwqIAAAAABJRU5ErkJggg==";
+const ADD_POINT_IMG_ON = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAEUUlEQVRYhcWXbWiVZRjHf9f9nJ3Nt6ZTWr4FguFgYoUT3Dnb2RkTioaZmKP6IEQvZ2sy6FX7EK2IssggdK8ig74ok9oMRSF1ZzsvOJgjp8GKJAPTJk6dibmzc56rD8eZ285xZ8ut/8fnvu7/9btvHu7ruuB/lkwk2LOnfZlEHesUVoAsQHSmwnVRLgpyOuq0j4VeKfjrgQIU1AbmiWVtNaqbFB4H/gZ+By4D14BsYAmwEIgCx0G/6fC5mxHRSQN4m9oy7MH0raDvAzYi+1VpvSXOjlO+vKHR8SW7O+cPOWKlgm5UWC8iP9rKtkC56/iEAdy7gossh7Qi5AK7nJL+2TFf3sB4p7kL3xDOsVU/BjYDjebPSKW/ujiaEkBRY2iN2hwUuGoJG0743OdSTTzGqz78oqJ7UfEPDpkXOqvW3hgdY0aQ14SXq81RRU/fjliu/5IcoL3ctc+gHsR+Mj3N3r+5udlKCuDeG5xjW9oCnL8lGZsS0U5G/vKCLhWrFNGivv7FnycFMEOyE5jvUHn2lC/v1njGnsawq6g+1JsKRMCX3y3IqwhvF9aHS8YAuGuDKwReRvXdExWuP1IxFWVx/D1ITe3lrn3AYYPupFr/PTiAZcynwNmOPve+VA0nI6NsV1jpyQ49f/dbQW1gHuh6Qb6gWuypBPBXuM8ChxDZchdAjCkF7NsRc3gqkw9LlVZgnXtvcA6AMUIp4H9Qf/14skzkEOAwUVMCYFRlFeiZ6UgO4PcVXwEuGbVXARjQJYJcmi6AO7qIylIABzDLjle2EfLWB/NsJAQ4Ezmoxgudpz6UtOIJ/Nxe7s5JsNKH0dnDAIMGHhodMiNy48xNZ2aZEUkIYKuuFXhLRMqSAaB6IclCJkr/MMAVjdfyETpS9cwgcDCZd1FDGFWl3ec6kBQguRaCdEL8IeoFlk3CZFLKbf7JCSxRpRfAqOgx4GlvdZtjOgCy+geKgRkGOQFgrKhpAebrw2n50wEAugHo9lfknwcw/krXr4j2qBHfVKf2NrXNFaFMRL8d/havSspHwEsFtYHVUwlgDzq3A5pGRs0IgA6fuwU4aYz5KlHXktBMNQJEUk3uqT/5GFAF8sm9/WX8BkTUGN4A8vquLvoyFcPZkYGjBnWnEruuoSsTYt+D9PRnZdbduzaiKfXUBcvi7bdWBSoKdqdiPp5WN3TNnKWD3wErVWJrAj7PiGd/bFdcF3pPhR2gX2dnXXznQFlZbLLJPTXtS7EcrcCjKuapgC+/e3RMwrngzk00AV0q5s1EG++rajWF2eEtIuwALmNFN3S8VvRbotDkk1Fj6Ak7Rg3CWlT3q2UaH5l7IXi/G/E2tc21b6eVIrINyAH2mFhkm7+y+GayPePOhkV14Y2IfnhnLryi8IPAOVXtE7gmItmKLgXJBbyAgrTaJvZB8PXCX8bzT3k69taEl9sWzyl2iSA5wAJgFnAduAD0qHIo3aQfmcgY9w8YoaK2AOtXYQAAAABJRU5ErkJggg==";
+
+var TraceType;
+(function (TraceType) {
+    TraceType["LINE"] = "line";
+    TraceType["SCATTER"] = "scatter";
+})(TraceType || (TraceType = {}));
+var PointSymbol;
+(function (PointSymbol) {
+    PointSymbol["NONE"] = "none";
+    PointSymbol["CIRCLE"] = "circle";
+    PointSymbol["TRIANGLE"] = "triangle";
+    PointSymbol["PIN"] = "pin";
+    PointSymbol["DIAMOND"] = "diamond";
+})(PointSymbol || (PointSymbol = {}));
+var TraceStyle;
+(function (TraceStyle) {
+    TraceStyle["SOLID"] = "solid";
+    TraceStyle["DASHED"] = "dashed";
+    TraceStyle["DOTTED"] = "dotted";
+})(TraceStyle || (TraceStyle = {}));
+var AxisType;
+(function (AxisType) {
+    AxisType["VALUE"] = "value";
+    AxisType["CATEGORY"] = "category";
+    AxisType["TIME"] = "time";
+    AxisType["LOG"] = "log";
+})(AxisType || (AxisType = {}));
+var ShapeVariant;
+(function (ShapeVariant) {
+    ShapeVariant[ShapeVariant["TRACE"] = 0] = "TRACE";
+    ShapeVariant[ShapeVariant["POLYGON"] = 1] = "POLYGON";
+    ShapeVariant[ShapeVariant["CIRCLE"] = 2] = "CIRCLE";
+})(ShapeVariant || (ShapeVariant = {}));
+
+class KiwiChartComponent {
+    constructor() {
+        this.chart = null;
+        this.width = '100%';
+        this.height = '480px';
+        this.addPoint = new EventEmitter();
+        this.chartOption = {
+            title: {
+                text: "Chart",
+            },
+            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,
+            },
+            yAxis: {
+                type: "value",
+                name: "Y",
+                nameLocation: 'middle',
+                nameGap: 50,
+            },
+            series: [],
+            animation: false
+        };
+        this.updateOption = {};
+        this.echartsInstance = null;
+        this.zr = null;
+    }
+    onChartInit(ec) {
+        this.echartsInstance = ec;
+        this.setupZrEventHandler(ec);
+    }
+    setupZrEventHandler(ec) {
+        this.zr = ec.getZr();
+        this.zr.on('click', params => {
+            let option = ec.getOption();
+            let active = option?.toolbox?.[0]?.feature?.myAddPoint?.iconStatus;
+            if (active && this.chart?.clickToAddPoint) {
+                const pointInPixel = [params.offsetX, params.offsetY];
+                const pointInGrid = ec.convertFromPixel('grid', pointInPixel);
+                if (ec.containPixel('grid', pointInPixel) && pointInGrid) {
+                    let newPoint = {
+                        x: +pointInGrid[0].toFixed(3),
+                        y: +pointInGrid[1].toFixed(3)
+                    };
+                    this.addPoint.emit(newPoint);
+                    ec.setOption({
+                        series: this.createSeries([...this.chart.shapes, {
+                                color: 'crimson',
+                                points: [newPoint],
+                                type: TraceType.SCATTER,
+                                variant: ShapeVariant.TRACE,
+                                smooth: false
+                            }])
+                    });
+                }
+            }
+        });
+        this.zr.on('mousemove', params => {
+            const pointInPixel = [params.offsetX, params.offsetY];
+            const option = ec.getOption();
+            const active = option?.toolbox?.[0]?.feature?.myAddPoint?.iconStatus;
+            if (active) {
+                this.zr?.setCursorStyle(ec.containPixel('grid', pointInPixel) ? 'copy' : 'default');
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        let chart = changes['chart']?.currentValue;
+        if (chart) {
+            this.updateOption = {
+                title: {
+                    text: chart.title,
+                },
+                toolbox: {
+                    feature: {
+                        myAddPoint: {
+                            show: chart.clickToAddPoint,
+                            title: 'Add Point',
+                            icon: ADD_POINT_IMG_OFF,
+                            iconStatus: false,
+                            onclick: () => {
+                                let option = this.echartsInstance?.getOption();
+                                let status = option.toolbox[0].feature.myAddPoint.iconStatus;
+                                this.echartsInstance?.setOption({
+                                    toolbox: {
+                                        feature: {
+                                            myAddPoint: {
+                                                iconStatus: !status,
+                                                icon: !status ? ADD_POINT_IMG_ON : ADD_POINT_IMG_OFF
+                                            }
+                                        }
+                                    }
+                                });
+                            }
+                        }
+                    },
+                },
+                legend: {
+                    data: chart.shapes.map((shape) => ({
+                        name: shape.name,
+                        icon: 'circle'
+                    })),
+                    show: chart.showLegend ?? false,
+                    orient: 'vertical',
+                    left: 'right',
+                    padding: [60, 20],
+                    type: 'scroll',
+                    textStyle: {
+                        width: 100,
+                        fontWeight: 'bold',
+                        overflow: 'break'
+                    }
+                },
+                xAxis: {
+                    type: chart.xAxisType,
+                    name: chart.xAxisName,
+                },
+                yAxis: {
+                    type: chart.yAxisType,
+                    name: chart.yAxisName,
+                },
+                series: this.createSeries(chart.shapes),
+                animation: chart.hasAnimations,
+            };
+        }
+    }
+    createSeries(shapes) {
+        let series = [];
+        shapes.forEach((shape) => {
+            switch (shape.variant) {
+                case ShapeVariant.TRACE:
+                    series.push(this.createTrace(shape));
+                    break;
+                default:
+                    break;
+            }
+        });
+        return series;
+    }
+    createTrace(trace) {
+        return {
+            type: trace.type,
+            name: trace.name,
+            data: trace.points.map((point) => ({
+                value: [point.x, point.y],
+                symbol: point.symbol,
+                name: point.name,
+                symbolSize: point.symbolSize,
+                label: {
+                    show: true,
+                    position: 'bottom',
+                    align: 'left',
+                    verticalAlign: 'bottom',
+                    formatter: () => `${point.name ?? ''}`,
+                    color: '#000',
+                    fontSize: 13,
+                    padding: [0, 0, 0, 10],
+                    width: 100,
+                    overflow: 'truncate',
+                    ellipsis: '...',
+                    fontWeight: 'bold'
+                },
+                tooltip: {
+                    formatter: ({ value }) => `
+              ${point.name ? `<strong>${point.name}</strong><br>` : ''}
+              <strong>${this.chart?.xAxisName}:</strong> ${value[0]}
+              <br>
+              <strong>${this.chart?.yAxisName}:</strong> ${value[1]}
+            `
+                }
+            })),
+            color: trace.color,
+            lineStyle: {
+                width: trace.width,
+                type: trace.style
+            },
+            smooth: trace.smooth ?? false
+        };
+    }
+}
+KiwiChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: KiwiChartComponent, deps: [], 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" }, outputs: { addPoint: "addPoint" }, usesOnChanges: true, ngImport: i0, template: `
+    <div 
+      echarts 
+      [options]="chartOption" 
+      [merge]="updateOption"
+      [ngStyle]="{
+        'width': width,
+        'height': height
+      }"
+      (chartInit)="onChartInit($event)"
+    ></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)"
+    ></div> 
+  `,
+                    styles: [`
+  `]
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { chart: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], addPoint: [{
+                type: Output
+            }] } });
+
+echarts.use([
+    TitleComponent,
+    TooltipComponent,
+    GridComponent,
+    LineChart,
+    CanvasRenderer,
+    LegendComponent,
+    DataZoomComponent,
+    ToolboxComponent,
+    ScatterChart
+]);
+class KiwiChartModule {
+}
+KiwiChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: KiwiChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+KiwiChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: KiwiChartModule, declarations: [KiwiChartComponent], imports: [CommonModule, i1.NgxEchartsModule], exports: [KiwiChartComponent] });
+KiwiChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: KiwiChartModule, imports: [[
+            CommonModule,
+            NgxEchartsModule.forRoot({ echarts })
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: KiwiChartModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KiwiChartComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        NgxEchartsModule.forRoot({ echarts })
+                    ],
+                    exports: [
+                        KiwiChartComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of chart
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ADD_POINT_IMG_OFF, ADD_POINT_IMG_ON, AxisType, KiwiChartComponent, KiwiChartModule, PointSymbol, ShapeVariant, TraceStyle, TraceType };
+//# sourceMappingURL=kiwibit-chart.mjs.map

package/fesm2020/kiwibit-chart.mjs.map

@@ -0,0 +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,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAEZklEQVRYhcWXX2xTVRzHP797t+FgSAkmpCskkGCYmcP23nZBmpiZYUKyIBIdUR80JiYmSnzQGPDBGNRoYsAXQ0wwvvgCYRqGgUj4o4txiRu9ZQUGqCNogm0lsNXVSGHt+flQumxlZR24+X1qz/n2+/2ec27v7/zgf4bMhNza2royn8+vF5HVwAPAfCAjIkljTKK+vv54b29v9j8N0NLSsriurm4r8DTwCHAd+F1ErqjqCLAUWAb4gTxwQlW/jMfj+wG96wBtbW33ZbPZrcDbgFHVfarabVnWD57njZXzW1tblxhjOlR1M7ARGDDGbDt16tSJGQcIhUKNItItIs3Ap8BHnuf9Nd1qSnBdtwl4D+gUkT0NDQ2v9fT05KsKEIlEIsaYg8AwsMnzvIvVGpcjHA4/p6pfqGpPbW3ts319faPlHGviF8dxVhljjohIoqamZt29mAPEYrG9xpjHRCQ0Nja2r7Oz0y7njA9Eo9GFhULhGHAN2HDy5Mm/78W8hHQ6nWxsbPxeRHaMjIz4UqnU0Ynz4zuQy+V2AUvy+fyTnuf9M51wJBJZ57ruhWpCeJ4XF5GXgTdDoVD7bQHC4fBq4CVVfSuRSPxRjagxJgCsroYLxeMADluWtYsJCy99+BA4G4/H91YreDcQke3Aw47jPDMeoKWlZbGqbhSRjwEzmwFisdhZ4JCIvDAeoLa2tgMwtm0fnk3zElS1G1gfjUYXQvEIOoCeqf6jswEROQTU5HK5dgBLRNYAZ+bCHMDzvKtAClgDxR1YdmtgLpEElgPUAAtU9Uo5IxQKhS3L6gXq7qTkuu6dKt7Pnuc1lQ+KyJ/GmIZSgBsicn85KZvNnvH5fFtUtVKAtcAbwJZK7saYyxWmFonItVKAqxRr+SQMDQ3dAA5WEnddFwDP87oqcSpBVf0i0gfFZ+ACsHKmIneL5ubmOorP3QUAS1WPAxva2tpq5iLAvHnzHgfq8/n8d1DcgQPAktHR0UfnIoCIbALiAwMDvwFY8Xh8CDgtIq/MtnkwGPQBW1T169KYBaCqO4DnHcdxZzOAbdvbARWR3ZMCxOPxAyLyk2VZn0x1a5kKInITuFmteTAYfBB4Hfhg4v2yVI5VRF5V1fClS5d2ViOYyWSOGGOi1XBd111k2/Y3wOlcLvfZxLnx1SaTybTf7x8CdgYCgWvJZLL/TqLDw8OFdDqdrMJ8PvAVxVdveyKRmHS7nrTdqVRqMBAIXFfVXYFAwBeNRo+fO3du2uaiEiKRyHJVPQo8BHR4nvdrOee2804mk71+v/888H4mk3nC7/efTqVSMy1WluM4LwL7gZxt2+2xWOz8VMSKnVEkEgkWCoXdIrIW2GdZ1p4VK1b82NXVVaj0m2Aw6LMsq0NEtgFNwOe5XG7b4OBgxRv2tL2h4zibReRdin3hVeAYcPFWRRsRkaUislxVm4E2iv1gt23b7/T39/8ynX7V3bHjOKtE5CkRaVfVJord8QIgA1ym+DI7pKrfzqSN+xdx6bFz0kwqIAAAAABJRU5ErkJggg==\";\r\nexport const ADD_POINT_IMG_ON = \"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAEUUlEQVRYhcWXbWiVZRjHf9f9nJ3Nt6ZTWr4FguFgYoUT3Dnb2RkTioaZmKP6IEQvZ2sy6FX7EK2IssggdK8ig74ok9oMRSF1ZzsvOJgjp8GKJAPTJk6dibmzc56rD8eZ285xZ8ut/8fnvu7/9btvHu7ruuB/lkwk2LOnfZlEHesUVoAsQHSmwnVRLgpyOuq0j4VeKfjrgQIU1AbmiWVtNaqbFB4H/gZ+By4D14BsYAmwEIgCx0G/6fC5mxHRSQN4m9oy7MH0raDvAzYi+1VpvSXOjlO+vKHR8SW7O+cPOWKlgm5UWC8iP9rKtkC56/iEAdy7gossh7Qi5AK7nJL+2TFf3sB4p7kL3xDOsVU/BjYDjebPSKW/ujiaEkBRY2iN2hwUuGoJG0743OdSTTzGqz78oqJ7UfEPDpkXOqvW3hgdY0aQ14SXq81RRU/fjliu/5IcoL3ctc+gHsR+Mj3N3r+5udlKCuDeG5xjW9oCnL8lGZsS0U5G/vKCLhWrFNGivv7FnycFMEOyE5jvUHn2lC/v1njGnsawq6g+1JsKRMCX3y3IqwhvF9aHS8YAuGuDKwReRvXdExWuP1IxFWVx/D1ITe3lrn3AYYPupFr/PTiAZcynwNmOPve+VA0nI6NsV1jpyQ49f/dbQW1gHuh6Qb6gWuypBPBXuM8ChxDZchdAjCkF7NsRc3gqkw9LlVZgnXtvcA6AMUIp4H9Qf/14skzkEOAwUVMCYFRlFeiZ6UgO4PcVXwEuGbVXARjQJYJcmi6AO7qIylIABzDLjle2EfLWB/NsJAQ4Ezmoxgudpz6UtOIJ/Nxe7s5JsNKH0dnDAIMGHhodMiNy48xNZ2aZEUkIYKuuFXhLRMqSAaB6IclCJkr/MMAVjdfyETpS9cwgcDCZd1FDGFWl3ec6kBQguRaCdEL8IeoFlk3CZFLKbf7JCSxRpRfAqOgx4GlvdZtjOgCy+geKgRkGOQFgrKhpAebrw2n50wEAugHo9lfknwcw/krXr4j2qBHfVKf2NrXNFaFMRL8d/havSspHwEsFtYHVUwlgDzq3A5pGRs0IgA6fuwU4aYz5KlHXktBMNQJEUk3uqT/5GFAF8sm9/WX8BkTUGN4A8vquLvoyFcPZkYGjBnWnEruuoSsTYt+D9PRnZdbduzaiKfXUBcvi7bdWBSoKdqdiPp5WN3TNnKWD3wErVWJrAj7PiGd/bFdcF3pPhR2gX2dnXXznQFlZbLLJPTXtS7EcrcCjKuapgC+/e3RMwrngzk00AV0q5s1EG++rajWF2eEtIuwALmNFN3S8VvRbotDkk1Fj6Ak7Rg3CWlT3q2UaH5l7IXi/G/E2tc21b6eVIrINyAH2mFhkm7+y+GayPePOhkV14Y2IfnhnLryi8IPAOVXtE7gmItmKLgXJBbyAgrTaJvZB8PXCX8bzT3k69taEl9sWzyl2iSA5wAJgFnAduAD0qHIo3aQfmcgY9w8YoaK2AOtXYQAAAABJRU5ErkJggg==\";","// Chart describes the general parameters of the whole chart rendered by the canvas\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    hasAnimations?: boolean; // If the chart should have rendering animations\n    shapes: Shape[];\n    clickToAddPoint: boolean; //If the chart should add a point when clicking in the grid area\n}\n\nexport type Shape = Trace;\n\nexport interface Trace {\n    name?: string;\n    variant: ShapeVariant;\n    color?: string;\n    type: TraceType;\n    width?: number;\n    points: Point[];\n    smooth?: boolean;\n    style?: TraceStyle;\n}\n\nexport interface Point extends BasePoint {\n    name?: string;\n    symbol?: PointSymbol;\n    symbolSize?: number;\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    CATEGORY = \"category\",\n    TIME = \"time\",\n    LOG = \"log\"\n}\n\nexport enum ShapeVariant {\n    TRACE,\n    POLYGON,\n    CIRCLE\n}","import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\nimport { CustomSeriesOption, ECharts, EChartsOption, LineSeriesOption, ScatterSeriesOption, zrender } from 'echarts';\nimport { ADD_POINT_IMG_OFF, ADD_POINT_IMG_ON } from './constants/chart.constants';\nimport { Chart, Shape, ShapeVariant, Trace, Point, TraceType, 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    ></div> \n  `,\n  styles: [`\n  `]\n})\nexport class KiwiChartComponent implements OnChanges {\n\n  @Input() chart: Chart | null = null;\n  @Input() width: string = '100%';\n  @Input() height: string = '480px';\n\n  @Output() addPoint: EventEmitter<BasePoint> = new EventEmitter<BasePoint>();\n\n  chartOption: EChartsOption = {\n    title: {\n      text: \"Chart\",\n    },\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    },\n    yAxis: {\n      type: \"value\",\n      name: \"Y\",\n      nameLocation: 'middle',\n      nameGap: 50,\n    },\n    series: [],\n    animation: false\n  };\n\n  updateOption: EChartsOption = {};\n\n  echartsInstance: ECharts | null = null;\n\n  zr: zrender.ZRenderType | null = null;\n\n  constructor() { }\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    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          ec.setOption({\n            series: this.createSeries([...this.chart.shapes, {\n              color: 'crimson',\n              points: [newPoint],\n              type: TraceType.SCATTER,\n              variant: ShapeVariant.TRACE,\n              smooth: false\n            }])\n          });\n        }\n      }\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,\n              title: '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        legend: {\n          data: chart.shapes.map(\n            (shape: Shape) => ({\n              name: shape.name,\n              icon: 'circle'\n            })\n          ),\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.xAxisName,\n        },\n        yAxis: {\n          type: chart.yAxisType,\n          name: chart.yAxisName,\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,\n          name: point.name,\n          symbolSize: point.symbolSize,\n          label: {\n            show: true,\n            position: 'bottom',\n            align: 'left',\n            verticalAlign: 'bottom',\n            formatter: () => `${point.name ?? ''}`,\n            color: '#000',\n            fontSize: 13,\n            padding: [0, 0, 0, 10],\n            width: 100,\n            overflow: 'truncate',\n            ellipsis: '...',\n            fontWeight: 'bold'\n          },\n          tooltip: {\n            formatter: ({ value }: { value: number[] }) => `\n              ${point.name ? `<strong>${point.name}</strong><br>` : ''}\n              <strong>${this.chart?.xAxisName}:</strong> ${value[0]}\n              <br>\n              <strong>${this.chart?.yAxisName}:</strong> ${value[1]}\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}\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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"}

package/kiwibit-chart.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@kiwibit/chart" />
+export * from './public-api';

package/lib/chart.component.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { CustomSeriesOption, ECharts, EChartsOption, LineSeriesOption, ScatterSeriesOption, zrender } from 'echarts';
+import { Chart, Shape, Trace, BasePoint } from './models/chart.models';
+import * as i0 from "@angular/core";
+export declare class KiwiChartComponent implements OnChanges {
+    chart: Chart | null;
+    width: string;
+    height: string;
+    addPoint: EventEmitter<BasePoint>;
+    chartOption: EChartsOption;
+    updateOption: EChartsOption;
+    echartsInstance: ECharts | null;
+    zr: zrender.ZRenderType | null;
+    constructor();
+    onChartInit(ec: ECharts): void;
+    setupZrEventHandler(ec: ECharts): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    createSeries(shapes: Shape[]): Array<LineSeriesOption | CustomSeriesOption | ScatterSeriesOption>;
+    createTrace(trace: Trace): LineSeriesOption | ScatterSeriesOption;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KiwiChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KiwiChartComponent, "kiwi-chart", never, { "chart": "chart"; "width": "width"; "height": "height"; }, { "addPoint": "addPoint"; }, never, never>;
+}

package/lib/chart.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./chart.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-echarts";
+export declare class KiwiChartModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KiwiChartModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KiwiChartModule, [typeof i1.KiwiChartComponent], [typeof i2.CommonModule, typeof i3.NgxEchartsModule], [typeof i1.KiwiChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KiwiChartModule>;
+}

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

@@ -0,0 +1,2 @@
+export declare const ADD_POINT_IMG_OFF = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAEZklEQVRYhcWXX2xTVRzHP797t+FgSAkmpCskkGCYmcP23nZBmpiZYUKyIBIdUR80JiYmSnzQGPDBGNRoYsAXQ0wwvvgCYRqGgUj4o4txiRu9ZQUGqCNogm0lsNXVSGHt+flQumxlZR24+X1qz/n2+/2ec27v7/zgf4bMhNza2royn8+vF5HVwAPAfCAjIkljTKK+vv54b29v9j8N0NLSsriurm4r8DTwCHAd+F1ErqjqCLAUWAb4gTxwQlW/jMfj+wG96wBtbW33ZbPZrcDbgFHVfarabVnWD57njZXzW1tblxhjOlR1M7ARGDDGbDt16tSJGQcIhUKNItItIs3Ap8BHnuf9Nd1qSnBdtwl4D+gUkT0NDQ2v9fT05KsKEIlEIsaYg8AwsMnzvIvVGpcjHA4/p6pfqGpPbW3ts319faPlHGviF8dxVhljjohIoqamZt29mAPEYrG9xpjHRCQ0Nja2r7Oz0y7njA9Eo9GFhULhGHAN2HDy5Mm/78W8hHQ6nWxsbPxeRHaMjIz4UqnU0Ynz4zuQy+V2AUvy+fyTnuf9M51wJBJZ57ruhWpCeJ4XF5GXgTdDoVD7bQHC4fBq4CVVfSuRSPxRjagxJgCsroYLxeMADluWtYsJCy99+BA4G4/H91YreDcQke3Aw47jPDMeoKWlZbGqbhSRjwEzmwFisdhZ4JCIvDAeoLa2tgMwtm0fnk3zElS1G1gfjUYXQvEIOoCeqf6jswEROQTU5HK5dgBLRNYAZ+bCHMDzvKtAClgDxR1YdmtgLpEElgPUAAtU9Uo5IxQKhS3L6gXq7qTkuu6dKt7Pnuc1lQ+KyJ/GmIZSgBsicn85KZvNnvH5fFtUtVKAtcAbwJZK7saYyxWmFonItVKAqxRr+SQMDQ3dAA5WEnddFwDP87oqcSpBVf0i0gfFZ+ACsHKmIneL5ubmOorP3QUAS1WPAxva2tpq5iLAvHnzHgfq8/n8d1DcgQPAktHR0UfnIoCIbALiAwMDvwFY8Xh8CDgtIq/MtnkwGPQBW1T169KYBaCqO4DnHcdxZzOAbdvbARWR3ZMCxOPxAyLyk2VZn0x1a5kKInITuFmteTAYfBB4Hfhg4v2yVI5VRF5V1fClS5d2ViOYyWSOGGOi1XBd111k2/Y3wOlcLvfZxLnx1SaTybTf7x8CdgYCgWvJZLL/TqLDw8OFdDqdrMJ8PvAVxVdveyKRmHS7nrTdqVRqMBAIXFfVXYFAwBeNRo+fO3du2uaiEiKRyHJVPQo8BHR4nvdrOee2804mk71+v/888H4mk3nC7/efTqVSMy1WluM4LwL7gZxt2+2xWOz8VMSKnVEkEgkWCoXdIrIW2GdZ1p4VK1b82NXVVaj0m2Aw6LMsq0NEtgFNwOe5XG7b4OBgxRv2tL2h4zibReRdin3hVeAYcPFWRRsRkaUislxVm4E2iv1gt23b7/T39/8ynX7V3bHjOKtE5CkRaVfVJord8QIgA1ym+DI7pKrfzqSN+xdx6bFz0kwqIAAAAABJRU5ErkJggg==";
+export declare const ADD_POINT_IMG_ON = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAEUUlEQVRYhcWXbWiVZRjHf9f9nJ3Nt6ZTWr4FguFgYoUT3Dnb2RkTioaZmKP6IEQvZ2sy6FX7EK2IssggdK8ig74ok9oMRSF1ZzsvOJgjp8GKJAPTJk6dibmzc56rD8eZ285xZ8ut/8fnvu7/9btvHu7ruuB/lkwk2LOnfZlEHesUVoAsQHSmwnVRLgpyOuq0j4VeKfjrgQIU1AbmiWVtNaqbFB4H/gZ+By4D14BsYAmwEIgCx0G/6fC5mxHRSQN4m9oy7MH0raDvAzYi+1VpvSXOjlO+vKHR8SW7O+cPOWKlgm5UWC8iP9rKtkC56/iEAdy7gossh7Qi5AK7nJL+2TFf3sB4p7kL3xDOsVU/BjYDjebPSKW/ujiaEkBRY2iN2hwUuGoJG0743OdSTTzGqz78oqJ7UfEPDpkXOqvW3hgdY0aQ14SXq81RRU/fjliu/5IcoL3ctc+gHsR+Mj3N3r+5udlKCuDeG5xjW9oCnL8lGZsS0U5G/vKCLhWrFNGivv7FnycFMEOyE5jvUHn2lC/v1njGnsawq6g+1JsKRMCX3y3IqwhvF9aHS8YAuGuDKwReRvXdExWuP1IxFWVx/D1ITe3lrn3AYYPupFr/PTiAZcynwNmOPve+VA0nI6NsV1jpyQ49f/dbQW1gHuh6Qb6gWuypBPBXuM8ChxDZchdAjCkF7NsRc3gqkw9LlVZgnXtvcA6AMUIp4H9Qf/14skzkEOAwUVMCYFRlFeiZ6UgO4PcVXwEuGbVXARjQJYJcmi6AO7qIylIABzDLjle2EfLWB/NsJAQ4Ezmoxgudpz6UtOIJ/Nxe7s5JsNKH0dnDAIMGHhodMiNy48xNZ2aZEUkIYKuuFXhLRMqSAaB6IclCJkr/MMAVjdfyETpS9cwgcDCZd1FDGFWl3ec6kBQguRaCdEL8IeoFlk3CZFLKbf7JCSxRpRfAqOgx4GlvdZtjOgCy+geKgRkGOQFgrKhpAebrw2n50wEAugHo9lfknwcw/krXr4j2qBHfVKf2NrXNFaFMRL8d/havSspHwEsFtYHVUwlgDzq3A5pGRs0IgA6fuwU4aYz5KlHXktBMNQJEUk3uqT/5GFAF8sm9/WX8BkTUGN4A8vquLvoyFcPZkYGjBnWnEruuoSsTYt+D9PRnZdbduzaiKfXUBcvi7bdWBSoKdqdiPp5WN3TNnKWD3wErVWJrAj7PiGd/bFdcF3pPhR2gX2dnXXznQFlZbLLJPTXtS7EcrcCjKuapgC+/e3RMwrngzk00AV0q5s1EG++rajWF2eEtIuwALmNFN3S8VvRbotDkk1Fj6Ak7Rg3CWlT3q2UaH5l7IXi/G/E2tc21b6eVIrINyAH2mFhkm7+y+GayPePOhkV14Y2IfnhnLryi8IPAOVXtE7gmItmKLgXJBbyAgrTaJvZB8PXCX8bzT3k69taEl9sWzyl2iSA5wAJgFnAduAD0qHIo3aQfmcgY9w8YoaK2AOtXYQAAAABJRU5ErkJggg==";

package/lib/models/chart.models.d.ts

@@ -0,0 +1,60 @@
+export interface Chart {
+    title: string;
+    showLegend?: boolean;
+    xAxisType: AxisType;
+    xAxisName: string;
+    xAxisUom?: string;
+    yAxisType: AxisType;
+    yAxisName: string;
+    yAxisUom?: string;
+    hasAnimations?: boolean;
+    shapes: Shape[];
+    clickToAddPoint: boolean;
+}
+export declare type Shape = Trace;
+export interface Trace {
+    name?: string;
+    variant: ShapeVariant;
+    color?: string;
+    type: TraceType;
+    width?: number;
+    points: Point[];
+    smooth?: boolean;
+    style?: TraceStyle;
+}
+export interface Point extends BasePoint {
+    name?: string;
+    symbol?: PointSymbol;
+    symbolSize?: number;
+}
+export interface BasePoint {
+    x: number;
+    y: number;
+}
+export declare enum TraceType {
+    LINE = "line",
+    SCATTER = "scatter"
+}
+export declare enum PointSymbol {
+    NONE = "none",
+    CIRCLE = "circle",
+    TRIANGLE = "triangle",
+    PIN = "pin",
+    DIAMOND = "diamond"
+}
+export declare enum TraceStyle {
+    SOLID = "solid",
+    DASHED = "dashed",
+    DOTTED = "dotted"
+}
+export declare enum AxisType {
+    VALUE = "value",
+    CATEGORY = "category",
+    TIME = "time",
+    LOG = "log"
+}
+export declare enum ShapeVariant {
+    TRACE = 0,
+    POLYGON = 1,
+    CIRCLE = 2
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@kiwibit/chart",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0"
+  },
+  "dependencies": {
+    "echarts": "^5.3.1",
+    "ngx-echarts": "^8.0.1",
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/kiwibit-chart.mjs",
+  "es2020": "fesm2020/kiwibit-chart.mjs",
+  "esm2020": "esm2020/kiwibit-chart.mjs",
+  "fesm2020": "fesm2020/kiwibit-chart.mjs",
+  "fesm2015": "fesm2015/kiwibit-chart.mjs",
+  "typings": "kiwibit-chart.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./kiwibit-chart.d.ts",
+      "esm2020": "./esm2020/kiwibit-chart.mjs",
+      "es2020": "./fesm2020/kiwibit-chart.mjs",
+      "es2015": "./fesm2015/kiwibit-chart.mjs",
+      "node": "./fesm2015/kiwibit-chart.mjs",
+      "default": "./fesm2020/kiwibit-chart.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/chart.component';
+export * from './lib/chart.module';
+export * from './lib/models/chart.models';
+export * from './lib/constants/chart.constants';