@acorex/charts 20.1.24 → 20.1.26

package/bar-chart/index.d.ts

@@ -43,6 +43,23 @@ interface AXBarChartClickEvent {
  * - `--ax-comp-bar-chart-bg-color`: Background color for the chart.
  *   Default: `--ax-sys-color-lightest-surface`
  */
+/**
+ * Messages configuration for bar chart empty states
+ */
+interface AXBarChartMessages {
+    /** Message shown when no data is available */
+    noData?: string;
+    /** Help text shown when no data is available */
+    noDataHelp?: string;
+    /** Message shown when all bars are hidden */
+    allHidden?: string;
+    /** Help text shown when all bars are hidden */
+    allHiddenHelp?: string;
+    /** Icon for no data state */
+    noDataIcon?: string;
+    /** Icon for all hidden state */
+    allHiddenIcon?: string;
+}
 interface AXBarChartOption {
     width?: number;
     height?: number;
@@ -57,6 +74,7 @@ interface AXBarChartOption {
     cornerRadius?: number;
     animationDuration?: number;
     animationEasing?: AXAnimationEasing;
+    messages?: AXBarChartMessages;
 }
 /**
  * Bar chart data type returned by getValue()
@@ -116,6 +134,15 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
         cornerRadius?: number;
         animationDuration?: number;
         animationEasing?: _acorex_cdk_common.AXAnimationEasing;
+        messages?: AXBarChartMessages;
+    }>;
+    protected effectiveMessages: _angular_core.Signal<{
+        noData: string;
+        noDataHelp: string;
+        allHidden: string;
+        allHiddenHelp: string;
+        noDataIcon: string;
+        allHiddenIcon: string;
     }>;
     private hiddenBars;
     private hiddenSeries;
@@ -159,10 +186,18 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
      * Creates x and y axes with grid lines
      */
     private createAxes;
+    private createXAxis;
+    private createYAxis;
+    private shouldRotateXAxisLabels;
+    private createXAxisTitle;
+    private createYAxisTitle;
+    private calculateMaxYAxisTickLabelWidth;
+    private createGridLines;
     /**
      * Creates axes for clustered charts
      */
     private createAxesClustered;
+    private createXAxisClustered;
     /**
      * Renders the bars with animations
      */
@@ -229,4 +264,4 @@ type PartialBarChartConfig = Partial<AXBarChartOption>;
 declare function barChartConfig(config?: PartialBarChartConfig): AXBarChartOption;
 
 export { AXBarChartComponent, AXBarChartDefaultConfig, AX_BAR_CHART_CONFIG, barChartConfig };
-export type { AXBarChartClickEvent, AXBarChartClusteredData, AXBarChartData, AXBarChartOption, AXBarChartValue, PartialBarChartConfig };
+export type { AXBarChartClickEvent, AXBarChartClusteredData, AXBarChartData, AXBarChartMessages, AXBarChartOption, AXBarChartValue, PartialBarChartConfig };

package/chart-legend/index.d.ts

@@ -68,7 +68,7 @@ declare class AXChartLegendComponent {
     /**
      * Reference to legend container for measuring dimensions
      */
-    legendContainer?: ElementRef<HTMLDivElement>;
+    legendContainer: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     protected showValues: _angular_core.Signal<boolean>;
     protected showPercentage: _angular_core.Signal<boolean>;
     protected containerClass: _angular_core.Signal<{

package/chart-tooltip/index.d.ts

@@ -2,11 +2,12 @@ import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
 
 interface AXChartTooltipData {
-    title: string;
+    title: string | string[];
     value: number | string;
     percentage?: string;
-    color?: string;
-    [key: string]: any;
+    color?: string | string[];
+    tooltipColor?: string;
+    tooltipBgColor?: string;
 }
 
 declare class AXChartTooltipComponent {
@@ -30,10 +31,16 @@ declare class AXChartTooltipComponent {
     /**
      * Reference to tooltip container for measuring dimensions
      */
-    tooltipContainer?: ElementRef<HTMLDivElement>;
+    tooltipContainer: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     protected tooltipWidth: number;
     protected tooltipHeight: number;
     constructor();
+    protected isColorArray(): boolean;
+    protected colorList(): string[];
+    protected singleColor(): string | null;
+    protected isTitleArray(): boolean;
+    protected titleList(): string[];
+    protected colorAt(index: number): string | null;
     /**
      * Updates tooltip dimensions after it's rendered
      */

package/donut-chart/index.d.ts

@@ -41,6 +41,23 @@ interface AXDonutChartData {
  * }
  * ```
  */
+/**
+ * Messages configuration for donut chart empty states
+ */
+interface AXDonutChartMessages {
+    /** Message shown when no data is available */
+    noData?: string;
+    /** Help text shown when no data is available */
+    noDataHelp?: string;
+    /** Message shown when all segments are hidden */
+    allHidden?: string;
+    /** Help text shown when all segments are hidden */
+    allHiddenHelp?: string;
+    /** Icon for no data state */
+    noDataIcon?: string;
+    /** Icon for all hidden state */
+    allHiddenIcon?: string;
+}
 interface AXDonutChartOption {
     /**
      * Width of the chart in pixels
@@ -89,6 +106,10 @@ interface AXDonutChartOption {
      * Default: 'cubic-out'
      */
     animationEasing?: AXAnimationEasing;
+    /**
+     * Customizable messages for empty states
+     */
+    messages?: AXDonutChartMessages;
 }
 /**
  * Data structure provided to the chart component
@@ -121,6 +142,7 @@ declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatibl
     private _initialized;
     private _rendered;
     private _isInitialAnimating;
+    private _currentlyHighlightedSegment;
     private _tooltipVisible;
     private _tooltipPosition;
     private _tooltipData;
@@ -142,6 +164,15 @@ declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatibl
         cornerRadius?: number;
         animationDuration?: number;
         animationEasing?: _acorex_cdk_common.AXAnimationEasing;
+        messages?: AXDonutChartMessages;
+    }>;
+    protected effectiveMessages: _angular_core.Signal<{
+        noData: string;
+        noDataHelp: string;
+        allHidden: string;
+        allHiddenHelp: string;
+        noDataIcon: string;
+        allHiddenIcon: string;
     }>;
     protected chartDataArray: _angular_core.Signal<AXDonutChartData[]>;
     protected getColor(index: number): string;
@@ -248,4 +279,4 @@ type PartialDonutChartConfig = Partial<AXDonutChartOption>;
 declare function donutChartConfig(config?: PartialDonutChartConfig): AXDonutChartOption;
 
 export { AXDonutChartComponent, AXDonutChartDefaultConfig, AX_DONUT_CHART_CONFIG, donutChartConfig };
-export type { AXDonutChartData, AXDonutChartOption, AXDonutChartValue, PartialDonutChartConfig };
+export type { AXDonutChartData, AXDonutChartMessages, AXDonutChartOption, AXDonutChartValue, PartialDonutChartConfig };