@siemens/charts-ng 47.6.0

package/LICENSE.md

@@ -0,0 +1,20 @@
+The MIT License
+
+Copyright (c) Siemens 2016 - 2025
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the “Software”), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/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/components/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-chart/index';
+export * from './si-chart-cartesian/index';
+export * from './si-chart-circle/index';
+export * from './si-chart-gauge/index';
+export * from './si-chart-progress/index';
+export * from './si-chart-progress-bar/index';
+export * from './si-custom-legend/index';
+export * from './si-chart-sankey/index';
+export * from './si-chart-sunburst/index';

package/components/si-chart/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-chart.component';
+export * from './si-chart.interfaces';

package/components/si-chart/si-chart.component.d.ts

@@ -0,0 +1,341 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { echarts } from '../../shared/echarts.custom';
+import { EChartOption, EChartSeries } from '../../shared/echarts.model';
+import { SiCustomLegendComponent } from '../si-custom-legend/si-custom-legend.component';
+import { CustomLegend, CustomLegendItem, CustomLegendProps } from '../si-custom-legend/si-custom-legend.interface';
+import { AxisPointerEvent, CustomLegendMultiLineInfo, DataZoomEvent, DataZoomRange, FilterMode, GridRectCoordinate, LegendItem, SelectedLegendItem, SeriesUpdate } from './si-chart.interfaces';
+import * as i0 from "@angular/core";
+export declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDestroy {
+    /**
+     * reference to the wrapper container. Used for setting scroll position, etc.
+     *
+     * @defaultValue
+     * ```
+     * viewChild.required<ElementRef>('chartContainerWrapper')
+     * ```
+     */
+    readonly chartContainerWrapper: import("@angular/core").Signal<ElementRef<any>>;
+    protected readonly chartContainer: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    protected readonly externalZoomSliderContainer: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    protected readonly siCustomLegend: import("@angular/core").Signal<readonly SiCustomLegendComponent[]>;
+    /**
+     * See [ECharts 5.x Documentation]{@link https://echarts.apache.org/en/option.html}
+     * for all available options.
+     */
+    readonly options: import("@angular/core").InputSignal<EChartOption | undefined>;
+    /** Used to override specific properties set in `options`. */
+    readonly additionalOptions: import("@angular/core").InputSignal<EChartOption | undefined>;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly subTitle: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue true */
+    readonly showLegend: import("@angular/core").ModelSignal<boolean>;
+    /** @defaultValue false */
+    readonly showCustomLegend: import("@angular/core").InputSignal<boolean>;
+    /**
+     * the renderer to use: canvas or svg
+     *
+     * @defaultValue 'canvas'
+     */
+    readonly renderer: import("@angular/core").InputSignal<"canvas" | "svg">;
+    /**
+     * Enables the zoom slider below the chart.
+     *
+     * @defaultValue false
+     */
+    readonly zoomSlider: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Shows data shadow in dataZoom slider, use together with `zoomSlider`.
+     *
+     * @defaultValue true
+     */
+    readonly zoomSliderShadow: import("@angular/core").InputSignal<boolean>;
+    /**
+     * realtime update mode for zoom slider
+     *
+     * @defaultValue true
+     */
+    readonly zoomSliderRealtime: import("@angular/core").InputSignal<boolean>;
+    /**
+     * enable brush mode for zoom slider
+     *
+     * @defaultValue true
+     */
+    readonly zoomSliderBrush: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Enables zooming inside the chart with the mouse wheel/touch.
+     *
+     * @defaultValue false
+     */
+    readonly zoomInside: import("@angular/core").InputSignal<boolean>;
+    /** @defaultValue 1000 */
+    readonly maxEntries: import("@angular/core").InputSignal<number>;
+    /**
+     * No auto dataZoom update) by default. Use together with `autoZoomSeriesIndex`.
+     *
+     * @defaultValue -1
+     */
+    readonly visibleEntries: import("@angular/core").ModelSignal<number>;
+    /**
+     * No auto dataZoom update) by default. Use together with `autoZoomSeriesIndex`.
+     *
+     * @defaultValue -1
+     */
+    readonly visibleRange: import("@angular/core").ModelSignal<number>;
+    /**
+     * No auto dataZoom update) by default. Use together with `visibleEntries`.
+     *
+     * @defaultValue -1
+     */
+    readonly autoZoomSeriesIndex: import("@angular/core").InputSignal<number>;
+    /** The desired theme to load. */
+    readonly theme: import("@angular/core").InputSignal<any>;
+    /** Used to override specific options of loaded `theme`. */
+    readonly themeCustomization: import("@angular/core").InputSignal<any>;
+    /**
+     * The name of the color palette (if any) of the loaded `theme`.
+     *
+     * @defaultValue undefined
+     */
+    readonly palette: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Used to display `axisPointer` line either by click or mouse-move.
+     *
+     * @defaultValue false
+     */
+    readonly axisPointer: import("@angular/core").InputSignal<string | boolean | undefined>;
+    readonly dataZoomRange: import("@angular/core").InputSignal<DataZoomRange | undefined>;
+    readonly dataZoomMinValueSpan: import("@angular/core").InputSignal<number | undefined>;
+    readonly dataZoomMaxValueSpan: import("@angular/core").InputSignal<number | undefined>;
+    /** @defaultValue 'none' */
+    readonly dataZoomFilterMode: import("@angular/core").InputSignal<FilterMode>;
+    readonly customLegendAction: import("@angular/core").InputSignal<boolean | undefined>;
+    /**
+     * @defaultValue
+     * ```
+     * { legendItemName: '' }
+     * ```
+     */
+    readonly selectedItem: import("@angular/core").InputSignal<SelectedLegendItem>;
+    readonly eChartContainerHeight: import("@angular/core").InputSignal<string | null | undefined>;
+    /**
+     * Flag to use external zoom slider
+     *
+     * @defaultValue false
+     */
+    readonly externalZoomSlider: import("@angular/core").InputSignal<boolean>;
+    /** External XAxis Formatter from consumer */
+    readonly externalXAxisFormatter: import("@angular/core").InputSignal<((value: any, visibleRange: number) => string) | undefined>;
+    /**
+     * If true, add consumer-provided time range bar. Use together with `zoomSlider`.
+     * @deprecated The input will be removed in future versions as the time range bar slot is deprecated.
+     *
+     * @defaultValue false
+     */
+    readonly showTimeRangeBar: import("@angular/core").InputSignal<boolean>;
+    /** Event emitted when data zoom changes. */
+    readonly dataZoom: import("@angular/core").OutputEmitterRef<DataZoomEvent>;
+    /** Event emitted when axis pointer moves. */
+    readonly pointer: import("@angular/core").OutputEmitterRef<AxisPointerEvent>;
+    readonly selectionChanged: import("@angular/core").OutputEmitterRef<any>;
+    readonly chartSeriesClick: import("@angular/core").OutputEmitterRef<LegendItem>;
+    /** Event emitted when chart grid is resized. */
+    readonly chartGridResized: import("@angular/core").OutputEmitterRef<GridRectCoordinate>;
+    readonly customLegendMultiLineInfoEvent: import("@angular/core").OutputEmitterRef<CustomLegendMultiLineInfo[]>;
+    /** Emitted when datazoom changes, indicating the time range in milliseconds, 0 for full range */
+    readonly timeRangeChange: import("@angular/core").OutputEmitterRef<number>;
+    /** Allow to override options specific for a chart type. */
+    protected actualOptions: EChartOption;
+    protected customLegend: CustomLegend[];
+    /** @internal */
+    chart: echarts.ECharts;
+    private extZoomSliderChart;
+    private echartElement;
+    private eChartExtSliderElement;
+    protected readonly inProgress: import("@angular/core").WritableSignal<boolean>;
+    protected readonly backgroundColor: import("@angular/core").WritableSignal<string>;
+    protected readonly textColor: import("@angular/core").WritableSignal<string>;
+    protected readonly titleColor: import("@angular/core").WritableSignal<string>;
+    protected readonly subTitleColor: import("@angular/core").WritableSignal<string>;
+    private selectedSeriesColors;
+    private unselectedSeriesColors;
+    private seriesSelectionState;
+    protected readonly containerHeight: import("@angular/core").WritableSignal<number | null>;
+    protected activeTheme: any;
+    protected autoZoomUpdate: boolean;
+    private subscriptions;
+    private prevAxisPointer;
+    private lastValidDataZoom;
+    private presetDataZoomRange?;
+    private dataZoomSetupDone;
+    private requestedDataZoom?;
+    private measureCanvas?;
+    private readonly cdRef;
+    protected curWidth: number;
+    protected curHeight: number;
+    protected readonly timeBarBottom: import("@angular/core").WritableSignal<number>;
+    protected readonly timeBarLeft: import("@angular/core").WritableSignal<number>;
+    protected readonly timeBarRight: import("@angular/core").WritableSignal<number>;
+    protected readonly timeBarHeight: import("@angular/core").WritableSignal<number>;
+    private gridCoordinates;
+    private customLegendsMultiLineInfo;
+    protected extZoomSliderOptions: EChartOption;
+    private echartMouseDown;
+    private echartMouseUp;
+    private echartExtSliderMouseDown;
+    private echartExtSliderMouseUp;
+    private readonly ngZone;
+    protected readonly shapePaths: Record<string, string>;
+    /**
+     * Allow consuming applications to re-draw chart on window resizes.
+     */
+    resize(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterViewInit(skipZoom?: boolean): void;
+    private calculateTextWidth;
+    private disposeChart;
+    ngOnDestroy(): void;
+    /**
+     * Re-render the whole chart.
+     */
+    resetChart(): void;
+    protected handleLegendClick(legend: CustomLegendItem): void;
+    protected handleLegendHover(legend: CustomLegendItem, start: boolean): void;
+    /**
+     * Toggle visibility of a series.
+     */
+    toggleSeriesVisibility(name: string, visible: boolean): void;
+    private doToggleSeriesVisibility;
+    private findCustomLegendItem;
+    protected getValidXAxis(): Set<number> | undefined;
+    protected setZoomMode(): void;
+    private applyTheme;
+    protected themeChanged(): void;
+    protected applyOptions(): void;
+    protected applyCustomLegendPosition(): void;
+    private applyAdditionalOptions;
+    private applyPalette;
+    protected applyDataZoom(): void;
+    private handleAxisPointer;
+    private handleAxisPointerSingleAxis;
+    protected hasDataZoom(): boolean;
+    protected getThemeValue(props: string[], defaultValue: any, ns?: string): any;
+    protected getThemeCustomValue(props: string[], defaultValue: any): any;
+    protected applyTitles(): void;
+    private modifyTopAlignment;
+    protected afterChartInit(skipZoom?: boolean): void;
+    protected afterChartResize(): void;
+    private getEChartInner;
+    private getEChartExternalSliderInner;
+    private handleExtChartMouseDown;
+    private handleExtChartMouseUp;
+    private handleChartMouseDown;
+    private handleChartMouseUp;
+    private setDataZoomRange;
+    private handleDataZoom;
+    private handleExtDataZoom;
+    protected handleSelectionChanged(event: any): void;
+    /**
+     * Creates two objects that stores the colors for selected and unselected series. Used only for custom legend actions.
+     */
+    protected fetchSeriesColors(colorsToBeUSed?: any): void;
+    /**
+     * Handles legend select event in non echart native way.
+     * @param event -  legend select
+     */
+    protected handleSelectionChangedCustom(event: any): void;
+    /**
+     * Handles click on series in non echart native way.
+     * @param event -  click
+     */
+    protected handleClickOnChart(event: any, toggleVisibility: boolean): void;
+    /**
+     * Selects or unselects the series based on series state object
+     * @param seriesName -  series to be selected/unselected
+     * @param emit -  if true event is emitted otherwise no event is emitted
+     */
+    protected styleSelectedSeries(seriesName: string, emit: boolean, seriesDataIndex: number): any;
+    /**
+     * Selects the series
+     * @param element -  to be styled as selected
+     * @param emit -  if true event is emitted otherwise no event is emitted
+     */
+    protected selectSeries(element: any, emit: boolean, seriesDataIndex: number): any;
+    /**
+     * Unselects the series
+     * @param element - to be styled as unselected
+     * @param emit - if true event is emitted otherwise no event is emitted
+     */
+    protected unselectSeries(element: any, emit: boolean, seriesDataIndex: number): {
+        color: any;
+        series: (EChartSeries | undefined)[];
+    };
+    private isValidDataZoomValue;
+    private saveCurrentDataZoom;
+    /**
+     * Get color by series name.
+     */
+    getSeriesColorBySeriesName(seriesName: string): string | undefined;
+    private doGetSeriesColorBySeriesName;
+    private applyColorsToCustomLegends;
+    private handleUpdateAxisPointer;
+    /**
+     * Get current data zoom range.
+     */
+    getVisibleRange(): DataZoomEvent | undefined;
+    protected internalGetModel(): any;
+    /**
+     * returns the current EChart options, w/o cloning anything. Be very careful
+     * not to change anything in the data structure in it.
+     */
+    getOptionNoClone(): any;
+    protected parsePercent(percent: string | number, all: number): number;
+    private doGetVisibleRange;
+    protected updateEChart(force?: boolean, options?: EChartOption): void;
+    protected updateAxisAndDataZoom(inOptions?: EChartOption): boolean;
+    /**
+     * Send action to echart.
+     * @see https://echarts.apache.org/en/api.html#action
+     */
+    dispatchEChartAction(action: echarts.Payload): void;
+    private getSeriesMinMax;
+    private calculateVisibleRange;
+    private getValueFromSeriesPoint;
+    private calculateZoomStartValue;
+    protected hasData(): boolean;
+    /**
+     * Re-render the chart series data. This method should be called on series data changes.
+     */
+    refreshSeries(isLive?: boolean, dzToSet?: DataZoomRange): void;
+    private updateDataZoom;
+    private doUpdateDZ;
+    protected applyStyles(): void;
+    protected addLegendItem(name: string, visible?: boolean | null, index?: number, gridIndex?: number, customLegendProp?: CustomLegendProps, seriesSymbol?: string): void;
+    private getPath;
+    private addCustomLegend;
+    /**
+     * Show loading indicator.
+     */
+    startProgressIndication(): void;
+    /**
+     * Hide loading indicator.
+     */
+    stopProgressIndication(): void;
+    /**
+     * Set the data zoom range for the chart in milliseconds.
+     * As an example one hour is the value 3600000.
+     */
+    setTimeRange(range: number): void;
+    protected addDataInternal(series: SeriesUpdate<any>[]): void;
+    private getPresetDataZoom;
+    private checkGridSizeChange;
+    private gridSizeItemChanged;
+    private setContainerHeight;
+    private updateCustomLegendMultiLineInfo;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiChartComponent, "si-chart", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "additionalOptions": { "alias": "additionalOptions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showCustomLegend": { "alias": "showCustomLegend"; "required": false; "isSignal": true; }; "renderer": { "alias": "renderer"; "required": false; "isSignal": true; }; "zoomSlider": { "alias": "zoomSlider"; "required": false; "isSignal": true; }; "zoomSliderShadow": { "alias": "zoomSliderShadow"; "required": false; "isSignal": true; }; "zoomSliderRealtime": { "alias": "zoomSliderRealtime"; "required": false; "isSignal": true; }; "zoomSliderBrush": { "alias": "zoomSliderBrush"; "required": false; "isSignal": true; }; "zoomInside": { "alias": "zoomInside"; "required": false; "isSignal": true; }; "maxEntries": { "alias": "maxEntries"; "required": false; "isSignal": true; }; "visibleEntries": { "alias": "visibleEntries"; "required": false; "isSignal": true; }; "visibleRange": { "alias": "visibleRange"; "required": false; "isSignal": true; }; "autoZoomSeriesIndex": { "alias": "autoZoomSeriesIndex"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "themeCustomization": { "alias": "themeCustomization"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "axisPointer": { "alias": "axisPointer"; "required": false; "isSignal": true; }; "dataZoomRange": { "alias": "dataZoomRange"; "required": false; "isSignal": true; }; "dataZoomMinValueSpan": { "alias": "dataZoomMinValueSpan"; "required": false; "isSignal": true; }; "dataZoomMaxValueSpan": { "alias": "dataZoomMaxValueSpan"; "required": false; "isSignal": true; }; "dataZoomFilterMode": { "alias": "dataZoomFilterMode"; "required": false; "isSignal": true; }; "customLegendAction": { "alias": "customLegendAction"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "eChartContainerHeight": { "alias": "eChartContainerHeight"; "required": false; "isSignal": true; }; "externalZoomSlider": { "alias": "externalZoomSlider"; "required": false; "isSignal": true; }; "externalXAxisFormatter": { "alias": "externalXAxisFormatter"; "required": false; "isSignal": true; }; "showTimeRangeBar": { "alias": "showTimeRangeBar"; "required": false; "isSignal": true; }; }, { "showLegend": "showLegendChange"; "visibleEntries": "visibleEntriesChange"; "visibleRange": "visibleRangeChange"; "dataZoom": "dataZoom"; "pointer": "pointer"; "selectionChanged": "selectionChanged"; "chartSeriesClick": "chartSeriesClick"; "chartGridResized": "chartGridResized"; "customLegendMultiLineInfoEvent": "customLegendMultiLineInfoEvent"; "timeRangeChange": "timeRangeChange"; }, never, ["[slot=timeRangeBar]"], true, never>;
+}

package/components/si-chart/si-chart.interfaces.d.ts

@@ -0,0 +1,97 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export type AxisType = 'value' | 'category' | 'time' | 'log';
+export type XAxisPosition = 'top' | 'bottom';
+export type YAxisPosition = 'left' | 'right';
+export type FilterMode = 'none' | 'filter' | 'weakFilter' | 'empty';
+export type AxisData = (string | number | any)[];
+interface ChartAxis {
+    type: AxisType;
+    offset?: number;
+    name?: string;
+    data?: AxisData;
+    min?: number;
+    max?: number;
+    splitLine?: {
+        show?: boolean;
+    };
+    axisLine?: {
+        show?: boolean;
+        onZero?: boolean;
+    };
+    splitNumber?: number;
+    axisLabel?: any;
+    show?: boolean;
+    gridIndex?: number;
+}
+export interface ChartXAxis extends ChartAxis {
+    position?: XAxisPosition;
+    [key: string]: any;
+}
+export interface ChartYAxis extends ChartAxis {
+    position?: YAxisPosition;
+    scale?: boolean;
+    [key: string]: any;
+}
+export interface SeriesUpdate<SeriesType> {
+    index: number;
+    data: SeriesType;
+}
+export interface AxisPointerEvent {
+    seriesIndex?: number;
+    dataIndex?: number;
+}
+export interface DataZoomRange {
+    startValue?: any;
+    endValue?: any;
+    visibleWidth?: any;
+    start?: any;
+    end?: any;
+}
+export interface DataZoomEvent {
+    rangeType: AxisType;
+    rangeStart: any;
+    rangeEnd: any;
+    width?: number;
+    autoZoomUpdate?: boolean;
+    requested?: DataZoomRange;
+    source?: string;
+}
+export interface LineColor {
+    [key: string]: {
+        color: string;
+        index: number;
+    };
+}
+export interface SeriesSelectionState {
+    [key: string]: boolean;
+}
+export interface SelectedLegendItem {
+    legendItemName: string;
+}
+export interface LegendItem {
+    itemName: string;
+    dataIndex: number;
+    selected?: boolean;
+    color?: string;
+}
+export interface GridRectCoordinate {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    containerWidth: number;
+    containerHeight: number;
+}
+export interface CustomLegendMultiLineInfo {
+    customLegendId: number;
+    isCustomLegendMultilined: boolean;
+}
+export interface SiSeriesOption {
+    displayName?: string;
+    customLegendToolTip?: string;
+    visible?: boolean;
+}
+export {};

package/components/si-chart-cartesian/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-chart-cartesian.component';
+export * from './si-chart-cartesian.interfaces';

package/components/si-chart-cartesian/si-chart-cartesian.component.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { SiChartComponent } from '../si-chart/si-chart.component';
+import { ChartXAxis, ChartYAxis, DataZoomRange, SeriesUpdate } from '../si-chart/si-chart.interfaces';
+import { CartesianChartData, CartesianChartSeries, SubchartGrid } from './si-chart-cartesian.interfaces';
+import * as i0 from "@angular/core";
+export declare class SiChartCartesianComponent extends SiChartComponent implements OnChanges {
+    readonly series: import("@angular/core").InputSignal<CartesianChartSeries[] | undefined>;
+    readonly subChartGrids: import("@angular/core").InputSignal<SubchartGrid[] | undefined>;
+    readonly yAxis: import("@angular/core").InputSignal<ChartYAxis | ChartYAxis[] | undefined>;
+    readonly xAxis: import("@angular/core").InputSignal<ChartXAxis | ChartXAxis[] | undefined>;
+    readonly tooltipFormatter: import("@angular/core").InputSignal<string | import("echarts").TooltipComponentFormatterCallback<import("echarts").TooltipComponentFormatterCallbackParams> | undefined>;
+    /**
+     * Used to display the chart as a stacked one.
+     *
+     * @defaultValue false
+     */
+    readonly stacked: import("@angular/core").InputSignal<boolean>;
+    /** Enable or disable brush zoom mode */
+    readonly zoomMode: import("@angular/core").InputSignal<boolean | undefined>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private formatTooltip;
+    /**
+     * Get the series marker svg by series name.
+     */
+    getSeriesMarkerSvg(seriesName: string): string;
+    /**
+     * Get the series marker by series name.
+     */
+    getSeriesMarker(seriesName: string): string;
+    protected afterChartInit(skipZoom?: boolean): void;
+    protected setZoomMode(): void;
+    protected getValidXAxis(): Set<number>;
+    protected applyOptions(): void;
+    private hasDifferentMarker;
+    private getGrid;
+    refreshSeries(isLive?: boolean, dzToSet?: DataZoomRange): void;
+    protected hasData(): boolean;
+    protected handleSelectionChanged(event: any): void;
+    /**
+     * Update single chart data entry.
+     */
+    addData(index: number, data: CartesianChartData): void;
+    /**
+     * Append charts data entries to the end of the series.
+     */
+    addDataMulti(series: SeriesUpdate<CartesianChartData>[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiChartCartesianComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiChartCartesianComponent, "si-chart-cartesian", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; "subChartGrids": { "alias": "subChartGrids"; "required": false; "isSignal": true; }; "yAxis": { "alias": "yAxis"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; "tooltipFormatter": { "alias": "tooltipFormatter"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "zoomMode": { "alias": "zoomMode"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=timeRangeBar]"], true, never>;
+}

package/components/si-chart-cartesian/si-chart-cartesian.interfaces.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { BarSeriesOption, CandlestickSeriesOption, HeatmapSeriesOption, LineSeriesOption, MarkAreaComponentOption, MarkLineComponentOption, MarkPointComponentOption, ScatterSeriesOption } from '../../shared/echarts.model';
+import { SiSeriesOption } from '../si-chart/si-chart.interfaces';
+export type LineStepType = 'start' | 'middle' | 'end';
+export type LineType = 'solid' | 'dashed' | 'dotted';
+export interface SubchartGrid {
+    categoryId?: string;
+    top?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    right?: number | string;
+    height?: number | string;
+    containLabel?: boolean;
+}
+export interface SiLineSeriesOption extends LineSeriesOption, SiSeriesOption {
+    area?: boolean;
+}
+export type SiBarSeriesOption = BarSeriesOption & SiSeriesOption;
+export type SiHeatmapSeriesOption = HeatmapSeriesOption & SiSeriesOption;
+export type SiScatterSeriesOption = ScatterSeriesOption & SiSeriesOption;
+export type SiCandlestickSeriesOption = CandlestickSeriesOption & SiSeriesOption;
+export type LineSeriesData = NonNullable<LineSeriesOption['data']>;
+export type BarSeriesData = NonNullable<BarSeriesOption['data']>;
+export type HeatmapSeriesData = NonNullable<HeatmapSeriesOption['data']>;
+export type ScatterSeriesData = NonNullable<Exclude<ScatterSeriesOption['data'], ArrayLike<number>>>;
+export type CandlestickSeriesData = NonNullable<CandlestickSeriesOption['data']>;
+export type CartesianDataNullable = LineSeriesData | BarSeriesData | HeatmapSeriesData | ScatterSeriesData | CandlestickSeriesData | never;
+export type CartesianChartData = NonNullable<CartesianDataNullable>;
+export type CartesianChartSeries = SiBarSeriesOption | SiLineSeriesOption | SiHeatmapSeriesOption | SiScatterSeriesOption | SiCandlestickSeriesOption | never;
+export type MarkAreaData = NonNullable<MarkAreaComponentOption['data']>;
+export type MarkPointData = NonNullable<MarkPointComponentOption['data']>;
+export type MarkLineData = NonNullable<MarkLineComponentOption['data']>;

package/components/si-chart-circle/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-chart-circle.component';
+export * from './si-chart-circle.interface';

package/components/si-chart-circle/si-chart-circle.component.d.ts

@@ -0,0 +1,18 @@
+import { SiChartComponent } from '../si-chart/si-chart.component';
+import { CircleChartSeries, CircleValueUpdate } from './si-chart-circle.interface';
+import * as i0 from "@angular/core";
+export declare class SiChartCircleComponent extends SiChartComponent {
+    readonly series: import("@angular/core").InputSignal<CircleChartSeries[] | undefined>;
+    protected applyOptions(): void;
+    protected applyDataZoom(): void;
+    /**
+     * Update single value of the circle chart.
+     */
+    changeSingleValue(index: number, valueIndex: number, value: number): void;
+    /**
+     * Update multiple values of the circle chart.
+     */
+    changeMultiValues(updateValues: CircleValueUpdate[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiChartCircleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiChartCircleComponent, "si-chart-circle", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=timeRangeBar]"], true, never>;
+}