@acorex/charts 21.0.1-next.9 → 21.0.1-next.91

package/types/acorex-charts-heatmap-chart.d.ts

@@ -0,0 +1,148 @@
+import * as _acorex_charts_heatmap_chart from '@acorex/charts/heatmap-chart';
+import * as _acorex_charts from '@acorex/charts';
+import { AXAnimationEasing, AXChartComponent } from '@acorex/charts';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, InjectionToken } from '@angular/core';
+import { AXChartTooltipData } from '@acorex/charts/chart-tooltip';
+
+interface AXHeatmapData {
+    x: string | number;
+    y: string | number;
+    value: number;
+    label?: string;
+}
+interface AXHeatmapMessages {
+    noData?: string;
+    noDataHelp?: string;
+    noDataIcon?: string;
+}
+interface AXHeatmapChartOption {
+    width?: number;
+    height?: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /**
+     * Discrete palette. If provided (non-empty), a (stable) random color is chosen per cell.
+     * Entries may use any CSS `<color>` (including `rgb(var(--token))`) resolved against the chart container.
+     * If omitted/empty, the base `color` is shown with intensity from the cell value vs `valueRange`
+     * (or data min–max if `valueRange` is omitted).
+     */
+    colors?: string[];
+    /**
+     * Base color when `colors` is not provided: any CSS `<color>` resolved against the chart container
+     * (hex, `rgb()`, `rgb(var(--token))`, `color-mix()`, …).
+     */
+    color?: string;
+    /**
+     * Inclusive numeric range for mapping cell values to color intensity.
+     * If `valueRange` is omitted, or a bound is missing, that bound uses the min or max value
+     * among all cells in the current dataset.
+     */
+    valueRange?: {
+        min: number;
+        max: number;
+    };
+    cellPadding?: number;
+    borderRadius?: number;
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    /** Like bar-chart: `true` / `false` forces rotation; `'auto'` picks −45° when labels would overflow each band step. */
+    rotateXAxisLabels?: boolean | 'auto';
+    showTooltip?: boolean;
+    animationDuration?: number;
+    animationEasing?: AXAnimationEasing;
+    messages?: AXHeatmapMessages;
+}
+
+declare class AXHeatmapChartComponent extends AXChartComponent implements OnDestroy {
+    /** Fixed `viewBox` side; chart scales with CSS `width` / `height` on the host container. */
+    private static readonly VIEW_BOX_SIZE;
+    private readonly CHAR_WIDTH_RATIO;
+    private readonly ROTATION_TOLERANCE_SMALL_DATASET;
+    private readonly SMALL_DATASET_THRESHOLD;
+    private readonly MANY_ITEMS_THRESHOLD;
+    private readonly VERY_MANY_ITEMS_THRESHOLD;
+    private readonly MAX_LABEL_LENGTH;
+    private readonly TICK_AREA_PADDING;
+    private readonly X_AXIS_TITLE_GAP;
+    private readonly MIN_FONT_SIZE_X_AXIS;
+    private readonly MAX_FONT_SIZE_X_AXIS;
+    private readonly defaultConfig;
+    data: _angular_core.InputSignal<AXHeatmapData[]>;
+    options: _angular_core.InputSignal<AXHeatmapChartOption>;
+    /** Emitted when a heatmap cell is clicked */
+    cellClick: _angular_core.OutputEmitterRef<AXHeatmapData>;
+    private readonly containerRef;
+    private svg;
+    protected d3: any;
+    private _d3Ready;
+    private platformService;
+    protected isRtl: _angular_core.WritableSignal<boolean>;
+    private directionSub?;
+    protected tooltipVisible: _angular_core.WritableSignal<boolean>;
+    protected tooltipPosition: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    protected tooltipData: _angular_core.WritableSignal<AXChartTooltipData>;
+    private _tooltipRafId;
+    protected effectiveOptions: _angular_core.Signal<{
+        width?: number;
+        height?: number;
+        margin?: {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+        colors?: string[];
+        color?: string;
+        valueRange?: {
+            min: number;
+            max: number;
+        };
+        cellPadding?: number;
+        borderRadius?: number;
+        showXAxis?: boolean;
+        showYAxis?: boolean;
+        xAxisLabel?: string;
+        yAxisLabel?: string;
+        rotateXAxisLabels?: boolean | "auto";
+        showTooltip?: boolean;
+        animationDuration?: number;
+        animationEasing?: _acorex_charts.AXAnimationEasing;
+        messages?: _acorex_charts_heatmap_chart.AXHeatmapMessages;
+    }>;
+    constructor();
+    private init;
+    updateChart(): void;
+    private renderChart;
+    private hashStringToUint32;
+    /** `resolvedRgb` must be a computed `rgb()` / `rgba()` string (e.g. from {@link resolveCssColorInContext}). */
+    private applyIntensityToResolvedRgb;
+    private drawAxis;
+    private showTooltip;
+    private updateTooltipPos;
+    private hideTooltip;
+    ngOnDestroy(): void;
+    private drawAxisLabels;
+    private getHeatmapXTickFontSize;
+    private getHeatmapXTickPlan;
+    private truncateHeatmapLabel;
+    private shouldRotateHeatmapXLabels;
+    private styleHeatmapXAxisTicks;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHeatmapChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXHeatmapChartComponent, "ax-heatmap-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "cellClick": "cellClick"; }, never, never, true, never>;
+}
+
+declare const AXHeatmapChartDefaultConfig: AXHeatmapChartOption;
+declare const AX_HEATMAP_CHART_CONFIG: InjectionToken<AXHeatmapChartOption>;
+
+export { AXHeatmapChartComponent, AXHeatmapChartDefaultConfig, AX_HEATMAP_CHART_CONFIG };
+export type { AXHeatmapChartOption, AXHeatmapData, AXHeatmapMessages };

package/{hierarchy-chart/index.d.ts → types/acorex-charts-hierarchy-chart.d.ts}

@@ -1,5 +1,6 @@
 import * as _acorex_charts from '@acorex/charts';
-import { AXAnimationEasing, NXNativeEvent, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
+import { NXNativeEvent, AXAnimationEasing, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
+import * as _acorex_charts_hierarchy_chart from '@acorex/charts/hierarchy-chart';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, InjectionToken } from '@angular/core';
 
@@ -308,7 +309,7 @@ declare class AXHierarchyChartComponent extends AXChartComponent implements AXCh
     protected effectiveOptions: _angular_core.Signal<{
         width?: number;
         height?: number;
-        margin?: AXHierarchyChartMargin;
+        margin?: _acorex_charts_hierarchy_chart.AXHierarchyChartMargin;
         nodeRadius?: number;
         nodeStrokeWidth?: number;
         linkWidth?: number;
@@ -324,7 +325,7 @@ declare class AXHierarchyChartComponent extends AXChartComponent implements AXCh
         className?: string;
         animationDuration?: number;
         animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: AXHierarchyChartMessages;
+        messages?: _acorex_charts_hierarchy_chart.AXHierarchyChartMessages;
     }>;
     protected effectiveMessages: _angular_core.Signal<{
         noData: string;

package/{line-chart/index.d.ts → types/acorex-charts-line-chart.d.ts}

@@ -1,3 +1,4 @@
+import * as _acorex_charts_line_chart from '@acorex/charts/line-chart';
 import * as _acorex_charts from '@acorex/charts';
 import { AXAnimationEasing, NXNativeEvent, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
 import * as d3 from 'd3';
@@ -121,6 +122,8 @@ declare class AXLineChartComponent extends AXChartComponent implements OnInit, A
     private _tooltipVisible;
     private _tooltipPosition;
     private _tooltipData;
+    private _tooltipRafId;
+    private _pendingTooltipCoords;
     private _initialized;
     private _rendered;
     private hiddenSeries;
@@ -160,7 +163,7 @@ declare class AXLineChartComponent extends AXChartComponent implements OnInit, A
         showCrosshair?: boolean;
         animationDuration?: number;
         animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: AXLineChartMessages;
+        messages?: _acorex_charts_line_chart.AXLineChartMessages;
     }>;
     protected effectiveMessages: _angular_core.Signal<{
         noData: string;
@@ -179,6 +182,7 @@ declare class AXLineChartComponent extends AXChartComponent implements OnInit, A
     private readonly MIN_MARGIN_BOTTOM;
     private readonly MIN_MARGIN_LEFT;
     private readonly MAX_EXTRA_MARGIN;
+    private readonly CHART_EDGE_PADDING;
     private readonly DEFAULT_LINE_WIDTH;
     private readonly DEFAULT_POINT_RADIUS;
     private readonly DEFAULT_FILL_OPACITY;

package/{index.d.ts → types/acorex-charts.d.ts}

@@ -55,6 +55,13 @@ type TooltipPosition = {
     x: number;
     y: number;
 };
+/**
+ * Resolves any CSS `<color>` the browser understands — including
+ * `rgb(var(--token))`, `hsl(var(--token))`, `color-mix()`, etc. — to a computed
+ * `rgb()` / `rgba()` string, using the cascade from `scopeElement` (e.g. the chart
+ * container) so design tokens on ancestors apply.
+ */
+declare function resolveCssColorInContext(scopeElement: HTMLElement, cssColor: string): string;
 /**
  * Compute edge-aware tooltip position with intelligent placement,
  * considering available space in all directions and preventing overflow.
@@ -77,5 +84,5 @@ declare function getEasingFunction(d3: typeof d3, option?: string): (t: number)
 
 declare const AX_CHARTS = "ACOREX_CHARTS";
 
-export { AXChartComponent, AX_CHARTS, AX_CHART_COLOR_PALETTE, computeTooltipPosition, formatLargeNumber, getChartColor, getEasingFunction, mapEasingName };
+export { AXChartComponent, AX_CHARTS, AX_CHART_COLOR_PALETTE, computeTooltipPosition, formatLargeNumber, getChartColor, getEasingFunction, mapEasingName, resolveCssColorInContext };
 export type { AXAnimationEasing, AXChartComponentBase, D3EasingName, NXNativeEvent, TooltipPosition };