@spike-rabbit/charts-ng 49.0.0-next.1

package/index.d.ts

@@ -0,0 +1,1635 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, AfterViewInit, OnChanges, OnInit, OnDestroy, SimpleChanges } from '@angular/core';
+import * as echarts from 'echarts/core';
+export { echarts };
+import * as echarts$1 from 'echarts';
+import { LegendComponentOption, DataZoomComponentOption, GridComponentOption, BarSeriesOption, CandlestickSeriesOption, CustomSeriesOption, GaugeSeriesOption, HeatmapSeriesOption, LineSeriesOption, PieSeriesOption, ScatterSeriesOption, SankeySeriesOption, SunburstSeriesOption, MarkAreaComponentOption, MarkPointComponentOption, MarkLineComponentOption } from 'echarts';
+export { AxisPointerComponentOption, BarSeriesOption, BrushComponentOption, CandlestickSeriesOption, CustomSeriesOption, DataZoomComponentOption, DatasetComponentOption, GaugeSeriesOption, GridComponentOption, HeatmapSeriesOption, LegendComponentOption, LineSeriesOption, MarkAreaComponentOption, MarkLineComponentOption, MarkPointComponentOption, PieSeriesOption, PolarComponentOption, SankeySeriesOption, ScatterSeriesOption, SingleAxisComponentOption, SunburstSeriesOption, TitleComponentOption, ToolboxComponentOption, TooltipComponentOption, VisualMapComponentOption } from 'echarts';
+import * as i1 from '@angular/common';
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+type EChartSeriesOption = BarSeriesOption | CandlestickSeriesOption | CustomSeriesOption | GaugeSeriesOption | HeatmapSeriesOption | LineSeriesOption | PieSeriesOption | ScatterSeriesOption | SankeySeriesOption | SunburstSeriesOption | never;
+type EChartSeries = EChartSeriesOption[];
+
+interface EChartOption {
+    legend?: LegendComponentOption[];
+    dataZoom?: DataZoomComponentOption[];
+    grid?: GridComponentOption | GridComponentOption[];
+    series?: EChartSeries;
+    [key: string]: any;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+interface CustomLegend {
+    customLegends: [
+        {
+            list: CustomLegendItem[];
+            unit?: string;
+        },
+        {
+            list: CustomLegendItem[];
+            unit?: string;
+        }
+    ];
+    legendAxis: string;
+    top?: number | string;
+    gridIndex?: number;
+}
+interface CustomLegendItem {
+    name: string;
+    alternativeNaming?: boolean;
+    displayName?: string;
+    color?: string;
+    selected: boolean;
+    tooltip?: string;
+    symbol?: string;
+}
+interface CustomLegendProps {
+    displayName?: string;
+    unit?: string;
+    tooltip?: string;
+}
+
+declare class SiCustomLegendComponent {
+    /** @internal */
+    readonly customLegendContainer: _angular_core.Signal<ElementRef<any>>;
+    readonly customLegend: _angular_core.InputSignal<CustomLegend | undefined>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    readonly subTitle: _angular_core.InputSignal<string | undefined>;
+    readonly titleColor: _angular_core.InputSignal<string | undefined>;
+    readonly subTitleColor: _angular_core.InputSignal<string | undefined>;
+    readonly textColor: _angular_core.InputSignal<string | undefined>;
+    readonly legendIconClickEvent: _angular_core.OutputEmitterRef<CustomLegendItem>;
+    readonly legendClickEvent: _angular_core.OutputEmitterRef<CustomLegendItem>;
+    readonly legendHoverStartEvent: _angular_core.OutputEmitterRef<CustomLegendItem>;
+    readonly legendHoverEndEvent: _angular_core.OutputEmitterRef<CustomLegendItem>;
+    protected legendIconClick(legend: CustomLegendItem): void;
+    protected legendClick(legend: CustomLegendItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCustomLegendComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiCustomLegendComponent, "si-custom-legend", never, { "customLegend": { "alias": "customLegend"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "titleColor": { "alias": "titleColor"; "required": false; "isSignal": true; }; "subTitleColor": { "alias": "subTitleColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; }, { "legendIconClickEvent": "legendIconClickEvent"; "legendClickEvent": "legendClickEvent"; "legendHoverStartEvent": "legendHoverStartEvent"; "legendHoverEndEvent": "legendHoverEndEvent"; }, never, never, true, never>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+type AxisType = 'value' | 'category' | 'time' | 'log';
+type XAxisPosition = 'top' | 'bottom';
+type YAxisPosition = 'left' | 'right';
+type FilterMode = 'none' | 'filter' | 'weakFilter' | 'empty';
+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;
+}
+interface ChartXAxis extends ChartAxis {
+    position?: XAxisPosition;
+    [key: string]: any;
+}
+interface ChartYAxis extends ChartAxis {
+    position?: YAxisPosition;
+    scale?: boolean;
+    [key: string]: any;
+}
+interface SeriesUpdate<SeriesType> {
+    index: number;
+    data: SeriesType;
+}
+interface AxisPointerEvent {
+    seriesIndex?: number;
+    dataIndex?: number;
+}
+interface DataZoomRange {
+    startValue?: any;
+    endValue?: any;
+    visibleWidth?: any;
+    start?: any;
+    end?: any;
+}
+interface DataZoomEvent {
+    rangeType: AxisType;
+    rangeStart: any;
+    rangeEnd: any;
+    width?: number;
+    autoZoomUpdate?: boolean;
+    requested?: DataZoomRange;
+    source?: string;
+}
+interface LineColor {
+    [key: string]: {
+        color: string;
+        index: number;
+    };
+}
+interface SeriesSelectionState {
+    [key: string]: boolean;
+}
+interface SelectedLegendItem {
+    legendItemName: string;
+}
+interface LegendItem {
+    itemName: string;
+    dataIndex: number;
+    selected?: boolean;
+    color?: string;
+}
+interface GridRectCoordinate {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    containerWidth: number;
+    containerHeight: number;
+}
+interface CustomLegendMultiLineInfo {
+    customLegendId: number;
+    isCustomLegendMultilined: boolean;
+}
+interface SiSeriesOption {
+    displayName?: string;
+    customLegendToolTip?: string;
+    visible?: boolean;
+}
+
+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: _angular_core.Signal<ElementRef<any>>;
+    protected readonly chartContainer: _angular_core.Signal<ElementRef<any> | undefined>;
+    protected readonly externalZoomSliderContainer: _angular_core.Signal<ElementRef<any> | undefined>;
+    protected readonly siCustomLegend: _angular_core.Signal<readonly SiCustomLegendComponent[]>;
+    /**
+     * See [ECharts 5.x Documentation]{@link https://echarts.apache.org/en/option.html}
+     * for all available options.
+     */
+    readonly options: _angular_core.InputSignal<EChartOption | undefined>;
+    /** Used to override specific properties set in `options`. */
+    readonly additionalOptions: _angular_core.InputSignal<EChartOption | undefined>;
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    readonly subTitle: _angular_core.InputSignal<string | undefined>;
+    /** @defaultValue true */
+    readonly showLegend: _angular_core.ModelSignal<boolean>;
+    /** @defaultValue false */
+    readonly showCustomLegend: _angular_core.InputSignal<boolean>;
+    /**
+     * the renderer to use: canvas or svg
+     *
+     * @defaultValue 'canvas'
+     */
+    readonly renderer: _angular_core.InputSignal<"canvas" | "svg">;
+    /**
+     * Enables the zoom slider below the chart.
+     *
+     * @defaultValue false
+     */
+    readonly zoomSlider: _angular_core.InputSignal<boolean>;
+    /**
+     * Shows data shadow in dataZoom slider, use together with `zoomSlider`.
+     *
+     * @defaultValue true
+     */
+    readonly zoomSliderShadow: _angular_core.InputSignal<boolean>;
+    /**
+     * realtime update mode for zoom slider
+     *
+     * @defaultValue true
+     */
+    readonly zoomSliderRealtime: _angular_core.InputSignal<boolean>;
+    /**
+     * enable brush mode for zoom slider
+     *
+     * @defaultValue true
+     */
+    readonly zoomSliderBrush: _angular_core.InputSignal<boolean>;
+    /**
+     * Enables zooming inside the chart with the mouse wheel/touch.
+     *
+     * @defaultValue false
+     */
+    readonly zoomInside: _angular_core.InputSignal<boolean>;
+    /** @defaultValue 1000 */
+    readonly maxEntries: _angular_core.InputSignal<number>;
+    /**
+     * No auto dataZoom update) by default. Use together with `autoZoomSeriesIndex`.
+     *
+     * @defaultValue -1
+     */
+    readonly visibleEntries: _angular_core.ModelSignal<number>;
+    /**
+     * No auto dataZoom update) by default. Use together with `autoZoomSeriesIndex`.
+     *
+     * @defaultValue -1
+     */
+    readonly visibleRange: _angular_core.ModelSignal<number>;
+    /**
+     * No auto dataZoom update) by default. Use together with `visibleEntries`.
+     *
+     * @defaultValue -1
+     */
+    readonly autoZoomSeriesIndex: _angular_core.InputSignal<number>;
+    /** The desired theme to load. */
+    readonly theme: _angular_core.InputSignal<any>;
+    /** Used to override specific options of loaded `theme`. */
+    readonly themeCustomization: _angular_core.InputSignal<any>;
+    /**
+     * The name of the color palette (if any) of the loaded `theme`.
+     *
+     * @defaultValue undefined
+     */
+    readonly palette: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Used to display `axisPointer` line either by click or mouse-move.
+     *
+     * @defaultValue false
+     */
+    readonly axisPointer: _angular_core.InputSignal<string | boolean | undefined>;
+    readonly dataZoomRange: _angular_core.InputSignal<DataZoomRange | undefined>;
+    readonly dataZoomMinValueSpan: _angular_core.InputSignal<number | undefined>;
+    readonly dataZoomMaxValueSpan: _angular_core.InputSignal<number | undefined>;
+    /** @defaultValue 'none' */
+    readonly dataZoomFilterMode: _angular_core.InputSignal<FilterMode>;
+    readonly customLegendAction: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * @defaultValue
+     * ```
+     * { legendItemName: '' }
+     * ```
+     */
+    readonly selectedItem: _angular_core.InputSignal<SelectedLegendItem>;
+    readonly eChartContainerHeight: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Flag to use external zoom slider
+     *
+     * @defaultValue false
+     */
+    readonly externalZoomSlider: _angular_core.InputSignal<boolean>;
+    /** External XAxis Formatter from consumer */
+    readonly externalXAxisFormatter: _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: _angular_core.InputSignal<boolean>;
+    /** Event emitted when data zoom changes. */
+    readonly dataZoom: _angular_core.OutputEmitterRef<DataZoomEvent>;
+    /** Event emitted when axis pointer moves. */
+    readonly pointer: _angular_core.OutputEmitterRef<AxisPointerEvent>;
+    readonly selectionChanged: _angular_core.OutputEmitterRef<any>;
+    readonly chartSeriesClick: _angular_core.OutputEmitterRef<LegendItem>;
+    /** Event emitted when chart grid is resized. */
+    readonly chartGridResized: _angular_core.OutputEmitterRef<GridRectCoordinate>;
+    readonly customLegendMultiLineInfoEvent: _angular_core.OutputEmitterRef<CustomLegendMultiLineInfo[]>;
+    /** Emitted when datazoom changes, indicating the time range in milliseconds, 0 for full range */
+    readonly timeRangeChange: _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: _angular_core.WritableSignal<boolean>;
+    protected readonly backgroundColor: _angular_core.WritableSignal<string>;
+    protected readonly textColor: _angular_core.WritableSignal<string>;
+    protected readonly titleColor: _angular_core.WritableSignal<string>;
+    protected readonly subTitleColor: _angular_core.WritableSignal<string>;
+    private selectedSeriesColors;
+    private unselectedSeriesColors;
+    private seriesSelectionState;
+    protected readonly containerHeight: _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: _angular_core.WritableSignal<number>;
+    protected readonly timeBarLeft: _angular_core.WritableSignal<number>;
+    protected readonly timeBarRight: _angular_core.WritableSignal<number>;
+    protected readonly timeBarHeight: _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: _angular_core.ɵɵFactoryDeclaration<SiChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+type LineStepType = 'start' | 'middle' | 'end';
+type LineType = 'solid' | 'dashed' | 'dotted';
+interface SubchartGrid {
+    categoryId?: string;
+    top?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    right?: number | string;
+    height?: number | string;
+    containLabel?: boolean;
+}
+interface SiLineSeriesOption extends LineSeriesOption, SiSeriesOption {
+    area?: boolean;
+}
+type SiBarSeriesOption = BarSeriesOption & SiSeriesOption;
+type SiHeatmapSeriesOption = HeatmapSeriesOption & SiSeriesOption;
+type SiScatterSeriesOption = ScatterSeriesOption & SiSeriesOption;
+type SiCandlestickSeriesOption = CandlestickSeriesOption & SiSeriesOption;
+type LineSeriesData = NonNullable<LineSeriesOption['data']>;
+type BarSeriesData = NonNullable<BarSeriesOption['data']>;
+type HeatmapSeriesData = NonNullable<HeatmapSeriesOption['data']>;
+type ScatterSeriesData = NonNullable<Exclude<ScatterSeriesOption['data'], ArrayLike<number>>>;
+type CandlestickSeriesData = NonNullable<CandlestickSeriesOption['data']>;
+type CartesianDataNullable = LineSeriesData | BarSeriesData | HeatmapSeriesData | ScatterSeriesData | CandlestickSeriesData | never;
+type CartesianChartData = NonNullable<CartesianDataNullable>;
+type CartesianChartSeries = SiBarSeriesOption | SiLineSeriesOption | SiHeatmapSeriesOption | SiScatterSeriesOption | SiCandlestickSeriesOption | never;
+type MarkAreaData = NonNullable<MarkAreaComponentOption['data']>;
+type MarkPointData = NonNullable<MarkPointComponentOption['data']>;
+type MarkLineData = NonNullable<MarkLineComponentOption['data']>;
+
+declare class SiChartCartesianComponent extends SiChartComponent implements OnChanges {
+    readonly series: _angular_core.InputSignal<CartesianChartSeries[] | undefined>;
+    readonly subChartGrids: _angular_core.InputSignal<SubchartGrid[] | undefined>;
+    readonly yAxis: _angular_core.InputSignal<ChartYAxis | ChartYAxis[] | undefined>;
+    readonly xAxis: _angular_core.InputSignal<ChartXAxis | ChartXAxis[] | undefined>;
+    readonly tooltipFormatter: _angular_core.InputSignal<string | echarts$1.TooltipComponentFormatterCallback<echarts$1.TooltipComponentFormatterCallbackParams> | undefined>;
+    /**
+     * Used to display the chart as a stacked one.
+     *
+     * @defaultValue false
+     */
+    readonly stacked: _angular_core.InputSignal<boolean>;
+    /** Enable or disable brush zoom mode */
+    readonly zoomMode: _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: _angular_core.ɵɵFactoryDeclaration<SiChartCartesianComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+interface CircleChartData {
+    value: number;
+    name?: string;
+    label?: {
+        color?: string;
+        [key: string]: any;
+    };
+    itemStyle?: {
+        color?: string;
+        [key: string]: any;
+    };
+}
+interface CircleChartSeries {
+    name: string;
+    radius?: string[];
+    data: CircleChartData[];
+    label?: {
+        /**
+         * A custom label formatter based on echarts, some commonly used variations can be
+         * \{a\}: series name.
+         * \{b\}: the name of a data item.
+         * \{c\}: the value of a data item.
+         * \{d\}: the percent.
+         * See {@link https://echarts.apache.org/en/option.html#series-pie.label.formatter}
+         */
+        formatter?: NonNullable<PieSeriesOption['label']>['formatter'];
+    };
+}
+interface CircleValueUpdate {
+    seriesIndex: number;
+    valueIndex: number;
+    value: number;
+}
+
+declare class SiChartCircleComponent extends SiChartComponent {
+    readonly series: _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: _angular_core.ɵɵFactoryDeclaration<SiChartCircleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartCircleComponent, "si-chart-circle", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=timeRangeBar]"], true, never>;
+}
+
+declare class SiChartGaugeComponent extends SiChartComponent implements OnChanges {
+    /** @defaultValue 0 */
+    readonly minValue: _angular_core.InputSignal<number>;
+    /** @defaultValue 100 */
+    readonly maxValue: _angular_core.InputSignal<number>;
+    /** @defaultValue 0 */
+    readonly value: _angular_core.InputSignal<number>;
+    readonly splitSteps: _angular_core.InputSignal<number | undefined>;
+    /** @defaultValue true */
+    readonly responsiveSplitSteps: _angular_core.InputSignal<boolean>;
+    /** @defaultValue '%' */
+    readonly unit: _angular_core.InputSignal<string>;
+    /** @defaultValue false */
+    readonly unitsOnSplit: _angular_core.InputSignal<boolean>;
+    /**
+     * Custom formatter for axis labels.
+     * Takes precedence when specified, i.e. number of decimals, unit etc needs
+     * to be set by the user using this formatter.
+     */
+    readonly labelFormatter: _angular_core.InputSignal<((val: number) => string) | undefined>;
+    /**
+     * Custom formatter for value.
+     * Takes precedence when specified, i.e. number of decimals needs
+     * to be set by the user using this formatter.
+     */
+    readonly valueFormatter: _angular_core.InputSignal<((val: number) => string) | undefined>;
+    /**
+     * Sets the number of decimals.
+     * @deprecated Use `minNumberOfDecimals` and `maxNumberOfDecimals` instead.
+     * @defaultValue undefined */
+    readonly numberOfDecimals: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Min number of decimals.
+     * @defaultValue 0
+     */
+    readonly minNumberOfDecimals: _angular_core.InputSignal<number>;
+    /**
+     * Max number of decimals.
+     * @defaultValue 0
+     */
+    readonly maxNumberOfDecimals: _angular_core.InputSignal<number>;
+    /**
+     * Number of decimals on the axis.
+     * @defaultValue 0
+     */
+    readonly axisNumberOfDecimals: _angular_core.InputSignal<number>;
+    /** @defaultValue false */
+    readonly hideAxisLabels: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Segments on the arc from 0 (implicit) to 1 (explicit)
+     * E.g. 0.2 means from 0 to 0.2 of the possible range (maxValue - minValue)
+     *
+     * @defaultValue [0.2, 0.8, 1]
+     */
+    readonly segments: _angular_core.InputSignal<number[]>;
+    /**
+     * Colors for the defined segments.
+     * If there are less colors then segments, the colors will be repeated. Defaults to the standard color palette
+     */
+    readonly colors: _angular_core.InputSignal<string[] | undefined>;
+    private readonly locale;
+    private readonly actualMinNumberOfDecimals;
+    private readonly actualMaxNumberOfDecimals;
+    private readonly numberFormat;
+    private readonly axisNumberFormat;
+    protected afterChartInit(): void;
+    private updateColors;
+    private setAxisLineColor;
+    private getResponsiveConfig;
+    private calcValue;
+    private axisLabelFormatter;
+    protected applyOptions(): void;
+    private valueFormatterInternal;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected applyDataZoom(): void;
+    protected afterChartResize(): void;
+    /**
+     * Update gauge chart value.
+     */
+    setValue(value: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartGaugeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartGaugeComponent, "si-chart-gauge", never, { "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "splitSteps": { "alias": "splitSteps"; "required": false; "isSignal": true; }; "responsiveSplitSteps": { "alias": "responsiveSplitSteps"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitsOnSplit": { "alias": "unitsOnSplit"; "required": false; "isSignal": true; }; "labelFormatter": { "alias": "labelFormatter"; "required": false; "isSignal": true; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; "isSignal": true; }; "numberOfDecimals": { "alias": "numberOfDecimals"; "required": false; "isSignal": true; }; "minNumberOfDecimals": { "alias": "minNumberOfDecimals"; "required": false; "isSignal": true; }; "maxNumberOfDecimals": { "alias": "maxNumberOfDecimals"; "required": false; "isSignal": true; }; "axisNumberOfDecimals": { "alias": "axisNumberOfDecimals"; "required": false; "isSignal": true; }; "hideAxisLabels": { "alias": "hideAxisLabels"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=timeRangeBar]"], true, never>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+interface GaugeChartSeries {
+    data: any[];
+    min: number;
+    max: number;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+interface ProgressChartSeries {
+    name: string;
+    percent: number;
+}
+interface ProgressValueUpdate {
+    seriesIndex: number;
+    percent: number;
+}
+
+declare class SiChartProgressComponent extends SiChartComponent {
+    readonly series: _angular_core.InputSignal<ProgressChartSeries[] | undefined>;
+    /**
+     * How big the data can get in degrees.
+     *
+     * @defaultValue 220
+     */
+    readonly dataAngle: _angular_core.InputSignal<number>;
+    private itemWidth;
+    private itemGap;
+    private baseRadius;
+    private sizeFactor;
+    private center;
+    private grey;
+    private startAngle;
+    protected afterChartInit(): void;
+    protected themeChanged(): void;
+    protected handleSelectionChanged(event: any): void;
+    protected applyOptions(): void;
+    private labelFormatter;
+    private addSeries;
+    private updateData;
+    private calculateRadius;
+    private updateRadius;
+    protected applyDataZoom(): void;
+    /**
+     * Update single value of the progress chart.
+     */
+    changeSingleValue(index: number, percent: number): void;
+    /**
+     * Update multiple values of the progress chart.
+     */
+    changeMultiValues(updateValues: ProgressValueUpdate[]): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartProgressComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartProgressComponent, "si-chart-progress", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; "dataAngle": { "alias": "dataAngle"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=timeRangeBar]"], true, never>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+interface ProgressBarChartSeries {
+    name: string;
+    percent: number;
+}
+interface ProgressBarValueUpdate {
+    valueIndex: number;
+    value: number;
+}
+
+declare class SiChartProgressBarComponent extends SiChartComponent {
+    readonly series: _angular_core.InputSignal<ProgressBarChartSeries[] | undefined>;
+    /** Used to display the label in inline or above the progress-bar. */
+    readonly labelPosition: _angular_core.InputSignal<string | undefined>;
+    private maxValue;
+    private xAxisConfig;
+    private yAxis;
+    private formatter;
+    private labelPositionOption;
+    private labelPositionOptionForValue;
+    private labelFormatter;
+    protected themeChanged(): void;
+    protected applyOptions(): void;
+    protected applyDataZoom(): void;
+    /**
+     * Updates single value of a single progress bar.
+     */
+    changeSingleValue(valueIndex: number, value: number): void;
+    /**
+     * Updates multiple values of a single progress bar.
+     */
+    changeMultiValues(updateValues: ProgressBarValueUpdate[]): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartProgressBarComponent, "si-chart-progress-bar", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=timeRangeBar]"], true, never>;
+}
+
+declare class SiChartSankeyComponent extends SiChartComponent {
+    readonly series: _angular_core.InputSignal<SankeySeriesOption | undefined>;
+    /** @defaultValue false */
+    readonly toolTip: _angular_core.InputSignal<boolean>;
+    protected applyOptions(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartSankeyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartSankeyComponent, "si-chart-sankey", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; "toolTip": { "alias": "toolTip"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=timeRangeBar]"], true, never>;
+}
+
+declare class SiChartSunburstComponent extends SiChartComponent {
+    readonly series: _angular_core.InputSignal<SunburstSeriesOption | undefined>;
+    /** @defaultValue false */
+    readonly toolTip: _angular_core.InputSignal<boolean>;
+    protected applyOptions(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartSunburstComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartSunburstComponent, "si-chart-sunburst", never, { "series": { "alias": "series"; "required": false; "isSignal": true; }; "toolTip": { "alias": "toolTip"; "required": false; "isSignal": true; }; }, {}, never, ["[slot=timeRangeBar]"], true, never>;
+}
+
+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;
+};
+
+declare const themeElement: {
+    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;
+            };
+        };
+    };
+};
+
+declare class SiChartLoadingSpinnerComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartLoadingSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartLoadingSpinnerComponent, "si-chart-loading-spinner", never, {}, {}, never, never, true, never>;
+}
+
+declare class SiChartsNgModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartsNgModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiChartsNgModule, never, [typeof i1.CommonModule, typeof SiChartCartesianComponent, typeof SiChartCircleComponent, typeof SiChartComponent, typeof SiChartGaugeComponent, typeof SiChartLoadingSpinnerComponent, typeof SiChartProgressBarComponent, typeof SiChartProgressComponent, typeof SiChartSankeyComponent, typeof SiChartSunburstComponent, typeof SiCustomLegendComponent], [typeof SiChartCartesianComponent, typeof SiChartCircleComponent, typeof SiChartComponent, typeof SiChartGaugeComponent, typeof SiChartProgressBarComponent, typeof SiChartProgressComponent, typeof SiChartSankeyComponent, typeof SiChartSunburstComponent, typeof SiCustomLegendComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiChartsNgModule>;
+}
+
+export { SiChartCartesianComponent, SiChartCircleComponent, SiChartComponent, SiChartGaugeComponent, SiChartProgressBarComponent, SiChartProgressComponent, SiChartSankeyComponent, SiChartSunburstComponent, SiChartsNgModule, SiCustomLegendComponent, SiChartsNgModule as SimplChartsNgModule, themeElement, themeSupport };
+export type { AxisData, AxisPointerEvent, AxisType, BarSeriesData, CandlestickSeriesData, CartesianChartData, CartesianChartSeries, CartesianDataNullable, ChartXAxis, ChartYAxis, CircleChartData, CircleChartSeries, CircleValueUpdate, CustomLegend, CustomLegendItem, CustomLegendMultiLineInfo, CustomLegendProps, DataZoomEvent, DataZoomRange, EChartOption, EChartSeries, EChartSeriesOption, FilterMode, GaugeChartSeries, GridRectCoordinate, HeatmapSeriesData, LegendItem, LineColor, LineSeriesData, LineStepType, LineType, MarkAreaData, MarkLineData, MarkPointData, ProgressBarChartSeries, ProgressBarValueUpdate, ProgressChartSeries, ProgressValueUpdate, ScatterSeriesData, SelectedLegendItem, SeriesSelectionState, SeriesUpdate, SiBarSeriesOption, SiCandlestickSeriesOption, SiHeatmapSeriesOption, SiLineSeriesOption, SiScatterSeriesOption, SiSeriesOption, SiBarSeriesOption as SimplBarSeriesOption, SiCandlestickSeriesOption as SimplCandlestickSeriesOption, SiHeatmapSeriesOption as SimplHeatmapSeriesOption, SiLineSeriesOption as SimplLineSeriesOption, SiScatterSeriesOption as SimplScatterSeriesOption, SiSeriesOption as SimplSeriesOption, SubchartGrid, XAxisPosition, YAxisPosition };