@spike-rabbit/charts-ng 49.0.0 → 49.13.0

package/{index.d.ts → types/spike-rabbit-charts-ng-common.d.ts}

@@ -1,14 +1,13 @@
-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';
+import { LegendComponentOption, DataZoomComponentOption, GridComponentOption, BarSeriesOption, CandlestickSeriesOption, CustomSeriesOption, GaugeSeriesOption, HeatmapSeriesOption, LineSeriesOption, PieSeriesOption, ScatterSeriesOption, SankeySeriesOption, SunburstSeriesOption } 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';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnChanges, OnInit, OnDestroy, ElementRef, SimpleChanges } from '@angular/core';
+import { SiCustomLegendComponent, CustomLegend, CustomLegendItem, CustomLegendProps } from '@spike-rabbit/charts-ng/custom-legend';
 
 /**
- * Copyright (c) Siemens 2016 - 2025
+ * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
 
@@ -24,62 +23,10 @@ interface EChartOption {
 }
 
 /**
- * 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
+ * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
+/** */
 type AxisType = 'value' | 'category' | 'time' | 'log';
 type XAxisPosition = 'top' | 'bottom';
 type YAxisPosition = 'left' | 'right';
@@ -122,16 +69,16 @@ interface AxisPointerEvent {
     dataIndex?: number;
 }
 interface DataZoomRange {
-    startValue?: any;
-    endValue?: any;
-    visibleWidth?: any;
-    start?: any;
-    end?: any;
+    startValue?: number | string | Date;
+    endValue?: number | string | Date;
+    visibleWidth?: number;
+    start?: number;
+    end?: number;
 }
 interface DataZoomEvent {
     rangeType: AxisType;
-    rangeStart: any;
-    rangeEnd: any;
+    rangeStart: number;
+    rangeEnd: number;
     width?: number;
     autoZoomUpdate?: boolean;
     requested?: DataZoomRange;
@@ -173,7 +120,7 @@ interface SiSeriesOption {
     visible?: boolean;
 }
 
-declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDestroy {
+declare class SiChartBaseComponent implements AfterViewInit, OnChanges, OnInit, OnDestroy {
     /**
      * reference to the wrapper container. Used for setting scroll position, etc.
      *
@@ -193,11 +140,22 @@ declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDe
     readonly options: _angular_core.InputSignal<EChartOption | undefined>;
     /** Used to override specific properties set in `options`. */
     readonly additionalOptions: _angular_core.InputSignal<EChartOption | undefined>;
+    /** The title of the chart. */
     readonly title: _angular_core.InputSignal<string | undefined>;
+    /** The subtitle of the chart. */
     readonly subTitle: _angular_core.InputSignal<string | undefined>;
-    /** @defaultValue true */
+    /**
+     * Show Echarts legend
+     *
+     * @defaultValue true
+     */
     readonly showLegend: _angular_core.ModelSignal<boolean>;
-    /** @defaultValue false */
+    /**
+     * Enable to show a custom legend.
+     * The custom legend offers additional features such as, scroll bar to avoid legend and chart overlapping,
+     * Left and right alignment of legends based on y-axis, etc and many more.
+     * @defaultValue false
+     */
     readonly showCustomLegend: _angular_core.InputSignal<boolean>;
     /**
      * the renderer to use: canvas or svg
@@ -232,10 +190,16 @@ declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDe
     /**
      * Enables zooming inside the chart with the mouse wheel/touch.
      *
+     * Whether zooming inside the chart is possible with mouse.
+     *
      * @defaultValue false
      */
     readonly zoomInside: _angular_core.InputSignal<boolean>;
-    /** @defaultValue 1000 */
+    /**
+     * Maximum number of series data points shown in the chart.
+     *
+     * @defaultValue 1000
+     */
     readonly maxEntries: _angular_core.InputSignal<number>;
     /**
      * No auto dataZoom update) by default. Use together with `autoZoomSeriesIndex`.
@@ -271,19 +235,42 @@ declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDe
      * @defaultValue false
      */
     readonly axisPointer: _angular_core.InputSignal<string | boolean | undefined>;
+    /**
+     * Apply a specific zoom range (see {@link https://echarts.apache.org/en/option.html#dataZoom-inside}).
+     */
     readonly dataZoomRange: _angular_core.InputSignal<DataZoomRange | undefined>;
+    /**
+     * The lower limit of the data zoom slider (see {@link https://echarts.apache.org/en/option.html#dataZoom-slider.minValueSpan}).
+     */
     readonly dataZoomMinValueSpan: _angular_core.InputSignal<number | undefined>;
+    /**
+     * The upper limit of the data zoom slider (see {@link https://echarts.apache.org/en/option.html#dataZoom-slider.maxValueSpan}).
+     */
     readonly dataZoomMaxValueSpan: _angular_core.InputSignal<number | undefined>;
-    /** @defaultValue 'none' */
+    /**
+     * The data zoom filter mode. (see {@link https://echarts.apache.org/en/option.html#dataZoom-inside.filterMode})
+     *
+     * The value 'filter' will cause the lines to be disconnected to the outside of the chart.
+     *
+     * @defaultValue 'none'
+     */
     readonly dataZoomFilterMode: _angular_core.InputSignal<FilterMode>;
+    /**
+     * Enable custom legend click actions exposed by the `selectionChanged` event.
+     */
     readonly customLegendAction: _angular_core.InputSignal<boolean | undefined>;
     /**
+     * Specify selected legend item.
+     *
      * @defaultValue
      * ```
      * { legendItemName: '' }
      * ```
      */
     readonly selectedItem: _angular_core.InputSignal<SelectedLegendItem>;
+    /**
+     * The height of the ECharts container as decimal.
+     */
     readonly eChartContainerHeight: _angular_core.InputSignal<string | null | undefined>;
     /**
      * Flag to use external zoom slider
@@ -304,12 +291,15 @@ declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDe
     readonly dataZoom: _angular_core.OutputEmitterRef<DataZoomEvent>;
     /** Event emitted when axis pointer moves. */
     readonly pointer: _angular_core.OutputEmitterRef<AxisPointerEvent>;
+    /** Event emitted when selection changes e.g. clicking on a legend item. */
     readonly selectionChanged: _angular_core.OutputEmitterRef<any>;
+    /** Event emitted when a chart series is clicked. */
     readonly chartSeriesClick: _angular_core.OutputEmitterRef<LegendItem>;
     /** Event emitted when chart grid is resized. */
     readonly chartGridResized: _angular_core.OutputEmitterRef<GridRectCoordinate>;
+    /** Event emitted when custom legend multi-line info changes. */
     readonly customLegendMultiLineInfoEvent: _angular_core.OutputEmitterRef<CustomLegendMultiLineInfo[]>;
-    /** Emitted when datazoom changes, indicating the time range in milliseconds, 0 for full range */
+    /** Emitted when data zoom 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;
@@ -330,7 +320,6 @@ declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDe
     protected readonly containerHeight: _angular_core.WritableSignal<number | null>;
     protected activeTheme: any;
     protected autoZoomUpdate: boolean;
-    private subscriptions;
     private prevAxisPointer;
     private lastValidDataZoom;
     private presetDataZoomRange?;
@@ -338,6 +327,7 @@ declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDe
     private requestedDataZoom?;
     private measureCanvas?;
     private readonly cdRef;
+    private readonly ngZone;
     protected curWidth: number;
     protected curHeight: number;
     protected readonly timeBarBottom: _angular_core.WritableSignal<number>;
@@ -347,24 +337,28 @@ declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDe
     private gridCoordinates;
     private customLegendsMultiLineInfo;
     protected extZoomSliderOptions: EChartOption;
-    private echartMouseDown;
-    private echartMouseUp;
-    private echartExtSliderMouseDown;
-    private echartExtSliderMouseUp;
-    private readonly ngZone;
+    private readonly echartMouseDown;
+    private readonly echartMouseUp;
+    private readonly echartExtSliderMouseDown;
+    private readonly echartExtSliderMouseUp;
     protected readonly shapePaths: Record<string, string>;
     /**
      * Allow consuming applications to re-draw chart on window resizes.
      */
     resize(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<unknown>): void;
     ngOnInit(): void;
     ngAfterViewInit(skipZoom?: boolean): void;
     private calculateTextWidth;
     private disposeChart;
     ngOnDestroy(): void;
+    /**
+     * Switch theme using echarts api, which does not need reloading the whole chart.
+     */
+    themeSwitch(): void;
     /**
      * Re-render the whole chart.
+     * @deprecated The method is deprecated and should not be used directly by the consumer.
      */
     resetChart(): void;
     protected handleLegendClick(legend: CustomLegendItem): void;
@@ -500,344 +494,8 @@ declare class SiChartComponent implements AfterViewInit, OnChanges, OnInit, OnDe
     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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChartBaseComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChartBaseComponent, "si-chart-base", 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>;
 }
 
 declare const themeSupport: {
@@ -847,11 +505,14 @@ declare const themeSupport: {
             textStyle: {
                 fontFamily: string | undefined;
             };
+            richInheritPlainLabel: boolean;
             color: string[];
             gradientColor: string[];
             backgroundColor: string;
             animationDuration: number;
             title: {
+                left: number;
+                top: number;
                 padding: number[];
                 textStyle: {
                     fontFamily: string | undefined;
@@ -872,6 +533,7 @@ declare const themeSupport: {
                 left: string;
                 right: number;
                 top: number;
+                itemGap: number;
                 textStyle: {
                     fontFamily: string | undefined;
                     color: string;
@@ -975,6 +637,7 @@ declare const themeSupport: {
                     hideOverlap: boolean;
                 };
                 axisTick: {
+                    show: boolean;
                     alignWithLabel: boolean;
                 };
                 splitLine: {
@@ -1003,6 +666,7 @@ declare const themeSupport: {
                     hideOverlap: boolean;
                 };
                 axisTick: {
+                    show: boolean;
                     alignWithLabel: boolean;
                 };
                 splitLine: {
@@ -1043,6 +707,7 @@ declare const themeSupport: {
                 selectedDataBackground: {
                     areaStyle: {
                         color: string;
+                        opacity: number;
                     };
                     lineStyle: {
                         color: string;
@@ -1084,9 +749,12 @@ declare const themeSupport: {
                     opacity: number;
                 };
                 symbol: string;
+                symbolSize: number;
             };
             pie: {
+                radius: (string | number)[];
                 label: {
+                    distanceToLabelLine: number;
                     fontFamily: string | undefined;
                     formatter: string;
                     color: string;
@@ -1094,6 +762,8 @@ declare const themeSupport: {
                     fontSize: number;
                 };
                 labelLine: {
+                    length: number;
+                    length2: number;
                     lineStyle: {
                         color: string;
                     };
@@ -1241,11 +911,14 @@ declare const themeElement: {
         textStyle: {
             fontFamily: string | undefined;
         };
+        richInheritPlainLabel: boolean;
         color: string[];
         gradientColor: string[];
         backgroundColor: string;
         animationDuration: number;
         title: {
+            left: number;
+            top: number;
             padding: number[];
             textStyle: {
                 fontFamily: string | undefined;
@@ -1266,6 +939,7 @@ declare const themeElement: {
             left: string;
             right: number;
             top: number;
+            itemGap: number;
             textStyle: {
                 fontFamily: string | undefined;
                 color: string;
@@ -1369,6 +1043,7 @@ declare const themeElement: {
                 hideOverlap: boolean;
             };
             axisTick: {
+                show: boolean;
                 alignWithLabel: boolean;
             };
             splitLine: {
@@ -1397,6 +1072,7 @@ declare const themeElement: {
                 hideOverlap: boolean;
             };
             axisTick: {
+                show: boolean;
                 alignWithLabel: boolean;
             };
             splitLine: {
@@ -1437,6 +1113,7 @@ declare const themeElement: {
             selectedDataBackground: {
                 areaStyle: {
                     color: string;
+                    opacity: number;
                 };
                 lineStyle: {
                     color: string;
@@ -1478,9 +1155,12 @@ declare const themeElement: {
                 opacity: number;
             };
             symbol: string;
+            symbolSize: number;
         };
         pie: {
+            radius: (string | number)[];
             label: {
+                distanceToLabelLine: number;
                 fontFamily: string | undefined;
                 formatter: string;
                 color: string;
@@ -1488,6 +1168,8 @@ declare const themeElement: {
                 fontSize: number;
             };
             labelLine: {
+                length: number;
+                length2: number;
                 lineStyle: {
                     color: string;
                 };
@@ -1620,16 +1302,5 @@ declare const themeElement: {
     };
 };
 
-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 };
+export { SiChartBaseComponent, themeElement, themeSupport };
+export type { AxisData, AxisPointerEvent, AxisType, ChartXAxis, ChartYAxis, CustomLegendMultiLineInfo, DataZoomEvent, DataZoomRange, EChartOption, EChartSeries, EChartSeriesOption, FilterMode, GridRectCoordinate, LegendItem, LineColor, SelectedLegendItem, SeriesSelectionState, SeriesUpdate, SiSeriesOption, SiSeriesOption as SimplSeriesOption, XAxisPosition, YAxisPosition };