@siemens/charts-ng 47.6.0

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

@@ -0,0 +1,38 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { PieSeriesOption } from 'echarts';
+export interface CircleChartData {
+    value: number;
+    name?: string;
+    label?: {
+        color?: string;
+        [key: string]: any;
+    };
+    itemStyle?: {
+        color?: string;
+        [key: string]: any;
+    };
+}
+export 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'];
+    };
+}
+export interface CircleValueUpdate {
+    seriesIndex: number;
+    valueIndex: number;
+    value: number;
+}

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

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

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

@@ -0,0 +1,84 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { SiChartComponent } from '../si-chart/si-chart.component';
+import * as i0 from "@angular/core";
+export declare class SiChartGaugeComponent extends SiChartComponent implements OnChanges {
+    /** @defaultValue 0 */
+    readonly minValue: import("@angular/core").InputSignal<number>;
+    /** @defaultValue 100 */
+    readonly maxValue: import("@angular/core").InputSignal<number>;
+    /** @defaultValue 0 */
+    readonly value: import("@angular/core").InputSignal<number>;
+    readonly splitSteps: import("@angular/core").InputSignal<number | undefined>;
+    /** @defaultValue true */
+    readonly responsiveSplitSteps: import("@angular/core").InputSignal<boolean>;
+    /** @defaultValue '%' */
+    readonly unit: import("@angular/core").InputSignal<string>;
+    /** @defaultValue false */
+    readonly unitsOnSplit: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Custom formatter for axis labels and value.
+     * Takes precedence when specified, i.e. number of decimals, unit etc needs
+     * to be set by the user using this formatter.
+     */
+    readonly labelFormatter: import("@angular/core").InputSignal<((val: number) => string) | undefined>;
+    /**
+     * Sets the number of decimals.
+     * @deprecated Use `minNumberOfDecimals` and `maxNumberOfDecimals` instead.
+     * @defaultValue undefined */
+    readonly numberOfDecimals: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * Min number of decimals.
+     * @defaultValue 0
+     */
+    readonly minNumberOfDecimals: import("@angular/core").InputSignal<number>;
+    /**
+     * Max number of decimals.
+     * @defaultValue 0
+     */
+    readonly maxNumberOfDecimals: import("@angular/core").InputSignal<number>;
+    /**
+     * Number of decimals on the axis.
+     * @defaultValue 0
+     */
+    readonly axisNumberOfDecimals: import("@angular/core").InputSignal<number>;
+    /** @defaultValue false */
+    readonly hideAxisLabels: import("@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: import("@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: import("@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 valueFormatter;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected applyDataZoom(): void;
+    protected afterChartResize(): void;
+    /**
+     * Update gauge chart value.
+     */
+    setValue(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiChartGaugeComponent, never>;
+    static ɵcmp: i0.ɵɵ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; }; "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>;
+}

package/components/si-chart-gauge/si-chart-gauge.interface.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export interface GaugeChartSeries {
+    data: any[];
+    min: number;
+    max: number;
+}

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SiChartLoadingSpinnerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiChartLoadingSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiChartLoadingSpinnerComponent, "si-chart-loading-spinner", never, {}, {}, never, never, true, never>;
+}

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

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

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

@@ -0,0 +1,39 @@
+import { SiChartComponent } from '../si-chart/si-chart.component';
+import { ProgressChartSeries, ProgressValueUpdate } from './si-chart-progress.interface';
+import * as i0 from "@angular/core";
+export declare class SiChartProgressComponent extends SiChartComponent {
+    readonly series: import("@angular/core").InputSignal<ProgressChartSeries[] | undefined>;
+    /**
+     * How big the data can get in degrees.
+     *
+     * @defaultValue 220
+     */
+    readonly dataAngle: import("@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: i0.ɵɵFactoryDeclaration<SiChartProgressComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/components/si-chart-progress/si-chart-progress.interface.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export interface ProgressChartSeries {
+    name: string;
+    percent: number;
+}
+export interface ProgressValueUpdate {
+    seriesIndex: number;
+    percent: number;
+}

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

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

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

@@ -0,0 +1,28 @@
+import { SiChartComponent } from '../si-chart/si-chart.component';
+import { ProgressBarChartSeries, ProgressBarValueUpdate } from './si-chart-progress-bar.interface';
+import * as i0 from "@angular/core";
+export declare class SiChartProgressBarComponent extends SiChartComponent {
+    readonly series: import("@angular/core").InputSignal<ProgressBarChartSeries[] | undefined>;
+    /** Used to display the label in inline or above the progress-bar. */
+    readonly labelPosition: import("@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: i0.ɵɵFactoryDeclaration<SiChartProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/components/si-chart-progress-bar/si-chart-progress-bar.interface.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export interface ProgressBarChartSeries {
+    name: string;
+    percent: number;
+}
+export interface ProgressBarValueUpdate {
+    valueIndex: number;
+    value: number;
+}

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

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

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

@@ -0,0 +1,11 @@
+import { SankeySeriesOption } from '../../shared/echarts.model';
+import { SiChartComponent } from '../si-chart/si-chart.component';
+import * as i0 from "@angular/core";
+export declare class SiChartSankeyComponent extends SiChartComponent {
+    readonly series: import("@angular/core").InputSignal<SankeySeriesOption | undefined>;
+    /** @defaultValue false */
+    readonly toolTip: import("@angular/core").InputSignal<boolean>;
+    protected applyOptions(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiChartSankeyComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

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

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

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

@@ -0,0 +1,11 @@
+import { SunburstSeriesOption } from '../../shared/echarts.model';
+import { SiChartComponent } from '../si-chart/si-chart.component';
+import * as i0 from "@angular/core";
+export declare class SiChartSunburstComponent extends SiChartComponent {
+    readonly series: import("@angular/core").InputSignal<SunburstSeriesOption | undefined>;
+    /** @defaultValue false */
+    readonly toolTip: import("@angular/core").InputSignal<boolean>;
+    protected applyOptions(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiChartSunburstComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/components/si-custom-legend/index.d.ts

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

package/components/si-custom-legend/si-custom-legend.component.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { ElementRef } from '@angular/core';
+import { CustomLegend, CustomLegendItem } from './si-custom-legend.interface';
+import * as i0 from "@angular/core";
+export declare class SiCustomLegendComponent {
+    /** @internal */
+    readonly customLegendContainer: import("@angular/core").Signal<ElementRef<any>>;
+    readonly customLegend: import("@angular/core").InputSignal<CustomLegend | undefined>;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly subTitle: import("@angular/core").InputSignal<string | undefined>;
+    readonly titleColor: import("@angular/core").InputSignal<string | undefined>;
+    readonly subTitleColor: import("@angular/core").InputSignal<string | undefined>;
+    readonly textColor: import("@angular/core").InputSignal<string | undefined>;
+    readonly legendIconClickEvent: import("@angular/core").OutputEmitterRef<CustomLegendItem>;
+    readonly legendClickEvent: import("@angular/core").OutputEmitterRef<CustomLegendItem>;
+    readonly legendHoverStartEvent: import("@angular/core").OutputEmitterRef<CustomLegendItem>;
+    readonly legendHoverEndEvent: import("@angular/core").OutputEmitterRef<CustomLegendItem>;
+    protected legendIconClick(legend: CustomLegendItem): void;
+    protected legendClick(legend: CustomLegendItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCustomLegendComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/components/si-custom-legend/si-custom-legend.interface.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export interface CustomLegend {
+    customLegends: [
+        {
+            list: CustomLegendItem[];
+            unit?: string;
+        },
+        {
+            list: CustomLegendItem[];
+            unit?: string;
+        }
+    ];
+    legendAxis: string;
+    top?: number | string;
+    gridIndex?: number;
+}
+export interface CustomLegendItem {
+    name: string;
+    alternativeNaming?: boolean;
+    displayName?: string;
+    color?: string;
+    selected: boolean;
+    tooltip?: string;
+    symbol?: string;
+}
+export interface CustomLegendProps {
+    displayName?: string;
+    unit?: string;
+    tooltip?: string;
+}