@acorex/charts 20.2.0-next.21 → 20.2.0-next.22

package/bar-chart/index.d.ts

@@ -3,6 +3,7 @@ import { AXAnimationEasing, NXNativeEvent, NXComponent } from '@acorex/cdk/commo
 import * as d3 from 'd3';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, InjectionToken } from '@angular/core';
+import { AXChartComponentBase } from '@acorex/charts';
 import { AXChartLegendCompatible, AXChartLegendItem } from '@acorex/charts/chart-legend';
 import { AXChartTooltipData } from '@acorex/charts/chart-tooltip';
 
@@ -69,6 +70,7 @@ interface AXBarChartOption {
     showDataLabels?: boolean;
     xAxisLabel?: string;
     yAxisLabel?: string;
+    rotateXAxisLabels?: boolean | 'auto';
     showTooltip?: boolean;
     barWidth?: number;
     cornerRadius?: number;
@@ -86,7 +88,7 @@ type AXBarChartValue = AXBarChartData[] | AXBarChartClusteredData[];
  * Bar Chart Component
  * Renders data as vertical bars with interactive hover effects and animations
  */
-declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXChartLegendCompatible {
+declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXChartLegendCompatible, AXChartComponentBase {
     /** Chart data input */
     data: _angular_core.InputSignal<AXBarChartValue>;
     /** Chart options input */
@@ -105,6 +107,8 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
     private width;
     private height;
     private margin;
+    private readonly CHAR_WIDTH_RATIO;
+    private readonly TOOLTIP_GAP;
     private _initialAnimationComplete;
     private _tooltipVisible;
     private _tooltipPosition;
@@ -119,7 +123,6 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
     protected tooltipData: _angular_core.Signal<AXChartTooltipData>;
     private configToken;
     private chartColors;
-    private platform;
     protected effectiveOptions: _angular_core.Signal<{
         width?: number;
         height?: number;
@@ -129,6 +132,7 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
         showDataLabels?: boolean;
         xAxisLabel?: string;
         yAxisLabel?: string;
+        rotateXAxisLabels?: boolean | "auto";
         showTooltip?: boolean;
         barWidth?: number;
         cornerRadius?: number;
@@ -157,23 +161,19 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
     /**
      * Creates the bar chart SVG and renders all elements
      */
-    protected createChart(): void;
+    createChart(): void;
     /**
      * Updates the chart when inputs change
      */
-    protected updateChart(): void;
+    updateChart(): void;
     /**
      * Cleans up chart resources
      */
-    protected cleanupChart(): void;
+    cleanupChart(): void;
     /**
      * Sets up chart dimensions and creates SVG with responsive attributes
      */
     private setupDimensions;
-    /**
-     * Calculates chart margins based on options
-     */
-    private calculateMargins;
     /**
      * Creates x and y scales for the chart
      */
@@ -209,7 +209,6 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
     /**
      * Gets the appropriate D3 easing function based on the option string
      */
-    private getEasingFunction;
     /**
      * Handles bar hover event and shows tooltip
      */
@@ -254,6 +253,12 @@ declare class AXBarChartComponent extends NXComponent implements OnDestroy, AXCh
      * @returns New visibility state (true = visible, false = hidden)
      */
     toggleSegment(id: string): boolean;
+    private getContainerElement;
+    private clearChartArea;
+    private getXAxisTickFontSizeBasedOnWidth;
+    private getYAxisTickFontSizeBasedOnHeight;
+    private buildXAxisCommon;
+    private showMessage;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXBarChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXBarChartComponent, "ax-bar-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "barClick": "barClick"; }, never, never, true, never>;
 }

package/donut-chart/index.d.ts

@@ -3,6 +3,7 @@ import { AXAnimationEasing } from '@acorex/cdk/common';
 import * as d3 from 'd3';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, InjectionToken } from '@angular/core';
+import { AXChartComponentBase } from '@acorex/charts';
 import { AXChartLegendCompatible, AXChartLegendItem } from '@acorex/charts/chart-legend';
 import { AXChartTooltipData } from '@acorex/charts/chart-tooltip';
 
@@ -121,7 +122,7 @@ type AXDonutChartValue = AXDonutChartData[];
  * Donut Chart Component
  * Displays data in a circular donut chart with interactive segments
  */
-declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatible {
+declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatible, AXChartComponentBase {
     #private;
     private cdr;
     /** Chart data input */
@@ -166,6 +167,7 @@ declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatibl
         animationEasing?: _acorex_cdk_common.AXAnimationEasing;
         messages?: AXDonutChartMessages;
     }>;
+    private readonly TOOLTIP_GAP;
     protected effectiveMessages: _angular_core.Signal<{
         noData: string;
         noDataHelp: string;
@@ -198,11 +200,11 @@ declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatibl
     /**
      * Creates the donut chart
      */
-    protected createChart(): void;
+    createChart(): void;
     /**
      * Updates the chart with new data
      */
-    protected updateChart(): void;
+    updateChart(): void;
     /**
      * Clears the chart container
      */
@@ -234,7 +236,6 @@ declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatibl
     /**
      * Gets the appropriate D3 easing function based on the option string
      */
-    private getEasingFunction;
     /**
      * Handle hover effects on a segment
      */
@@ -259,7 +260,8 @@ declare class AXDonutChartComponent implements OnDestroy, AXChartLegendCompatibl
     /**
      * Cleans up chart resources
      */
-    private cleanupChart;
+    cleanupChart(): void;
+    private renderMessage;
     /**
      * Gets an accessibility label describing the donut chart for screen readers
      */