@porscheinformatik/clr-addons 21.9.0 → 21.10.0

package/types/porscheinformatik-clr-addons-charts.d.ts

@@ -52,12 +52,24 @@ declare function toChartColor(color: string | undefined): string;
 interface ChartLegendItem {
     label: string;
     color: string;
+    key?: string;
+    value?: number;
 }
 declare class ChartLegendComponent {
     readonly items: _angular_core.InputSignal<ChartLegendItem[]>;
+    readonly hoveredIndex: _angular_core.InputSignal<number>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
+    readonly itemHover: _angular_core.OutputEmitterRef<{
+        item: ChartLegendItem;
+        index: number;
+        hover: boolean;
+    }>;
+    readonly clicked: _angular_core.OutputEmitterRef<ChartLegendItem>;
     protected readonly toChartColor: typeof toChartColor;
+    onLegendHover(item: ChartLegendItem, index: number, hover: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartLegendComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartLegendComponent, "cng-chart-legend", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartLegendComponent, "cng-chart-legend", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "hoveredIndex": { "alias": "hoveredIndex"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "itemHover": "itemHover"; "clicked": "clicked"; }, never, never, true, never>;
 }
 
 /**
@@ -121,7 +133,7 @@ type BarChartLabel = {
 declare class BarChartComponent extends ChartBase<BarChartDataPoint> implements OnChanges {
     readonly data: _angular_core.InputSignal<BarChartData[]>;
     readonly stacks: _angular_core.InputSignal<BarChartLabel[]>;
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
     readonly barSizePx: _angular_core.InputSignal<number>;
     readonly barAreaSizePx: _angular_core.InputSignal<number>;
@@ -216,7 +228,7 @@ type GroupedBarChartDataPoint = GroupedBarChartData & {
 declare class GroupedBarChartComponent extends ChartBase<GroupedBarChartDataPoint> implements OnChanges {
     readonly data: _angular_core.InputSignal<GroupedBarChartData[]>;
     readonly groups: _angular_core.InputSignal<GroupedBarChartGroup[]>;
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
     readonly barSizePx: _angular_core.InputSignal<number>;
     readonly groupAreaSizePx: _angular_core.InputSignal<number>;
@@ -226,6 +238,8 @@ declare class GroupedBarChartComponent extends ChartBase<GroupedBarChartDataPoin
     readonly tooManyItemsGroupedMessage: _angular_core.InputSignal<string>;
     readonly allValuesZeroMessage: _angular_core.InputSignal<string>;
     readonly showLegend: _angular_core.InputSignal<boolean>;
+    readonly showValues: _angular_core.InputSignal<boolean>;
+    readonly showValueOnHover: _angular_core.InputSignal<boolean>;
     readonly showExportButton: _angular_core.InputSignal<boolean>;
     readonly exportButtonTitle: _angular_core.InputSignal<string>;
     readonly exportFilename: _angular_core.InputSignal<string>;
@@ -244,6 +258,7 @@ declare class GroupedBarChartComponent extends ChartBase<GroupedBarChartDataPoin
     private readonly totalGroupCount;
     private readonly showingGroupCount;
     private readonly slicedDataPoints;
+    private readonly hoveredValueKey;
     private svg;
     private barSelection;
     private labelSelection;
@@ -254,6 +269,10 @@ declare class GroupedBarChartComponent extends ChartBase<GroupedBarChartDataPoin
     private createVerticalChart;
     private createHorizontalChart;
     private createBarSelectionGroups;
+    private addHorizontalValueLabels;
+    private addVerticalValueLabels;
+    private addValueLabelStyles;
+    private updateHoveredValueLabels;
     private addHorizontalBarRectangle;
     private addVerticalBarRectangle;
     protected emitSelectedValue(): void;
@@ -269,7 +288,7 @@ declare class GroupedBarChartComponent extends ChartBase<GroupedBarChartDataPoin
     private getMaxAmountOfGroups;
     private resetVisibleState;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GroupedBarChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupedBarChartComponent, "clr-grouped-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "barSizePx": { "alias": "barSizePx"; "required": false; "isSignal": true; }; "groupAreaSizePx": { "alias": "groupAreaSizePx"; "required": false; "isSignal": true; }; "yAxisLabelWidthPx": { "alias": "yAxisLabelWidthPx"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsGroupedMessage": { "alias": "tooManyItemsGroupedMessage"; "required": false; "isSignal": true; }; "allValuesZeroMessage": { "alias": "allValuesZeroMessage"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupedBarChartComponent, "clr-grouped-bar-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "barSizePx": { "alias": "barSizePx"; "required": false; "isSignal": true; }; "groupAreaSizePx": { "alias": "groupAreaSizePx"; "required": false; "isSignal": true; }; "yAxisLabelWidthPx": { "alias": "yAxisLabelWidthPx"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooManyItemsGroupedMessage": { "alias": "tooManyItemsGroupedMessage"; "required": false; "isSignal": true; }; "allValuesZeroMessage": { "alias": "allValuesZeroMessage"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "showValueOnHover": { "alias": "showValueOnHover"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
 }
 
 type LineChartSelectedPoint = XYChartPoint & {
@@ -283,6 +302,7 @@ declare class LineChartComponent extends ChartBase<LineChartSelectedPoint> imple
     readonly showArea: _angular_core.InputSignal<boolean>;
     readonly showLegend: _angular_core.InputSignal<boolean>;
     readonly showValues: _angular_core.InputSignal<boolean>;
+    readonly showValueOnHover: _angular_core.InputSignal<boolean>;
     readonly showExportButton: _angular_core.InputSignal<boolean>;
     readonly exportButtonTitle: _angular_core.InputSignal<string>;
     readonly exportFilename: _angular_core.InputSignal<string>;
@@ -301,13 +321,17 @@ declare class LineChartComponent extends ChartBase<LineChartSelectedPoint> imple
     readonly alertMessageAndType: _angular_core.Signal<[string, string]>;
     readonly legendItems: _angular_core.Signal<ChartLegendItem[]>;
     private svg;
+    private readonly hoveredValueKey;
     ngOnChanges(_changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     protected updateChart(): void;
     private drawSeries;
+    private getValueKey;
+    private setHoveredValueKey;
+    private updateHoveredValueLabels;
     private openTooltip;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LineChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "clr-line-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; "yMin": { "alias": "yMin"; "required": false; "isSignal": true; }; "autoscaleYAxis": { "alias": "autoscaleYAxis"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LineChartComponent, "clr-line-chart", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showValues": { "alias": "showValues"; "required": false; "isSignal": true; }; "showValueOnHover": { "alias": "showValueOnHover"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; "isSignal": true; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; "isSignal": true; }; "yMin": { "alias": "yMin"; "required": false; "isSignal": true; }; "autoscaleYAxis": { "alias": "autoscaleYAxis"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
 }
 
 type AreaChartSelectedPoint = XYChartPoint & {
@@ -433,33 +457,47 @@ interface PieChartData {
     color: string;
 }
 interface PieChartValue {
-    key: string;
-    label: string;
+    key?: string;
+    label?: string;
     value: number;
 }
 declare class PieChartComponent extends ChartBase<PieChartData> implements OnChanges {
     readonly data: _angular_core.InputSignal<PieChartData[]>;
     readonly donut: _angular_core.InputSignal<boolean>;
+    readonly centerValue: _angular_core.InputSignal<number>;
+    readonly centerLabel: _angular_core.InputSignal<string>;
+    readonly formatCenterValue: _angular_core.InputSignal<boolean>;
+    readonly formatSlices: _angular_core.InputSignal<boolean>;
     readonly showLegend: _angular_core.InputSignal<boolean>;
+    readonly legendPosition: _angular_core.InputSignal<"top" | "bottom">;
     readonly showExportButton: _angular_core.InputSignal<boolean>;
     readonly exportButtonTitle: _angular_core.InputSignal<string>;
     readonly exportFilename: _angular_core.InputSignal<string>;
     readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
+    readonly innerRadiusRatio: _angular_core.InputSignal<number>;
+    readonly excludeZeroItemValuesFromLegend: _angular_core.InputSignal<boolean>;
     readonly noItemsMessage: _angular_core.InputSignal<string>;
     readonly tooltipPercentOfTotal: _angular_core.InputSignal<string>;
     readonly valueClicked: _angular_core.OutputEmitterRef<PieChartValue>;
+    protected readonly showSkeleton: _angular_core.Signal<boolean>;
     protected readonly hasData: _angular_core.Signal<boolean>;
     protected readonly total: _angular_core.Signal<number>;
     readonly alertMessageAndType: _angular_core.Signal<[string, string]>;
     readonly legendItems: _angular_core.Signal<ChartLegendItem[]>;
     private svg;
     private arcGen;
+    private hoverArcGen;
+    protected readonly hoveredIndex: _angular_core.WritableSignal<number>;
     ngOnChanges(_changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     protected updateChart(): void;
     private openTooltip;
+    private setHoverStylesByIndex;
+    private unsetHoverStylesByIndex;
+    onLegendHover(index: number, hover: boolean): void;
+    onLegendClick(item: ChartLegendItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PieChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieChartComponent, "clr-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "donut": { "alias": "donut"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PieChartComponent, "clr-pie-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "donut": { "alias": "donut"; "required": false; "isSignal": true; }; "centerValue": { "alias": "centerValue"; "required": false; "isSignal": true; }; "centerLabel": { "alias": "centerLabel"; "required": false; "isSignal": true; }; "formatCenterValue": { "alias": "formatCenterValue"; "required": false; "isSignal": true; }; "formatSlices": { "alias": "formatSlices"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "innerRadiusRatio": { "alias": "innerRadiusRatio"; "required": false; "isSignal": true; }; "excludeZeroItemValuesFromLegend": { "alias": "excludeZeroItemValuesFromLegend"; "required": false; "isSignal": true; }; "noItemsMessage": { "alias": "noItemsMessage"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
 }
 
 interface FunnelChartSection {
@@ -538,6 +576,8 @@ declare class FunnelChartComponent extends ChartBase<FunnelDataPoint> implements
     readonly exportFilename: _angular_core.InputSignal<string>;
     /** Rendering mode. 'default' = horizontal bars with sections; 'centered' = centered trapezoid funnel. */
     readonly orientation: _angular_core.InputSignal<"default" | "centered">;
+    readonly tooltipOrientation: _angular_core.InputSignal<"top" | "bottom">;
+    readonly prefixTotalWithLabel: _angular_core.InputSignal<boolean>;
     /** Width reserved on each side for labels (px). */
     readonly textSize: _angular_core.InputSignal<number>;
     /** Gap between funnel bars and their side-line labels (px). */
@@ -568,6 +608,8 @@ declare class FunnelChartComponent extends ChartBase<FunnelDataPoint> implements
      * the built-in default palette.
      */
     readonly sectionColors: _angular_core.InputSignal<Record<string, string>>;
+    readonly tooltipPercentOfTotal: _angular_core.InputSignal<string>;
+    readonly emptyChartWhenNoData: _angular_core.InputSignal<boolean>;
     readonly valueClicked: _angular_core.OutputEmitterRef<FunnelValue>;
     protected readonly resolvedChartLabels: _angular_core.Signal<FunnelChartLabels>;
     /** CSS-ready color for the centered-mode bar. */
@@ -610,7 +652,7 @@ declare class FunnelChartComponent extends ChartBase<FunnelDataPoint> implements
     private getBarHeight;
     private round;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FunnelChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FunnelChartComponent, "clr-funnel-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "textSize": { "alias": "textSize"; "required": false; "isSignal": true; }; "lineTextPadding": { "alias": "lineTextPadding"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; "sideLineVerticalPadding": { "alias": "sideLineVerticalPadding"; "required": false; "isSignal": true; }; "minLineSize": { "alias": "minLineSize"; "required": false; "isSignal": true; }; "barToSpacerRatio": { "alias": "barToSpacerRatio"; "required": false; "isSignal": true; }; "middleLineVerticalPadding": { "alias": "middleLineVerticalPadding"; "required": false; "isSignal": true; }; "barColor": { "alias": "barColor"; "required": false; "isSignal": true; }; "spacerColor": { "alias": "spacerColor"; "required": false; "isSignal": true; }; "chartLabels": { "alias": "chartLabels"; "required": false; "isSignal": true; }; "sectionColors": { "alias": "sectionColors"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FunnelChartComponent, "clr-funnel-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "showExportButton": { "alias": "showExportButton"; "required": false; "isSignal": true; }; "exportButtonTitle": { "alias": "exportButtonTitle"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "tooltipOrientation": { "alias": "tooltipOrientation"; "required": false; "isSignal": true; }; "prefixTotalWithLabel": { "alias": "prefixTotalWithLabel"; "required": false; "isSignal": true; }; "textSize": { "alias": "textSize"; "required": false; "isSignal": true; }; "lineTextPadding": { "alias": "lineTextPadding"; "required": false; "isSignal": true; }; "barGap": { "alias": "barGap"; "required": false; "isSignal": true; }; "sideLineVerticalPadding": { "alias": "sideLineVerticalPadding"; "required": false; "isSignal": true; }; "minLineSize": { "alias": "minLineSize"; "required": false; "isSignal": true; }; "barToSpacerRatio": { "alias": "barToSpacerRatio"; "required": false; "isSignal": true; }; "middleLineVerticalPadding": { "alias": "middleLineVerticalPadding"; "required": false; "isSignal": true; }; "barColor": { "alias": "barColor"; "required": false; "isSignal": true; }; "spacerColor": { "alias": "spacerColor"; "required": false; "isSignal": true; }; "chartLabels": { "alias": "chartLabels"; "required": false; "isSignal": true; }; "sectionColors": { "alias": "sectionColors"; "required": false; "isSignal": true; }; "tooltipPercentOfTotal": { "alias": "tooltipPercentOfTotal"; "required": false; "isSignal": true; }; "emptyChartWhenNoData": { "alias": "emptyChartWhenNoData"; "required": false; "isSignal": true; }; }, { "valueClicked": "valueClicked"; }, never, never, false, never>;
 }
 
 declare class ChartAlertOverlayComponent {
@@ -634,7 +676,7 @@ declare class ChartExportButtonComponent {
 
 declare class ChartSkeletonComponent {
     readonly skeletonType: _angular_core.InputSignal<"loading" | "placeholder">;
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
     protected readonly animationStyle: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartSkeletonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartSkeletonComponent, "cng-bar-chart-skeleton", never, { "skeletonType": { "alias": "skeletonType"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -675,9 +717,33 @@ declare class WindowResizeDirective implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WindowResizeDirective, "[cngWindowResize]", never, { "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "includeFirst": { "alias": "includeFirst"; "required": false; "isSignal": true; }; }, { "windowResize": "cngWindowResize"; }, never, never, true, never>;
 }
 
+declare class DonutChartSkeletonComponent {
+    readonly donutSize: _angular_core.InputSignal<number>;
+    readonly innerRadiusRatio: _angular_core.InputSignal<number>;
+    readonly skeletonType: _angular_core.InputSignal<"loading" | "placeholder">;
+    protected readonly animationStyle: _angular_core.Signal<false | "pulse">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DonutChartSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DonutChartSkeletonComponent, "cng-donut-chart-skeleton", never, { "donutSize": { "alias": "donutSize"; "required": false; "isSignal": true; }; "innerRadiusRatio": { "alias": "innerRadiusRatio"; "required": true; "isSignal": true; }; "skeletonType": { "alias": "skeletonType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ChartLegendSkeletonComponent {
+    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
+    readonly count: _angular_core.InputSignal<number>;
+    readonly skeletonType: _angular_core.InputSignal<"loading" | "placeholder">;
+    protected readonly animationStyle: _angular_core.Signal<false | "pulse">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartLegendSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartLegendSkeletonComponent, "cng-chart-legend-skeleton", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "skeletonType": { "alias": "skeletonType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class FunnelSkeletonComponent {
+    readonly centered: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FunnelSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FunnelSkeletonComponent, "cng-funnel-skeleton", never, { "centered": { "alias": "centered"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class ClrChartsModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClrChartsModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ClrChartsModule, [typeof AreaChartComponent, typeof BarChartComponent, typeof ComboChartComponent, typeof FunnelChartComponent, typeof GroupedBarChartComponent, typeof LineChartComponent, typeof PieChartComponent], [typeof i8.CommonModule, typeof i8.DecimalPipe, typeof i9.ClrAlertModule, typeof i9.ClrIcon, typeof i9.ClrSignpostModule, typeof ChartAlertOverlayComponent, typeof ChartExportButtonComponent, typeof ChartLegendComponent, typeof ChartSkeletonComponent, typeof ChartTooltipComponent, typeof OutsideClickDirective, typeof WindowResizeDirective], [typeof AreaChartComponent, typeof BarChartComponent, typeof ComboChartComponent, typeof FunnelChartComponent, typeof GroupedBarChartComponent, typeof LineChartComponent, typeof PieChartComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ClrChartsModule, [typeof AreaChartComponent, typeof BarChartComponent, typeof ComboChartComponent, typeof FunnelChartComponent, typeof GroupedBarChartComponent, typeof LineChartComponent, typeof PieChartComponent], [typeof i8.CommonModule, typeof i8.DecimalPipe, typeof i9.ClrAlertModule, typeof i9.ClrIcon, typeof i9.ClrSignpostModule, typeof ChartAlertOverlayComponent, typeof ChartExportButtonComponent, typeof ChartLegendComponent, typeof ChartSkeletonComponent, typeof ChartTooltipComponent, typeof OutsideClickDirective, typeof WindowResizeDirective, typeof DonutChartSkeletonComponent, typeof ChartLegendSkeletonComponent, typeof FunnelSkeletonComponent], [typeof AreaChartComponent, typeof BarChartComponent, typeof ComboChartComponent, typeof FunnelChartComponent, typeof GroupedBarChartComponent, typeof LineChartComponent, typeof PieChartComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<ClrChartsModule>;
 }