@siemens/charts-ng 47.6.0

package/index.d.ts

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

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@siemens/charts-ng",
+  "description": "Element Charts library.",
+  "version": "47.6.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/siemens/element.git"
+  },
+  "author": {
+    "name": "Siemens AG",
+    "email": "info@siemens.com"
+  },
+  "homepage": "https://github.com/siemens/element",
+  "bugs": "https://github.com/siemens/element/issues/new",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "peerDependencies": {
+    "@angular/common": "19 - 20",
+    "@angular/core": "19 - 20",
+    "echarts": "^5.6.0"
+  },
+  "exports": {
+    "./docs.json": {
+      "default": "./docs.json"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/siemens-charts-ng.mjs"
+    }
+  },
+  "module": "fesm2022/siemens-charts-ng.mjs",
+  "typings": "index.d.ts",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/projects/charts-ng/README.md

@@ -0,0 +1,47 @@
+# Element Charts
+
+The Element chart library for Angular based on ECharts. Going through the roof. Stoinks.
+
+## Usage
+
+To use the Element Charts Angular components in your project, add them to your dependencies
+by executing:
+
+```sh
+npm install --save @siemens/charts-ng
+```
+
+You also have to install the peer dependencies of Element Charts.
+
+```sh
+npm install echarts --save
+```
+
+Import the library to your Angular `AppModule`, mostly residing in your
+`src/app/app.modules.ts` file as follows:
+
+```ts
+// [...]
+
+// Import this library
+import { SiChartsNgModule } from '@siemens/charts-ng';
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, SiChartsNgModule],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule {}
+```
+
+### Running unit tests
+
+Run `yarn charts:test` to perform the unit tests via [Karma](https://karma-runner.github.io).
+You can set a seed for running the tests in a specific using an environment variable: `SEED=71384 yarn lib:test`
+
+## License
+
+Code and documentation copyright 2018-2024 Siemens AG.
+
+See [LICENSE.md](https://github.com/siemens/element/blob/main/LICENSE.md).

package/public-api.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './components/index';
+export * from './shared/index';
+export * from './public-api.module';

package/public-api.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./components/si-chart-cartesian/si-chart-cartesian.component";
+import * as i3 from "./components/si-chart-circle/si-chart-circle.component";
+import * as i4 from "./components/si-chart/si-chart.component";
+import * as i5 from "./components/si-chart-gauge/si-chart-gauge.component";
+import * as i6 from "./components/si-chart-loading-spinner/si-chart-loading-spinner.component";
+import * as i7 from "./components/si-chart-progress-bar/si-chart-progress-bar.component";
+import * as i8 from "./components/si-chart-progress/si-chart-progress.component";
+import * as i9 from "./components/si-chart-sankey/si-chart-sankey.component";
+import * as i10 from "./components/si-chart-sunburst/si-chart-sunburst.component";
+import * as i11 from "./components/si-custom-legend/si-custom-legend.component";
+export declare class SiChartsNgModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiChartsNgModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiChartsNgModule, never, [typeof i1.CommonModule, typeof i2.SiChartCartesianComponent, typeof i3.SiChartCircleComponent, typeof i4.SiChartComponent, typeof i5.SiChartGaugeComponent, typeof i6.SiChartLoadingSpinnerComponent, typeof i7.SiChartProgressBarComponent, typeof i8.SiChartProgressComponent, typeof i9.SiChartSankeyComponent, typeof i10.SiChartSunburstComponent, typeof i11.SiCustomLegendComponent], [typeof i2.SiChartCartesianComponent, typeof i3.SiChartCircleComponent, typeof i4.SiChartComponent, typeof i5.SiChartGaugeComponent, typeof i7.SiChartProgressBarComponent, typeof i8.SiChartProgressComponent, typeof i9.SiChartSankeyComponent, typeof i10.SiChartSunburstComponent, typeof i11.SiCustomLegendComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiChartsNgModule>;
+}
+export { SiChartsNgModule as SimplChartsNgModule };

package/shared/echarts.custom.d.ts

@@ -0,0 +1,2 @@
+import * as echarts from 'echarts/core';
+export { echarts };

package/shared/echarts.model.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import type { AxisPointerComponentOption, BarSeriesOption, BrushComponentOption, CandlestickSeriesOption, CustomSeriesOption, DatasetComponentOption, DataZoomComponentOption, GaugeSeriesOption, GridComponentOption, HeatmapSeriesOption, LegendComponentOption, LineSeriesOption, MarkAreaComponentOption, MarkLineComponentOption, MarkPointComponentOption, PieSeriesOption, PolarComponentOption, SankeySeriesOption, ScatterSeriesOption, SingleAxisComponentOption, SunburstSeriesOption, TitleComponentOption, ToolboxComponentOption, TooltipComponentOption, VisualMapComponentOption } from 'echarts';
+export type EChartSeriesOption = BarSeriesOption | CandlestickSeriesOption | CustomSeriesOption | GaugeSeriesOption | HeatmapSeriesOption | LineSeriesOption | PieSeriesOption | ScatterSeriesOption | SankeySeriesOption | SunburstSeriesOption | never;
+export type EChartSeries = EChartSeriesOption[];
+export type { AxisPointerComponentOption, BrushComponentOption, DatasetComponentOption, DataZoomComponentOption, GridComponentOption, LegendComponentOption, MarkAreaComponentOption, MarkLineComponentOption, MarkPointComponentOption, PolarComponentOption, SingleAxisComponentOption, TitleComponentOption, ToolboxComponentOption, TooltipComponentOption, VisualMapComponentOption, BarSeriesOption, CandlestickSeriesOption, CustomSeriesOption, GaugeSeriesOption, HeatmapSeriesOption, LineSeriesOption, PieSeriesOption, ScatterSeriesOption, SankeySeriesOption, SunburstSeriesOption };
+export interface EChartOption {
+    legend?: LegendComponentOption[];
+    dataZoom?: DataZoomComponentOption[];
+    grid?: GridComponentOption | GridComponentOption[];
+    series?: EChartSeries;
+    [key: string]: any;
+}

package/shared/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './echarts.custom';
+export * from './echarts.model';
+export * from './theme-support';
+export * from './themes/element';

package/shared/theme-support.d.ts

@@ -0,0 +1,394 @@
+export declare const themeSupport: {
+    _defaultTheme: {
+        name: string;
+        style: () => {
+            textStyle: {
+                fontFamily: string | undefined;
+            };
+            color: string[];
+            gradientColor: string[];
+            backgroundColor: string;
+            animationDuration: number;
+            title: {
+                padding: number[];
+                textStyle: {
+                    fontFamily: string | undefined;
+                    lineHeight: number;
+                    fontSize: number;
+                    color: string;
+                };
+                subtextStyle: {
+                    fontFamily: string | undefined;
+                    lineHeight: number;
+                    fontSize: number;
+                    color: string;
+                };
+            };
+            legend: {
+                backgroundColor: string;
+                inactiveColor: string;
+                left: string;
+                right: number;
+                top: number;
+                textStyle: {
+                    fontFamily: string | undefined;
+                    color: string;
+                    lineHeight: number;
+                    fontSize: number;
+                };
+                icon: string;
+                pageTextStyle: {
+                    color: string;
+                };
+                itemStyle: {
+                    borderWidth: number;
+                    itemGap: number;
+                };
+            };
+            tooltip: {
+                borderWidth: number;
+                backgroundColor: string;
+                textStyle: {
+                    fontFamily: string | undefined;
+                    color: string;
+                    fontWeight: number;
+                };
+                padding: number[];
+                axisPointer: {
+                    crossStyle: {
+                        color: string;
+                        width: number;
+                    };
+                };
+                formatter: (p: object | object[]) => string;
+            };
+            axisPointer: {
+                label: {
+                    fontFamily: string | undefined;
+                    color: string;
+                    backgroundColor: string;
+                    lineHeight: number;
+                    fontSize: number;
+                };
+                lineStyle: {
+                    color: string;
+                    width: number;
+                };
+                handle: {
+                    color: string;
+                    margin: number;
+                };
+            };
+            grid: {
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                containLabel: boolean;
+            };
+            valueAxis: {
+                nameTextStyle: {
+                    fontFamily: string | undefined;
+                    color: string;
+                };
+                axisLine: {
+                    show: boolean;
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+                axisLabel: {
+                    fontFamily: string | undefined;
+                    color: string;
+                    lineHeight: number;
+                    fontSize: number;
+                    hideOverlap: boolean;
+                };
+                axisTick: {
+                    alignWithLabel: boolean;
+                };
+                splitLine: {
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+            };
+            timeAxis: {
+                inverse: boolean;
+                nameTextStyle: {
+                    fontFamily: string | undefined;
+                    color: string;
+                };
+                axisLine: {
+                    show: boolean;
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+                axisLabel: {
+                    fontFamily: string | undefined;
+                    color: string;
+                    lineHeight: number;
+                    fontSize: number;
+                    hideOverlap: boolean;
+                };
+                axisTick: {
+                    alignWithLabel: boolean;
+                };
+                splitLine: {
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+            };
+            categoryAxis: {
+                inverse: boolean;
+                nameTextStyle: {
+                    fontFamily: string | undefined;
+                    color: string;
+                };
+                axisLine: {
+                    show: boolean;
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+                axisLabel: {
+                    fontFamily: string | undefined;
+                    color: string;
+                    lineHeight: number;
+                    fontSize: number;
+                    hideOverlap: boolean;
+                };
+                axisTick: {
+                    alignWithLabel: boolean;
+                };
+                splitLine: {
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+            };
+            dataZoom: {
+                textStyle: {
+                    fontFamily: string | undefined;
+                    color: string;
+                    lineHeight: number;
+                    fontSize: number;
+                };
+                borderColor: string;
+                fillerColor: string;
+                handleIcon: string;
+                handleStyle: {
+                    color: string;
+                    borderColor: string;
+                };
+                moveHandleStyle: {
+                    color: string;
+                    opacity: number;
+                };
+                brushStyle: {
+                    color: string;
+                };
+                dataBackground: {
+                    areaStyle: {
+                        color: string;
+                    };
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+                selectedDataBackground: {
+                    areaStyle: {
+                        color: string;
+                    };
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+                emphasis: {
+                    moveHandleStyle: {
+                        color: string;
+                        opacity: number;
+                    };
+                    handleStyle: {
+                        color: string;
+                        borderColor: string;
+                    };
+                };
+            };
+            toolbox: {
+                feature: {
+                    dataZoom: {
+                        brushStyle: {
+                            color: string;
+                        };
+                    };
+                };
+            };
+            graph: {
+                color: string[];
+            };
+            bar: {
+                barGap: number;
+                label: {
+                    fontFamily: string | undefined;
+                    color: string;
+                    fontSize: number;
+                };
+            };
+            line: {
+                areaStyle: {
+                    opacity: number;
+                };
+                symbol: string;
+            };
+            pie: {
+                label: {
+                    fontFamily: string | undefined;
+                    formatter: string;
+                    color: string;
+                    lineHeight: number;
+                    fontSize: number;
+                };
+                labelLine: {
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+                itemStyle: {
+                    borderWidth: number;
+                    borderColor: string;
+                };
+            };
+            candlestick: {
+                itemStyle: {
+                    color: string;
+                    color0: string;
+                    borderColor: string;
+                    borderColor0: string;
+                };
+            };
+            gauge: {
+                detail: {
+                    color: string;
+                    rich: {
+                        value: {
+                            color: string;
+                        };
+                        unit: {
+                            color: string;
+                        };
+                    };
+                };
+                axisLabel: {
+                    fontFamily: string | undefined;
+                    color: string;
+                };
+                axisTick: {
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+                splitLine: {
+                    lineStyle: {
+                        color: string;
+                    };
+                };
+            };
+            sankey: {
+                label: {
+                    fontFamily: string | undefined;
+                    textBorderColor: string;
+                    color: string;
+                };
+            };
+            sunburst: {
+                label: {
+                    fontFamily: string | undefined;
+                    textBorderColor: string;
+                    color: string;
+                };
+            };
+            simpl: {
+                colorPalettes: {
+                    default: string[];
+                };
+                dataZoom: {
+                    options: {
+                        height: number;
+                        bottom: number;
+                    };
+                    grid: {
+                        bottom: number;
+                    };
+                };
+                timeRangeBar: {
+                    height: number;
+                };
+                externalZoomSlider: {
+                    grid: {
+                        bottom: number;
+                    };
+                };
+                legendLeft: {
+                    left: number;
+                    width: string;
+                };
+                legendRight: {
+                    right: number;
+                    width: string;
+                };
+                noTitle: {
+                    grid: {
+                        top: number;
+                    };
+                    legend: {
+                        top: number;
+                    };
+                };
+                subTitle: {
+                    grid: {
+                        top: number;
+                    };
+                    legend: {
+                        top: number;
+                    };
+                };
+                customLegend: {
+                    grid: {
+                        top: number;
+                    };
+                };
+                progress: {
+                    itemWidth: number;
+                    itemGap: number;
+                    grey: string;
+                };
+                progressBar: {
+                    labelColor: string;
+                    itemWidth: number;
+                    grid: {
+                        left: number;
+                        right: number;
+                        containLabel: boolean;
+                    };
+                };
+                gauge: {
+                    grey: string;
+                    value: string;
+                    unit: string;
+                    defaultColor: string;
+                };
+            };
+        };
+    };
+    _themes: {
+        [key: string]: any;
+    };
+    registerTheme(theme: any): void;
+    getThemeNames(): string[];
+    getThemeByName(name: string): any;
+    setDefault(theme: any): void;
+    getDefault(): any;
+};