@acorex/charts 19.15.0-next.2 → 19.15.0-next.20

package/bar-chart/lib/bar-chart.component.d.ts

@@ -1,21 +1,17 @@
+import { NXComponent } from '@acorex/cdk/common';
 import { AXChartTooltipData } from '@acorex/charts/chart-tooltip';
-import { NXComponent } from '@acorex/components/common';
 import { OnDestroy } from '@angular/core';
-import { AXBarChartClickEvent, AXPBarChartData, AXPBarChartOption } from './bar-chart.type';
+import { AXBarChartClickEvent, AXBarChartData, AXBarChartOption } from './bar-chart.type';
 import * as i0 from "@angular/core";
-export declare const AXBarChartColors: {
-    defaultColors: string[];
-    getColor: (index: number, customPalette?: string[]) => string;
-};
 /**
  * Bar Chart Component
  * Renders data as vertical bars with interactive hover effects and animations
  */
 export declare class AXBarChartComponent extends NXComponent implements OnDestroy {
     /** Chart data input */
-    data: import("@angular/core").InputSignal<AXPBarChartData[]>;
+    data: import("@angular/core").InputSignal<AXBarChartData[]>;
     /** Chart options input */
-    options: import("@angular/core").InputSignal<AXPBarChartOption>;
+    options: import("@angular/core").InputSignal<AXBarChartOption>;
     /** Emitted when a bar is clicked */
     barClick: import("@angular/core").OutputEmitterRef<AXBarChartClickEvent>;
     private readonly chartContainerEl;
@@ -42,6 +38,7 @@ export declare class AXBarChartComponent extends NXComponent implements OnDestro
     }>;
     protected tooltipData: import("@angular/core").Signal<AXChartTooltipData>;
     private configToken;
+    private chartColors;
     protected effectiveOptions: import("@angular/core").Signal<{
         width?: number;
         height?: number;
@@ -55,7 +52,7 @@ export declare class AXBarChartComponent extends NXComponent implements OnDestro
         barWidth?: number;
         cornerRadius?: number;
         animationDuration?: number;
-        animationEasing?: "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "cubic" | "cubic-in" | "cubic-out" | "cubic-in-out";
+        animationEasing?: import("@acorex/cdk/common").AXAnimationEasing;
     }>;
     constructor();
     ngOnDestroy(): void;

package/bar-chart/lib/bar-chart.config.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken } from '@angular/core';
-import { AXPBarChartOption } from './bar-chart.type';
-export declare const AXBarChartDefaultConfig: AXPBarChartOption;
-export declare const AX_BAR_CHART_CONFIG: InjectionToken<AXPBarChartOption>;
-export type PartialBarChartConfig = Partial<AXPBarChartOption>;
-export declare function barChartConfig(config?: PartialBarChartConfig): AXPBarChartOption;
+import { AXBarChartOption } from './bar-chart.type';
+export declare const AXBarChartDefaultConfig: AXBarChartOption;
+export declare const AX_BAR_CHART_CONFIG: InjectionToken<AXBarChartOption>;
+export type PartialBarChartConfig = Partial<AXBarChartOption>;
+export declare function barChartConfig(config?: PartialBarChartConfig): AXBarChartOption;

package/bar-chart/lib/bar-chart.type.d.ts

@@ -1,18 +1,19 @@
-import { NXNativeEvent } from '@acorex/components/common';
+import { AXAnimationEasing, NXNativeEvent } from '@acorex/cdk/common';
 /**
  * Bar chart data item interface
  */
-export interface AXPBarChartData {
+export interface AXBarChartData {
     id: string;
     label: string;
     value: number;
+    tooltipLabel?: string;
     color?: string;
 }
 /**
  * Bar chart click event interface
  */
 export interface AXBarChartClickEvent {
-    item: AXPBarChartData;
+    item: AXBarChartData;
     event: NXNativeEvent;
 }
 /**
@@ -30,7 +31,7 @@ export interface AXBarChartClickEvent {
  * - `--ax-comp-bar-chart-bg-color`: Background color for the chart.
  *   Default: `--ax-sys-color-lightest-surface`
  */
-export interface AXPBarChartOption {
+export interface AXBarChartOption {
     width?: number;
     height?: number;
     showXAxis?: boolean;
@@ -43,10 +44,10 @@ export interface AXPBarChartOption {
     barWidth?: number;
     cornerRadius?: number;
     animationDuration?: number;
-    animationEasing?: 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'cubic' | 'cubic-in' | 'cubic-out' | 'cubic-in-out';
+    animationEasing?: AXAnimationEasing;
 }
 /**
  * Bar chart data type returned by getValue()
  * Represents an array of bar chart data items
  */
-export type AXPBarChartValue = AXPBarChartData[];
+export type AXBarChartValue = AXBarChartData[];

package/donut-chart/lib/donut-chart.component.d.ts

@@ -1,11 +1,7 @@
 import { AXChartTooltipData } from '@acorex/charts/chart-tooltip';
 import { OnDestroy } from '@angular/core';
-import { AXPDonutChartData, AXPDonutChartOption, AXPDonutChartValue } from './donut-chart.type';
+import { AXDonutChartData, AXDonutChartOption, AXDonutChartValue } from './donut-chart.type';
 import * as i0 from "@angular/core";
-export declare const AXDonutChartColors: {
-    defaultColors: string[];
-    getColor: (index: number, customPalette?: string[]) => string;
-};
 /**
  * Donut Chart Component
  * Displays data in a circular donut chart with interactive segments
@@ -13,15 +9,15 @@ export declare const AXDonutChartColors: {
 export declare class AXDonutChartComponent implements OnDestroy {
     private cdr;
     /** Chart data input */
-    data: import("@angular/core").InputSignal<AXPDonutChartValue>;
+    data: import("@angular/core").InputSignal<AXDonutChartValue>;
     /** Chart options input */
-    options: import("@angular/core").InputSignal<AXPDonutChartOption>;
+    options: import("@angular/core").InputSignal<AXDonutChartOption>;
     /** Emitted when a segment is clicked */
-    segmentClick: import("@angular/core").OutputEmitterRef<AXPDonutChartData>;
+    segmentClick: import("@angular/core").OutputEmitterRef<AXDonutChartData>;
     /** Emitted when a segment has mouse hover
      * Can be used by external elements to highlight this segment
      */
-    segmentHover: import("@angular/core").OutputEmitterRef<AXPDonutChartData>;
+    segmentHover: import("@angular/core").OutputEmitterRef<AXDonutChartData>;
     private readonly chartContainerEl;
     protected d3: typeof import('d3');
     private svg;
@@ -39,17 +35,19 @@ export declare class AXDonutChartComponent implements OnDestroy {
     }>;
     protected tooltipData: import("@angular/core").Signal<AXChartTooltipData>;
     private configToken;
+    private chartColors;
     protected effectiveOptions: import("@angular/core").Signal<{
         width?: number;
         height?: number;
+        totalLabel?: string;
         showTooltip?: boolean;
         showDataLabels?: boolean;
         donutWidth?: number;
         cornerRadius?: number;
         animationDuration?: number;
-        animationEasing?: "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "cubic" | "cubic-in" | "cubic-out" | "cubic-in-out";
+        animationEasing?: import("@acorex/cdk/common").AXAnimationEasing;
     }>;
-    protected chartDataArray: import("@angular/core").Signal<AXPDonutChartData[]>;
+    protected chartDataArray: import("@angular/core").Signal<AXDonutChartData[]>;
     protected getColor(index: number): string;
     protected isSegmentHidden(id: string): boolean;
     constructor();
@@ -69,7 +67,7 @@ export declare class AXDonutChartComponent implements OnDestroy {
      * Loads D3.js dynamically
      */
     protected loadD3(): Promise<void>;
-    protected onSegmentClick(item: AXPDonutChartData): void;
+    protected onSegmentClick(item: AXDonutChartData): void;
     /**
      * Creates the donut chart
      */
@@ -113,7 +111,7 @@ export declare class AXDonutChartComponent implements OnDestroy {
     /**
      * Handle hover effects on a segment
      */
-    private handleSegmentHover;
+    private handleSliceHover;
     /**
      * Handles mouse leave from segments
      */

package/donut-chart/lib/donut-chart.config.d.ts

@@ -1,6 +1,6 @@
 import { InjectionToken } from '@angular/core';
-import { AXPDonutChartOption } from './donut-chart.type';
-export declare const AXDonutChartDefaultConfig: AXPDonutChartOption;
-export declare const AX_DONUT_CHART_CONFIG: InjectionToken<AXPDonutChartOption>;
-export type PartialDonutChartConfig = Partial<AXPDonutChartOption>;
-export declare function donutChartConfig(config?: PartialDonutChartConfig): AXPDonutChartOption;
+import { AXDonutChartOption } from './donut-chart.type';
+export declare const AXDonutChartDefaultConfig: AXDonutChartOption;
+export declare const AX_DONUT_CHART_CONFIG: InjectionToken<AXDonutChartOption>;
+export type PartialDonutChartConfig = Partial<AXDonutChartOption>;
+export declare function donutChartConfig(config?: PartialDonutChartConfig): AXDonutChartOption;

package/donut-chart/lib/donut-chart.type.d.ts

@@ -1,10 +1,13 @@
+import { AXAnimationEasing } from '@acorex/cdk/common';
 /**
  * Represents a single segment in the donut chart
  */
-export interface AXPDonutChartData {
+export interface AXDonutChartData {
     id: string;
-    name: string;
     value: number;
+    color?: string;
+    tooltipLabel?: string;
+    label?: string;
 }
 /**
  * Configuration options for the donut chart
@@ -31,7 +34,7 @@ export interface AXPDonutChartData {
  * }
  * ```
  */
-export interface AXPDonutChartOption {
+export interface AXDonutChartOption {
     /**
      * Width of the chart in pixels
      * If not provided, will use container width
@@ -42,6 +45,11 @@ export interface AXPDonutChartOption {
      * If not provided, will use container height
      */
     height?: number;
+    /**
+     * Label for the total value
+     * Default: 'Total'
+     */
+    totalLabel?: string;
     /**
      * Whether to show tooltips on hover
      * Default: true
@@ -73,10 +81,10 @@ export interface AXPDonutChartOption {
      * Type of easing function for animations
      * Default: 'cubic-out'
      */
-    animationEasing?: 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'cubic' | 'cubic-in' | 'cubic-out' | 'cubic-in-out';
+    animationEasing?: AXAnimationEasing;
 }
 /**
  * Data structure provided to the chart component
  * Can be an array of AXPDonutChartData directly
  */
-export type AXPDonutChartValue = AXPDonutChartData[];
+export type AXDonutChartValue = AXDonutChartData[];

package/fesm2022/acorex-charts-bar-chart.mjs

@@ -1,5 +1,6 @@
+import { NXComponent } from '@acorex/cdk/common';
+import { AX_CHART_COLOR_PALETTE, getChartColor } from '@acorex/charts';
 import { AXChartTooltipComponent } from '@acorex/charts/chart-tooltip';
-import { NXComponent } from '@acorex/components/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, output, viewChild, signal, computed, afterNextRender, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
@@ -33,26 +34,6 @@ function barChartConfig(config = {}) {
     return result;
 }
 
-const AXBarChartColors = {
-    // Modern color palette suitable for data visualization
-    defaultColors: [
-        '#4361ee', // Blue
-        '#3a0ca3', // Purple
-        '#7209b7', // Violet
-        '#f72585', // Pink
-        '#4cc9f0', // Light Blue
-        '#4895ef', // Sky Blue
-        '#560bad', // Deep Purple
-        '#f15bb5', // Light Pink
-        '#00bbf9', // Cyan
-        '#00f5d4', // Teal
-    ],
-    // Get a color from the palette by index with wraparound
-    getColor: (index, customPalette) => {
-        const palette = customPalette || AXBarChartColors.defaultColors;
-        return palette[index % palette.length];
-    },
-};
 /**
  * Bar Chart Component
  * Renders data as vertical bars with interactive hover effects and animations
@@ -101,6 +82,8 @@ class AXBarChartComponent extends NXComponent {
     tooltipData = this._tooltipData.asReadonly();
     // Inject configuration
     configToken = inject(AX_BAR_CHART_CONFIG);
+    // Inject the chart colors
+    chartColors = inject(AX_CHART_COLOR_PALETTE);
     // Configuration with defaults
     effectiveOptions = computed(() => {
         return {
@@ -392,7 +375,7 @@ class AXBarChartComponent extends NXComponent {
             .attr('height', 0) // Start with height 0 for animation
             .attr('rx', radius) // Rounded corners
             .attr('ry', radius) // Rounded corners
-            .attr('fill', (d, i) => d.color || AXBarChartColors.getColor(i));
+            .attr('fill', (d, i) => d.color || getChartColor(i, this.chartColors));
         // Add data labels if they're enabled
         if (this.effectiveOptions().showDataLabels !== false) {
             barGroups
@@ -495,12 +478,12 @@ class AXBarChartComponent extends NXComponent {
     handleBarHover(event, datum) {
         if (this.effectiveOptions().showTooltip !== false) {
             const index = this.data().findIndex((item) => item.id === datum.id);
-            const color = datum.color || AXBarChartColors.getColor(index);
+            const color = datum.color || getChartColor(index, this.chartColors);
             // Calculate percentage of total
             const total = this.data().reduce((sum, item) => sum + item.value, 0);
             const percentage = total > 0 ? ((datum.value / total) * 100).toFixed(1) : '0';
             this._tooltipData.set({
-                title: datum.label,
+                title: datum.tooltipLabel || datum.label,
                 value: datum.value.toString(),
                 percentage: `${percentage}%`,
                 color: color,
@@ -543,43 +526,57 @@ class AXBarChartComponent extends NXComponent {
      * Shows a message when no data is available
      */
     showNoDataMessage(containerElement) {
+        // Clear existing contents first
+        this.d3.select(containerElement).selectAll('*').remove();
         const messageContainer = this.d3
             .select(containerElement)
             .append('div')
             .attr('class', 'ax-bar-chart-no-data-message')
-            .style('width', '100%')
-            .style('height', '100%')
-            .style('display', 'flex')
-            .style('flex-direction', 'column')
-            .style('align-items', 'center')
-            .style('justify-content', 'center')
+            .style('position', 'absolute')
+            .style('left', '50%')
+            .style('top', '50%')
+            .style('transform', 'translate(-50%, -50%)')
             .style('text-align', 'center')
-            .style('background-color', 'rgb(var(--ax-comp-bar-chart-bg-color))');
+            .style('background-color', 'rgb(var(--ax-comp-bar-chart-bg-color))')
+            .style('padding', '1.5rem')
+            .style('border-radius', '0.5rem')
+            .style('box-shadow', '0 2px 12px rgba(0, 0, 0, 0.08)')
+            .style('width', '80%')
+            .style('max-width', '300px');
         // Add an icon
         messageContainer
             .append('div')
             .attr('class', 'ax-bar-chart-no-data-icon')
-            .style('margin-bottom', '10px')
-            .html('<i class="fa-light fa-chart-bar fa-2x"></i>');
+            .style('opacity', '0.6')
+            .style('margin-bottom', '0.75rem')
+            .html('<i class="fa-light fa-chart-column fa-2x"></i>');
         // Add text message
         messageContainer
             .append('div')
             .attr('class', 'ax-bar-chart-no-data-text')
-            .style('font-size', '16px')
+            .style('font-size', '1rem')
             .style('font-weight', '600')
+            .style('margin-bottom', '0.5rem')
             .text('No data available');
+        // Add help text
+        messageContainer
+            .append('div')
+            .attr('class', 'ax-bar-chart-no-data-help')
+            .style('font-size', '0.8rem')
+            .style('opacity', '0.6')
+            .text('Please provide data to display the chart');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXBarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXBarChartComponent, isStandalone: true, selector: "ax-bar-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { barClick: "barClick" }, viewQueries: [{ propertyName: "chartContainerEl", first: true, predicate: ["chartContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-bar-chart\" #chartContainer>\n  <!-- Shared tooltip component -->\n  <ax-chart-tooltip\n    [visible]=\"tooltipVisible()\"\n    [position]=\"tooltipPosition()\"\n    [data]=\"tooltipData()\"\n    [showPercentage]=\"true\"\n  ></ax-chart-tooltip>\n</div>\n", styles: ["ax-bar-chart{display:block;width:100%;height:100%;min-height:200px;--ax-comp-bar-chart-axis-label-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-labels-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-data-labels-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-grid-lines-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-bg-color: var(--ax-sys-color-lightest-surface)}.ax-bar-chart{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:rgb(var(--ax-sys-color-on-lightest-surface));background-color:rgb(var(--ax-comp-bar-chart-bg-color))}.ax-bar-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.ax-bar-chart-no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;width:100%;height:100%;color:rgb(var(--ax-sys-color-on-lightest-surface));background-color:rgb(var(--ax-comp-bar-chart-bg-color))}.ax-bar-chart-no-data-icon{margin-bottom:.75rem;color:rgba(var(--ax-sys-color-on-lightest-surface),.6)}.ax-bar-chart-no-data-text{font-weight:600;color:rgb(var(--ax-sys-color-on-lightest-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXChartTooltipComponent, selector: "ax-chart-tooltip", inputs: ["data", "position", "visible", "showPercentage", "style"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXBarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.13", type: AXBarChartComponent, isStandalone: true, selector: "ax-bar-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { barClick: "barClick" }, viewQueries: [{ propertyName: "chartContainerEl", first: true, predicate: ["chartContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-bar-chart\" #chartContainer>\n  <!-- Shared tooltip component -->\n  <ax-chart-tooltip\n    [visible]=\"tooltipVisible()\"\n    [position]=\"tooltipPosition()\"\n    [data]=\"tooltipData()\"\n    [showPercentage]=\"true\"\n  ></ax-chart-tooltip>\n</div>\n", styles: ["ax-bar-chart{display:block;width:100%;height:100%;min-height:200px;--ax-comp-bar-chart-axis-label-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-labels-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-data-labels-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-grid-lines-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-bg-color: var(--ax-sys-color-lightest-surface)}ax-bar-chart .ax-bar-chart{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:rgb(var(--ax-sys-color-on-lightest-surface));background-color:rgb(var(--ax-comp-bar-chart-bg-color))}ax-bar-chart .ax-bar-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}ax-bar-chart .ax-bar-chart-no-data-message{position:absolute;text-align:center;transform:translate(-50%,-50%);background-color:rgb(var(--ax-comp-bar-chart-bg-color));padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 12px #00000014;width:80%;max-width:300px}ax-bar-chart .ax-bar-chart-no-data-message .ax-bar-chart-no-data-icon{opacity:.6;margin-bottom:.75rem}ax-bar-chart .ax-bar-chart-no-data-message .ax-bar-chart-no-data-text{font-size:1rem;font-weight:600;margin-bottom:.5rem}ax-bar-chart .ax-bar-chart-no-data-message .ax-bar-chart-no-data-help{font-size:.8rem;opacity:.6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXChartTooltipComponent, selector: "ax-chart-tooltip", inputs: ["data", "position", "visible", "showPercentage", "style"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXBarChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: AXBarChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-bar-chart', encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXChartTooltipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-bar-chart\" #chartContainer>\n  <!-- Shared tooltip component -->\n  <ax-chart-tooltip\n    [visible]=\"tooltipVisible()\"\n    [position]=\"tooltipPosition()\"\n    [data]=\"tooltipData()\"\n    [showPercentage]=\"true\"\n  ></ax-chart-tooltip>\n</div>\n", styles: ["ax-bar-chart{display:block;width:100%;height:100%;min-height:200px;--ax-comp-bar-chart-axis-label-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-labels-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-data-labels-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-grid-lines-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-bg-color: var(--ax-sys-color-lightest-surface)}.ax-bar-chart{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:rgb(var(--ax-sys-color-on-lightest-surface));background-color:rgb(var(--ax-comp-bar-chart-bg-color))}.ax-bar-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.ax-bar-chart-no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;width:100%;height:100%;color:rgb(var(--ax-sys-color-on-lightest-surface));background-color:rgb(var(--ax-comp-bar-chart-bg-color))}.ax-bar-chart-no-data-icon{margin-bottom:.75rem;color:rgba(var(--ax-sys-color-on-lightest-surface),.6)}.ax-bar-chart-no-data-text{font-weight:600;color:rgb(var(--ax-sys-color-on-lightest-surface))}\n"] }]
+            args: [{ selector: 'ax-bar-chart', encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXChartTooltipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-bar-chart\" #chartContainer>\n  <!-- Shared tooltip component -->\n  <ax-chart-tooltip\n    [visible]=\"tooltipVisible()\"\n    [position]=\"tooltipPosition()\"\n    [data]=\"tooltipData()\"\n    [showPercentage]=\"true\"\n  ></ax-chart-tooltip>\n</div>\n", styles: ["ax-bar-chart{display:block;width:100%;height:100%;min-height:200px;--ax-comp-bar-chart-axis-label-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-labels-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-data-labels-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-grid-lines-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bar-chart-bg-color: var(--ax-sys-color-lightest-surface)}ax-bar-chart .ax-bar-chart{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:rgb(var(--ax-sys-color-on-lightest-surface));background-color:rgb(var(--ax-comp-bar-chart-bg-color))}ax-bar-chart .ax-bar-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}ax-bar-chart .ax-bar-chart-no-data-message{position:absolute;text-align:center;transform:translate(-50%,-50%);background-color:rgb(var(--ax-comp-bar-chart-bg-color));padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 12px #00000014;width:80%;max-width:300px}ax-bar-chart .ax-bar-chart-no-data-message .ax-bar-chart-no-data-icon{opacity:.6;margin-bottom:.75rem}ax-bar-chart .ax-bar-chart-no-data-message .ax-bar-chart-no-data-text{font-size:1rem;font-weight:600;margin-bottom:.5rem}ax-bar-chart .ax-bar-chart-no-data-message .ax-bar-chart-no-data-help{font-size:.8rem;opacity:.6}\n"] }]
         }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXBarChartColors, AXBarChartComponent, AXBarChartDefaultConfig, AX_BAR_CHART_CONFIG, barChartConfig };
+export { AXBarChartComponent, AXBarChartDefaultConfig, AX_BAR_CHART_CONFIG, barChartConfig };
 //# sourceMappingURL=acorex-charts-bar-chart.mjs.map

package/fesm2022/acorex-charts-bar-chart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-charts-bar-chart.mjs","sources":["../../../../packages/charts/bar-chart/src/lib/bar-chart.config.ts","../../../../packages/charts/bar-chart/src/lib/bar-chart.component.ts","../../../../packages/charts/bar-chart/src/lib/bar-chart.component.html","../../../../packages/charts/bar-chart/src/acorex-charts-bar-chart.ts"],"sourcesContent":["import { AX_GLOBAL_CONFIG } from '@acorex/core/config';\nimport { InjectionToken, inject } from '@angular/core';\nimport { set } from 'lodash-es';\nimport { AXPBarChartOption } from './bar-chart.type';\n\nexport const AXBarChartDefaultConfig: AXPBarChartOption = {\n  showXAxis: true,\n  showYAxis: true,\n  showGrid: true,\n  showDataLabels: true,\n  showTooltip: true,\n  barWidth: 80,\n  cornerRadius: 4,\n  animationDuration: 800,\n  animationEasing: 'cubic-out',\n};\n\nexport const AX_BAR_CHART_CONFIG = new InjectionToken<AXPBarChartOption>('AX_BAR_CHART_CONFIG', {\n  providedIn: 'root',\n  factory: () => {\n    const global = inject(AX_GLOBAL_CONFIG);\n    set(global, 'chart.barChart', AXBarChartDefaultConfig);\n    return AXBarChartDefaultConfig;\n  },\n});\n\nexport type PartialBarChartConfig = Partial<AXPBarChartOption>;\n\nexport function barChartConfig(config: PartialBarChartConfig = {}): AXPBarChartOption {\n  const result = {\n    ...AXBarChartDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXChartTooltipComponent, AXChartTooltipData } from '@acorex/charts/chart-tooltip';\nimport { NXComponent } from '@acorex/components/common';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  OnDestroy,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AX_BAR_CHART_CONFIG } from './bar-chart.config';\nimport { AXBarChartClickEvent, AXPBarChartData, AXPBarChartOption } from './bar-chart.type';\n\nexport const AXBarChartColors = {\n  // Modern color palette suitable for data visualization\n  defaultColors: [\n    '#4361ee', // Blue\n    '#3a0ca3', // Purple\n    '#7209b7', // Violet\n    '#f72585', // Pink\n    '#4cc9f0', // Light Blue\n    '#4895ef', // Sky Blue\n    '#560bad', // Deep Purple\n    '#f15bb5', // Light Pink\n    '#00bbf9', // Cyan\n    '#00f5d4', // Teal\n  ],\n\n  // Get a color from the palette by index with wraparound\n  getColor: (index: number, customPalette?: string[]): string => {\n    const palette = customPalette || AXBarChartColors.defaultColors;\n    return palette[index % palette.length];\n  },\n};\n\n/**\n * Bar Chart Component\n * Renders data as vertical bars with interactive hover effects and animations\n */\n@Component({\n  selector: 'ax-bar-chart',\n  templateUrl: './bar-chart.component.html',\n  styleUrls: ['./bar-chart.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [CommonModule, AXChartTooltipComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBarChartComponent extends NXComponent implements OnDestroy {\n  // Inputs\n  /** Chart data input */\n  data = input<AXPBarChartData[]>([]);\n\n  /** Chart options input */\n  options = input<AXPBarChartOption>({});\n\n  // Outputs\n  /** Emitted when a bar is clicked */\n  barClick = output<AXBarChartClickEvent>();\n\n  // Chart container reference\n  private readonly chartContainerEl = viewChild.required<ElementRef<HTMLDivElement>>('chartContainer');\n\n  // D3 reference - loaded asynchronously\n  protected d3!: typeof import('d3');\n\n  // Chart elements\n  private svg!: any;\n  private chart!: any;\n  private xScale!: any;\n  private yScale!: any;\n  private xAxis!: any;\n  private yAxis!: any;\n\n  // Chart dimensions\n  private width!: number;\n  private height!: number;\n  private margin = { top: 20, right: 20, bottom: 30, left: 40 };\n\n  // Animation state\n  private _initialAnimationComplete = signal(false);\n\n  // Tooltip state\n  private _tooltipVisible = signal(false);\n  private _tooltipPosition = signal({ x: 0, y: 0 });\n  private _tooltipData = signal<AXChartTooltipData>({\n    title: '',\n    value: '0',\n    percentage: '0%',\n    color: '',\n  });\n\n  // Signals for component state\n  private _initialized = signal(false);\n  private _rendered = signal(false);\n\n  // Tooltip accessors\n  protected tooltipVisible = this._tooltipVisible.asReadonly();\n  protected tooltipPosition = this._tooltipPosition.asReadonly();\n  protected tooltipData = this._tooltipData.asReadonly();\n\n  // Inject configuration\n  private configToken = inject(AX_BAR_CHART_CONFIG);\n\n  // Configuration with defaults\n  protected effectiveOptions = computed(() => {\n    return {\n      ...this.configToken,\n      ...this.options(),\n    };\n  });\n\n  constructor() {\n    super();\n    // Dynamically load D3 and initialize the chart when the component is ready\n    afterNextRender(() => {\n      this._initialized.set(true);\n      this.loadD3();\n      // Create chart after D3 is loaded and container is available\n      if (this.d3 && this.chartContainerEl()) {\n        this.createChart();\n        this._rendered.set(true);\n      }\n    });\n\n    // Watch for changes to redraw the chart\n    effect(() => {\n      // Access inputs to track them\n      this.data();\n      this.effectiveOptions();\n\n      // Only update if already rendered\n      if (this._rendered()) {\n        this.updateChart();\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.cleanupChart();\n  }\n\n  /**\n   * Loads D3.js dynamically\n   */\n  protected async loadD3(): Promise<void> {\n    try {\n      this.d3 = await import('d3');\n      // If container is ready, create chart\n      if (this._initialized() && this.chartContainerEl()) {\n        this.createChart();\n        this._rendered.set(true);\n      }\n    } catch (error) {\n      console.error('Failed to load D3.js:', error);\n    }\n  }\n\n  /**\n   * Creates the bar chart SVG and renders all elements\n   */\n  protected createChart(): void {\n    if (!this.d3 || !this.chartContainerEl()?.nativeElement) return;\n\n    const containerElement = this.chartContainerEl().nativeElement;\n    const data = this.data() || [];\n\n    // Clear existing chart\n    this.d3.select(containerElement).selectAll('svg').remove();\n\n    // Early return if no data\n    if (!data.length) {\n      this.showNoDataMessage(containerElement);\n      return;\n    }\n\n    // Get options and setup dimensions\n    const chartOptions = this.effectiveOptions();\n    this.setupDimensions(containerElement, chartOptions);\n\n    // Create scales and axes\n    this.setupScales(data);\n    this.createAxes(chartOptions);\n\n    // Render the bars\n    this.renderBars(data);\n  }\n\n  /**\n   * Updates the chart when inputs change\n   */\n  protected updateChart(): void {\n    this.createChart();\n  }\n\n  /**\n   * Cleans up chart resources\n   */\n  protected cleanupChart(): void {\n    if (this.svg) {\n      this.d3?.select(this.chartContainerEl()?.nativeElement).selectAll('svg').remove();\n      this.svg = null;\n      this.chart = null;\n    }\n    this._tooltipVisible.set(false);\n  }\n\n  /**\n   * Sets up chart dimensions and creates SVG with responsive attributes\n   */\n  private setupDimensions(containerElement: HTMLElement, options: AXPBarChartOption): void {\n    // Calculate margins based on options\n    this.calculateMargins(options);\n\n    // Get container dimensions\n    const containerWidth = containerElement.clientWidth;\n    const containerHeight = containerElement.clientHeight;\n\n    // If options specify width and height, use those, otherwise default to container size\n    const minDim = Math.min(200, containerWidth, containerHeight); // Ensure reasonable minimum\n\n    if (options.width && options.height) {\n      // Explicit dimensions provided\n      this.width = options.width - this.margin.left - this.margin.right;\n      this.height = options.height - this.margin.top - this.margin.bottom;\n    } else {\n      // Responsive dimensions\n      this.width = Math.max(containerWidth, minDim) - this.margin.left - this.margin.right;\n      this.height = Math.max(containerHeight, minDim) - this.margin.top - this.margin.bottom;\n    }\n\n    // Create responsive SVG that scales with its container\n    const svg = this.d3\n      .select(containerElement)\n      .append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .attr(\n        'viewBox',\n        `0 0 ${this.width + this.margin.left + this.margin.right} ${this.height + this.margin.top + this.margin.bottom}`,\n      )\n      .attr('preserveAspectRatio', 'xMidYMid meet');\n\n    this.svg = svg;\n\n    // Create chart group with margins\n    this.chart = this.svg.append('g').attr('transform', `translate(${this.margin.left},${this.margin.top})`);\n  }\n\n  /**\n   * Calculates chart margins based on options\n   */\n  private calculateMargins(options: AXPBarChartOption): void {\n    // Start with default margins\n    this.margin = {\n      top: 20,\n      right: 20,\n      bottom: 30,\n      left: 40,\n    };\n\n    // Adjust margins if axis labels are present\n    if (options.xAxisLabel) {\n      const xLabelLength = options.xAxisLabel.length;\n      const extraBottomMargin = Math.min(20, Math.max(10, xLabelLength * 0.8));\n      this.margin.bottom = Math.max(this.margin.bottom, 30 + extraBottomMargin);\n    }\n\n    if (options.yAxisLabel) {\n      const yLabelLength = options.yAxisLabel.length;\n      const extraLeftMargin = Math.min(20, Math.max(10, yLabelLength * 0.8));\n      this.margin.left = Math.max(this.margin.left, 40 + extraLeftMargin);\n    }\n\n    // Ensure minimum margins for axes\n    if (options.showXAxis !== false) {\n      this.margin.bottom = Math.max(this.margin.bottom, 35);\n    }\n\n    if (options.showYAxis !== false) {\n      this.margin.left = Math.max(this.margin.left, 45);\n    }\n  }\n\n  /**\n   * Creates x and y scales for the chart\n   */\n  private setupScales(data: AXPBarChartData[]): void {\n    // Get the bar width percentage (default 80%)\n    const barWidthPercent = this.effectiveOptions().barWidth ?? 60 / 100;\n    // Calculate padding based on barWidth (inverse relationship)\n    const padding = Math.max(0.1, 1 - barWidthPercent);\n\n    // Create x scale (band scale for categorical data)\n    this.xScale = this.d3\n      .scaleBand()\n      .domain(data.map((d) => d.label))\n      .range([0, this.width])\n      .padding(padding);\n\n    // Create y scale (linear scale for values)\n    this.yScale = this.d3\n      .scaleLinear()\n      .domain([0, this.d3.max(data, (d) => d.value) || 0])\n      .nice()\n      .range([this.height, 0]);\n  }\n\n  /**\n   * Creates x and y axes with grid lines\n   */\n  private createAxes(options: AXPBarChartOption): void {\n    // Only create axes if they are enabled in options\n    const showXAxis = options.showXAxis !== false;\n    const showYAxis = options.showYAxis !== false;\n    const showGrid = options.showGrid !== false;\n\n    // Create a group for all axes\n    const axesGroup = this.chart.append('g').attr('class', 'ax-bar-chart-axes');\n\n    if (showXAxis) {\n      // Create X axis\n      this.xAxis = axesGroup\n        .append('g')\n        .attr('class', 'ax-bar-chart-axis-x')\n        .attr('transform', `translate(0,${this.height})`)\n        .call(this.d3.axisBottom(this.xScale));\n\n      // Style the axis text\n      this.xAxis\n        .selectAll('text')\n        .style('font-size', '11px')\n        .style('font-weight', '400')\n        .style('fill', 'rgba(var(--ax-comp-bar-chart-labels-color), 0.7)');\n\n      // Style all lines in the x-axis (path, ticks)\n      this.xAxis.selectAll('line, path').style('stroke', 'rgb(var(--ax-comp-bar-chart-grid-lines-color))');\n\n      // Add X axis label if provided\n      if (options.xAxisLabel) {\n        const labelY = this.height + this.margin.bottom * 0.65;\n\n        axesGroup\n          .append('text')\n          .attr('class', 'ax-bar-chart-axis-label ax-x-axis-label')\n          .attr('text-anchor', 'middle')\n          .attr('dominant-baseline', 'middle')\n          .attr('x', this.width / 2)\n          .attr('y', labelY)\n          .style('font-size', '13px')\n          .style('font-weight', '500')\n          .style('fill', 'rgb(var(--ax-comp-bar-chart-axis-label-color))')\n          .text(options.xAxisLabel);\n      }\n    }\n\n    if (showYAxis) {\n      // Create Y axis\n      this.yAxis = axesGroup.append('g').attr('class', 'ax-bar-chart-axis-y').call(this.d3.axisLeft(this.yScale));\n\n      // Style the axis text\n      this.yAxis\n        .selectAll('text')\n        .style('font-size', '11px')\n        .style('font-weight', '400')\n        .style('fill', 'rgba(var(--ax-comp-bar-chart-labels-color), 0.7)');\n\n      // Style all lines in the y-axis (path, ticks)\n      this.yAxis.selectAll('line, path').style('stroke', 'rgb(var(--ax-comp-bar-chart-grid-lines-color))');\n\n      // Add Y axis label if provided\n      if (options.yAxisLabel) {\n        const labelX = -this.height / 2;\n        const labelY = -this.margin.left * 0.65;\n\n        axesGroup\n          .append('text')\n          .attr('class', 'ax-bar-chart-axis-label ax-y-axis-label')\n          .attr('text-anchor', 'middle')\n          .attr('dominant-baseline', 'middle')\n          .attr('transform', 'rotate(-90)')\n          .attr('x', labelX)\n          .attr('y', labelY)\n          .style('font-size', '13px')\n          .style('font-weight', '500')\n          .style('fill', 'rgb(var(--ax-comp-bar-chart-axis-label-color))')\n          .text(options.yAxisLabel);\n      }\n    }\n\n    if (showGrid) {\n      // Add horizontal grid lines\n      this.chart\n        .append('g')\n        .attr('class', 'ax-bar-chart-grid')\n        .call(\n          this.d3\n            .axisLeft(this.yScale)\n            .tickSize(-this.width)\n            .tickFormat(() => ''),\n        )\n        .selectAll('line')\n        .style('stroke', 'rgb(var(--ax-comp-bar-chart-grid-lines-color))')\n        .style('stroke-opacity', 0.2);\n\n      // Remove unneeded elements from grid\n      this.chart.select('.ax-bar-chart-grid').selectAll('path, text').remove();\n    }\n  }\n\n  /**\n   * Renders the bars with animations\n   */\n  private renderBars(data: AXPBarChartData[]): void {\n    // Reset animation state\n    this._initialAnimationComplete.set(false);\n\n    // Get corner radius from options\n    const radius = this.effectiveOptions().cornerRadius;\n\n    // Get animation options\n    const animationDuration = this.effectiveOptions().animationDuration;\n    const animationEasing = this.getEasingFunction(this.effectiveOptions().animationEasing);\n\n    // Create a container for all bars\n    const barsContainer = this.chart.append('g').attr('class', 'ax-bar-chart-bars-container');\n\n    // Create groups for each bar to handle transformations\n    const barGroups = barsContainer\n      .selectAll('.ax-bar-chart-bar-group')\n      .data(data)\n      .enter()\n      .append('g')\n      .style('cursor', 'pointer')\n      .attr('class', 'ax-bar-chart-bar-group');\n\n    // Add bars inside groups\n    const bars = barGroups\n      .append('rect')\n      .attr('class', 'ax-bar-chart-bar')\n      .attr('x', (d: AXPBarChartData) => this.xScale(d.label))\n      .attr('width', this.xScale.bandwidth())\n      .attr('y', this.height) // Start from bottom for animation\n      .attr('height', 0) // Start with height 0 for animation\n      .attr('rx', radius) // Rounded corners\n      .attr('ry', radius) // Rounded corners\n      .attr('fill', (d: AXPBarChartData, i: number) => d.color || AXBarChartColors.getColor(i));\n\n    // Add data labels if they're enabled\n    if (this.effectiveOptions().showDataLabels !== false) {\n      barGroups\n        .append('text')\n        .attr('class', 'ax-bar-chart-data-label')\n        .attr('text-anchor', 'middle')\n        .attr('x', (d: AXPBarChartData) => this.xScale(d.label) + this.xScale.bandwidth() / 2)\n        .attr('y', this.height) // Start from bottom for animation\n        .style('font-size', 'clamp(8px, 2vmin, 12px)')\n        .style('font-weight', '500')\n        .style('fill', 'rgb(var(--ax-comp-bar-chart-data-labels-color))')\n        .style('opacity', 0) // Start invisible for animation\n        .text((d: AXPBarChartData) => d.value);\n\n      // Animate data labels\n      barGroups\n        .selectAll('.ax-bar-chart-data-label')\n        .transition()\n        .duration(animationDuration)\n        .delay((d: AXPBarChartData, i: number) => i * 50 + 100) // Slightly delayed after bar animation\n        .attr('y', (d: AXPBarChartData) => this.yScale(d.value) - 8) // Position above bar\n        .style('opacity', 1)\n        .ease(animationEasing);\n    }\n\n    // Set up event handlers on each group\n    barGroups\n      .on('mouseenter', (event: MouseEvent, d: AXPBarChartData) => {\n        // Only apply hover effects if initial animation is complete\n        if (!this._initialAnimationComplete()) return;\n\n        const barEl = this.d3.select(event.currentTarget).select('rect');\n\n        // Standard hover effect - darken the bar slightly and add a subtle shadow\n        barEl.transition().duration(150).style('filter', 'brightness(0.7) drop-shadow(0 0 2px rgba(0,0,0,0.1))');\n\n        this.handleBarHover(event, d);\n      })\n      .on('mousemove', (event: MouseEvent) => {\n        // Only update tooltip if initial animation is complete\n        if (this._initialAnimationComplete()) {\n          this.updateTooltipPosition(event);\n        }\n      })\n      .on('mouseleave', (event: MouseEvent, d: AXPBarChartData) => {\n        // Only apply hover effects if initial animation is complete\n        if (!this._initialAnimationComplete()) return;\n\n        const barEl = this.d3.select(event.currentTarget).select('rect');\n\n        // Remove hover effect\n        barEl.transition().duration(150).style('filter', null);\n\n        this._tooltipVisible.set(false);\n      })\n      .on('click', (event: MouseEvent, d: AXPBarChartData) => {\n        // Only trigger click events if initial animation is complete\n        if (this._initialAnimationComplete()) {\n          this.handleBarClick(event, d);\n        }\n      });\n\n    // Add animation\n    bars\n      .transition()\n      .duration(animationDuration)\n      .delay((d: AXPBarChartData, i: number) => i * 50) // Stagger each bar animation\n      .attr('y', (d: AXPBarChartData) => this.yScale(d.value))\n      .attr('height', (d: AXPBarChartData) => this.height - this.yScale(d.value))\n      .ease(animationEasing) // Use the configured easing function\n      .end() // Wait for all animations to complete\n      .then(() => {\n        // Mark animation as complete to enable hover effects\n        this._initialAnimationComplete.set(true);\n      });\n  }\n\n  /**\n   * Gets the appropriate D3 easing function based on the option string\n   */\n  private getEasingFunction(easing?: string): any {\n    switch (easing) {\n      case 'linear':\n        return this.d3.easeLinear;\n      case 'ease':\n        return this.d3.easePolyInOut;\n      case 'ease-in':\n        return this.d3.easePolyIn;\n      case 'ease-out':\n        return this.d3.easePolyOut;\n      case 'ease-in-out':\n        return this.d3.easePolyInOut;\n      case 'cubic':\n        return this.d3.easeCubic;\n      case 'cubic-in':\n        return this.d3.easeCubicIn;\n      case 'cubic-out':\n        return this.d3.easeCubicOut;\n      case 'cubic-in-out':\n        return this.d3.easeCubicInOut;\n      default:\n        return this.d3.easeCubicOut; // Default easing\n    }\n  }\n\n  /**\n   * Handles bar hover event and shows tooltip\n   */\n  private handleBarHover(event: MouseEvent, datum: AXPBarChartData): void {\n    if (this.effectiveOptions().showTooltip !== false) {\n      const index = this.data().findIndex((item) => item.id === datum.id);\n      const color = datum.color || AXBarChartColors.getColor(index);\n\n      // Calculate percentage of total\n      const total = this.data().reduce((sum, item) => sum + item.value, 0);\n      const percentage = total > 0 ? ((datum.value / total) * 100).toFixed(1) : '0';\n\n      this._tooltipData.set({\n        title: datum.label,\n        value: datum.value.toString(),\n        percentage: `${percentage}%`,\n        color: color,\n      });\n\n      this.updateTooltipPosition(event);\n      this._tooltipVisible.set(true);\n    }\n  }\n\n  /**\n   * Updates tooltip position based on mouse coordinates\n   */\n  private updateTooltipPosition(event: MouseEvent): void {\n    const container = this.chartContainerEl().nativeElement.getBoundingClientRect();\n    const tooltipEl = this.chartContainerEl().nativeElement.querySelector('.chart-tooltip');\n\n    if (!tooltipEl) {\n      const x = event.clientX - container.left;\n      const y = event.clientY - container.top;\n      this._tooltipPosition.set({ x, y });\n      return;\n    }\n\n    const tooltipRect = tooltipEl.getBoundingClientRect();\n    let x = event.clientX - container.left;\n    const y = event.clientY - container.top;\n\n    // Adjust position if near the right edge\n    if (x + tooltipRect.width + 10 > container.width) {\n      x = x - tooltipRect.width - 10;\n    } else {\n      x = x + 10;\n    }\n\n    this._tooltipPosition.set({ x, y });\n  }\n\n  /**\n   * Handles bar click event\n   */\n  private handleBarClick(event: MouseEvent, datum: AXPBarChartData): void {\n    this.barClick.emit({ item: datum, event: { nativeEvent: event, sender: this } });\n  }\n\n  /**\n   * Shows a message when no data is available\n   */\n  private showNoDataMessage(containerElement: HTMLElement): void {\n    const messageContainer = this.d3\n      .select(containerElement)\n      .append('div')\n      .attr('class', 'ax-bar-chart-no-data-message')\n      .style('width', '100%')\n      .style('height', '100%')\n      .style('display', 'flex')\n      .style('flex-direction', 'column')\n      .style('align-items', 'center')\n      .style('justify-content', 'center')\n      .style('text-align', 'center')\n      .style('background-color', 'rgb(var(--ax-comp-bar-chart-bg-color))');\n\n    // Add an icon\n    messageContainer\n      .append('div')\n      .attr('class', 'ax-bar-chart-no-data-icon')\n      .style('margin-bottom', '10px')\n      .html('<i class=\"fa-light fa-chart-bar fa-2x\"></i>');\n\n    // Add text message\n    messageContainer\n      .append('div')\n      .attr('class', 'ax-bar-chart-no-data-text')\n      .style('font-size', '16px')\n      .style('font-weight', '600')\n      .text('No data available');\n  }\n}\n","<div class=\"ax-bar-chart\" #chartContainer>\n  <!-- Shared tooltip component -->\n  <ax-chart-tooltip\n    [visible]=\"tooltipVisible()\"\n    [position]=\"tooltipPosition()\"\n    [data]=\"tooltipData()\"\n    [showPercentage]=\"true\"\n  ></ax-chart-tooltip>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-charts-bar-chart.mjs","sources":["../../../../packages/charts/bar-chart/src/lib/bar-chart.config.ts","../../../../packages/charts/bar-chart/src/lib/bar-chart.component.ts","../../../../packages/charts/bar-chart/src/lib/bar-chart.component.html","../../../../packages/charts/bar-chart/src/acorex-charts-bar-chart.ts"],"sourcesContent":["import { AX_GLOBAL_CONFIG } from '@acorex/core/config';\nimport { InjectionToken, inject } from '@angular/core';\nimport { set } from 'lodash-es';\nimport { AXBarChartOption } from './bar-chart.type';\n\nexport const AXBarChartDefaultConfig: AXBarChartOption = {\n  showXAxis: true,\n  showYAxis: true,\n  showGrid: true,\n  showDataLabels: true,\n  showTooltip: true,\n  barWidth: 80,\n  cornerRadius: 4,\n  animationDuration: 800,\n  animationEasing: 'cubic-out',\n};\n\nexport const AX_BAR_CHART_CONFIG = new InjectionToken<AXBarChartOption>('AX_BAR_CHART_CONFIG', {\n  providedIn: 'root',\n  factory: () => {\n    const global = inject(AX_GLOBAL_CONFIG);\n    set(global, 'chart.barChart', AXBarChartDefaultConfig);\n    return AXBarChartDefaultConfig;\n  },\n});\n\nexport type PartialBarChartConfig = Partial<AXBarChartOption>;\n\nexport function barChartConfig(config: PartialBarChartConfig = {}): AXBarChartOption {\n  const result = {\n    ...AXBarChartDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { NXComponent } from '@acorex/cdk/common';\nimport { AX_CHART_COLOR_PALETTE, getChartColor } from '@acorex/charts';\nimport { AXChartTooltipComponent, AXChartTooltipData } from '@acorex/charts/chart-tooltip';\nimport { CommonModule } from '@angular/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AX_BAR_CHART_CONFIG } from './bar-chart.config';\nimport { AXBarChartClickEvent, AXBarChartData, AXBarChartOption } from './bar-chart.type';\n\n/**\n * Bar Chart Component\n * Renders data as vertical bars with interactive hover effects and animations\n */\n@Component({\n  selector: 'ax-bar-chart',\n  templateUrl: './bar-chart.component.html',\n  styleUrls: ['./bar-chart.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [CommonModule, AXChartTooltipComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBarChartComponent extends NXComponent implements OnDestroy {\n  // Inputs\n  /** Chart data input */\n  data = input<AXBarChartData[]>([]);\n\n  /** Chart options input */\n  options = input<AXBarChartOption>({});\n\n  // Outputs\n  /** Emitted when a bar is clicked */\n  barClick = output<AXBarChartClickEvent>();\n\n  // Chart container reference\n  private readonly chartContainerEl = viewChild.required<ElementRef<HTMLDivElement>>('chartContainer');\n\n  // D3 reference - loaded asynchronously\n  protected d3!: typeof import('d3');\n\n  // Chart elements\n  private svg!: any;\n  private chart!: any;\n  private xScale!: any;\n  private yScale!: any;\n  private xAxis!: any;\n  private yAxis!: any;\n\n  // Chart dimensions\n  private width!: number;\n  private height!: number;\n  private margin = { top: 20, right: 20, bottom: 30, left: 40 };\n\n  // Animation state\n  private _initialAnimationComplete = signal(false);\n\n  // Tooltip state\n  private _tooltipVisible = signal(false);\n  private _tooltipPosition = signal({ x: 0, y: 0 });\n  private _tooltipData = signal<AXChartTooltipData>({\n    title: '',\n    value: '0',\n    percentage: '0%',\n    color: '',\n  });\n\n  // Signals for component state\n  private _initialized = signal(false);\n  private _rendered = signal(false);\n\n  // Tooltip accessors\n  protected tooltipVisible = this._tooltipVisible.asReadonly();\n  protected tooltipPosition = this._tooltipPosition.asReadonly();\n  protected tooltipData = this._tooltipData.asReadonly();\n\n  // Inject configuration\n  private configToken = inject(AX_BAR_CHART_CONFIG);\n\n  // Inject the chart colors\n  private chartColors = inject(AX_CHART_COLOR_PALETTE);\n\n  // Configuration with defaults\n  protected effectiveOptions = computed(() => {\n    return {\n      ...this.configToken,\n      ...this.options(),\n    };\n  });\n\n  constructor() {\n    super();\n    // Dynamically load D3 and initialize the chart when the component is ready\n    afterNextRender(() => {\n      this._initialized.set(true);\n      this.loadD3();\n      // Create chart after D3 is loaded and container is available\n      if (this.d3 && this.chartContainerEl()) {\n        this.createChart();\n        this._rendered.set(true);\n      }\n    });\n\n    // Watch for changes to redraw the chart\n    effect(() => {\n      // Access inputs to track them\n      this.data();\n      this.effectiveOptions();\n\n      // Only update if already rendered\n      if (this._rendered()) {\n        this.updateChart();\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.cleanupChart();\n  }\n\n  /**\n   * Loads D3.js dynamically\n   */\n  protected async loadD3(): Promise<void> {\n    try {\n      this.d3 = await import('d3');\n      // If container is ready, create chart\n      if (this._initialized() && this.chartContainerEl()) {\n        this.createChart();\n        this._rendered.set(true);\n      }\n    } catch (error) {\n      console.error('Failed to load D3.js:', error);\n    }\n  }\n\n  /**\n   * Creates the bar chart SVG and renders all elements\n   */\n  protected createChart(): void {\n    if (!this.d3 || !this.chartContainerEl()?.nativeElement) return;\n\n    const containerElement = this.chartContainerEl().nativeElement;\n    const data = this.data() || [];\n\n    // Clear existing chart\n    this.d3.select(containerElement).selectAll('svg').remove();\n\n    // Early return if no data\n    if (!data.length) {\n      this.showNoDataMessage(containerElement);\n      return;\n    }\n\n    // Get options and setup dimensions\n    const chartOptions = this.effectiveOptions();\n    this.setupDimensions(containerElement, chartOptions);\n\n    // Create scales and axes\n    this.setupScales(data);\n    this.createAxes(chartOptions);\n\n    // Render the bars\n    this.renderBars(data);\n  }\n\n  /**\n   * Updates the chart when inputs change\n   */\n  protected updateChart(): void {\n    this.createChart();\n  }\n\n  /**\n   * Cleans up chart resources\n   */\n  protected cleanupChart(): void {\n    if (this.svg) {\n      this.d3?.select(this.chartContainerEl()?.nativeElement).selectAll('svg').remove();\n      this.svg = null;\n      this.chart = null;\n    }\n    this._tooltipVisible.set(false);\n  }\n\n  /**\n   * Sets up chart dimensions and creates SVG with responsive attributes\n   */\n  private setupDimensions(containerElement: HTMLElement, options: AXBarChartOption): void {\n    // Calculate margins based on options\n    this.calculateMargins(options);\n\n    // Get container dimensions\n    const containerWidth = containerElement.clientWidth;\n    const containerHeight = containerElement.clientHeight;\n\n    // If options specify width and height, use those, otherwise default to container size\n    const minDim = Math.min(200, containerWidth, containerHeight); // Ensure reasonable minimum\n\n    if (options.width && options.height) {\n      // Explicit dimensions provided\n      this.width = options.width - this.margin.left - this.margin.right;\n      this.height = options.height - this.margin.top - this.margin.bottom;\n    } else {\n      // Responsive dimensions\n      this.width = Math.max(containerWidth, minDim) - this.margin.left - this.margin.right;\n      this.height = Math.max(containerHeight, minDim) - this.margin.top - this.margin.bottom;\n    }\n\n    // Create responsive SVG that scales with its container\n    const svg = this.d3\n      .select(containerElement)\n      .append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .attr(\n        'viewBox',\n        `0 0 ${this.width + this.margin.left + this.margin.right} ${this.height + this.margin.top + this.margin.bottom}`,\n      )\n      .attr('preserveAspectRatio', 'xMidYMid meet');\n\n    this.svg = svg;\n\n    // Create chart group with margins\n    this.chart = this.svg.append('g').attr('transform', `translate(${this.margin.left},${this.margin.top})`);\n  }\n\n  /**\n   * Calculates chart margins based on options\n   */\n  private calculateMargins(options: AXBarChartOption): void {\n    // Start with default margins\n    this.margin = {\n      top: 20,\n      right: 20,\n      bottom: 30,\n      left: 40,\n    };\n\n    // Adjust margins if axis labels are present\n    if (options.xAxisLabel) {\n      const xLabelLength = options.xAxisLabel.length;\n      const extraBottomMargin = Math.min(20, Math.max(10, xLabelLength * 0.8));\n      this.margin.bottom = Math.max(this.margin.bottom, 30 + extraBottomMargin);\n    }\n\n    if (options.yAxisLabel) {\n      const yLabelLength = options.yAxisLabel.length;\n      const extraLeftMargin = Math.min(20, Math.max(10, yLabelLength * 0.8));\n      this.margin.left = Math.max(this.margin.left, 40 + extraLeftMargin);\n    }\n\n    // Ensure minimum margins for axes\n    if (options.showXAxis !== false) {\n      this.margin.bottom = Math.max(this.margin.bottom, 35);\n    }\n\n    if (options.showYAxis !== false) {\n      this.margin.left = Math.max(this.margin.left, 45);\n    }\n  }\n\n  /**\n   * Creates x and y scales for the chart\n   */\n  private setupScales(data: AXBarChartData[]): void {\n    // Get the bar width percentage (default 80%)\n    const barWidthPercent = this.effectiveOptions().barWidth ?? 60 / 100;\n    // Calculate padding based on barWidth (inverse relationship)\n    const padding = Math.max(0.1, 1 - barWidthPercent);\n\n    // Create x scale (band scale for categorical data)\n    this.xScale = this.d3\n      .scaleBand()\n      .domain(data.map((d) => d.label))\n      .range([0, this.width])\n      .padding(padding);\n\n    // Create y scale (linear scale for values)\n    this.yScale = this.d3\n      .scaleLinear()\n      .domain([0, this.d3.max(data, (d) => d.value) || 0])\n      .nice()\n      .range([this.height, 0]);\n  }\n\n  /**\n   * Creates x and y axes with grid lines\n   */\n  private createAxes(options: AXBarChartOption): void {\n    // Only create axes if they are enabled in options\n    const showXAxis = options.showXAxis !== false;\n    const showYAxis = options.showYAxis !== false;\n    const showGrid = options.showGrid !== false;\n\n    // Create a group for all axes\n    const axesGroup = this.chart.append('g').attr('class', 'ax-bar-chart-axes');\n\n    if (showXAxis) {\n      // Create X axis\n      this.xAxis = axesGroup\n        .append('g')\n        .attr('class', 'ax-bar-chart-axis-x')\n        .attr('transform', `translate(0,${this.height})`)\n        .call(this.d3.axisBottom(this.xScale));\n\n      // Style the axis text\n      this.xAxis\n        .selectAll('text')\n        .style('font-size', '11px')\n        .style('font-weight', '400')\n        .style('fill', 'rgba(var(--ax-comp-bar-chart-labels-color), 0.7)');\n\n      // Style all lines in the x-axis (path, ticks)\n      this.xAxis.selectAll('line, path').style('stroke', 'rgb(var(--ax-comp-bar-chart-grid-lines-color))');\n\n      // Add X axis label if provided\n      if (options.xAxisLabel) {\n        const labelY = this.height + this.margin.bottom * 0.65;\n\n        axesGroup\n          .append('text')\n          .attr('class', 'ax-bar-chart-axis-label ax-x-axis-label')\n          .attr('text-anchor', 'middle')\n          .attr('dominant-baseline', 'middle')\n          .attr('x', this.width / 2)\n          .attr('y', labelY)\n          .style('font-size', '13px')\n          .style('font-weight', '500')\n          .style('fill', 'rgb(var(--ax-comp-bar-chart-axis-label-color))')\n          .text(options.xAxisLabel);\n      }\n    }\n\n    if (showYAxis) {\n      // Create Y axis\n      this.yAxis = axesGroup.append('g').attr('class', 'ax-bar-chart-axis-y').call(this.d3.axisLeft(this.yScale));\n\n      // Style the axis text\n      this.yAxis\n        .selectAll('text')\n        .style('font-size', '11px')\n        .style('font-weight', '400')\n        .style('fill', 'rgba(var(--ax-comp-bar-chart-labels-color), 0.7)');\n\n      // Style all lines in the y-axis (path, ticks)\n      this.yAxis.selectAll('line, path').style('stroke', 'rgb(var(--ax-comp-bar-chart-grid-lines-color))');\n\n      // Add Y axis label if provided\n      if (options.yAxisLabel) {\n        const labelX = -this.height / 2;\n        const labelY = -this.margin.left * 0.65;\n\n        axesGroup\n          .append('text')\n          .attr('class', 'ax-bar-chart-axis-label ax-y-axis-label')\n          .attr('text-anchor', 'middle')\n          .attr('dominant-baseline', 'middle')\n          .attr('transform', 'rotate(-90)')\n          .attr('x', labelX)\n          .attr('y', labelY)\n          .style('font-size', '13px')\n          .style('font-weight', '500')\n          .style('fill', 'rgb(var(--ax-comp-bar-chart-axis-label-color))')\n          .text(options.yAxisLabel);\n      }\n    }\n\n    if (showGrid) {\n      // Add horizontal grid lines\n      this.chart\n        .append('g')\n        .attr('class', 'ax-bar-chart-grid')\n        .call(\n          this.d3\n            .axisLeft(this.yScale)\n            .tickSize(-this.width)\n            .tickFormat(() => ''),\n        )\n        .selectAll('line')\n        .style('stroke', 'rgb(var(--ax-comp-bar-chart-grid-lines-color))')\n        .style('stroke-opacity', 0.2);\n\n      // Remove unneeded elements from grid\n      this.chart.select('.ax-bar-chart-grid').selectAll('path, text').remove();\n    }\n  }\n\n  /**\n   * Renders the bars with animations\n   */\n  private renderBars(data: AXBarChartData[]): void {\n    // Reset animation state\n    this._initialAnimationComplete.set(false);\n\n    // Get corner radius from options\n    const radius = this.effectiveOptions().cornerRadius;\n\n    // Get animation options\n    const animationDuration = this.effectiveOptions().animationDuration;\n    const animationEasing = this.getEasingFunction(this.effectiveOptions().animationEasing);\n\n    // Create a container for all bars\n    const barsContainer = this.chart.append('g').attr('class', 'ax-bar-chart-bars-container');\n\n    // Create groups for each bar to handle transformations\n    const barGroups = barsContainer\n      .selectAll('.ax-bar-chart-bar-group')\n      .data(data)\n      .enter()\n      .append('g')\n      .style('cursor', 'pointer')\n      .attr('class', 'ax-bar-chart-bar-group');\n\n    // Add bars inside groups\n    const bars = barGroups\n      .append('rect')\n      .attr('class', 'ax-bar-chart-bar')\n      .attr('x', (d: AXBarChartData) => this.xScale(d.label))\n      .attr('width', this.xScale.bandwidth())\n      .attr('y', this.height) // Start from bottom for animation\n      .attr('height', 0) // Start with height 0 for animation\n      .attr('rx', radius) // Rounded corners\n      .attr('ry', radius) // Rounded corners\n      .attr('fill', (d: AXBarChartData, i: number) => d.color || getChartColor(i, this.chartColors));\n\n    // Add data labels if they're enabled\n    if (this.effectiveOptions().showDataLabels !== false) {\n      barGroups\n        .append('text')\n        .attr('class', 'ax-bar-chart-data-label')\n        .attr('text-anchor', 'middle')\n        .attr('x', (d: AXBarChartData) => this.xScale(d.label) + this.xScale.bandwidth() / 2)\n        .attr('y', this.height) // Start from bottom for animation\n        .style('font-size', 'clamp(8px, 2vmin, 12px)')\n        .style('font-weight', '500')\n        .style('fill', 'rgb(var(--ax-comp-bar-chart-data-labels-color))')\n        .style('opacity', 0) // Start invisible for animation\n        .text((d: AXBarChartData) => d.value);\n\n      // Animate data labels\n      barGroups\n        .selectAll('.ax-bar-chart-data-label')\n        .transition()\n        .duration(animationDuration)\n        .delay((d: AXBarChartData, i: number) => i * 50 + 100) // Slightly delayed after bar animation\n        .attr('y', (d: AXBarChartData) => this.yScale(d.value) - 8) // Position above bar\n        .style('opacity', 1)\n        .ease(animationEasing);\n    }\n\n    // Set up event handlers on each group\n    barGroups\n      .on('mouseenter', (event: MouseEvent, d: AXBarChartData) => {\n        // Only apply hover effects if initial animation is complete\n        if (!this._initialAnimationComplete()) return;\n\n        const barEl = this.d3.select(event.currentTarget).select('rect');\n\n        // Standard hover effect - darken the bar slightly and add a subtle shadow\n        barEl.transition().duration(150).style('filter', 'brightness(0.7) drop-shadow(0 0 2px rgba(0,0,0,0.1))');\n\n        this.handleBarHover(event, d);\n      })\n      .on('mousemove', (event: MouseEvent) => {\n        // Only update tooltip if initial animation is complete\n        if (this._initialAnimationComplete()) {\n          this.updateTooltipPosition(event);\n        }\n      })\n      .on('mouseleave', (event: MouseEvent, d: AXBarChartData) => {\n        // Only apply hover effects if initial animation is complete\n        if (!this._initialAnimationComplete()) return;\n\n        const barEl = this.d3.select(event.currentTarget).select('rect');\n\n        // Remove hover effect\n        barEl.transition().duration(150).style('filter', null);\n\n        this._tooltipVisible.set(false);\n      })\n      .on('click', (event: MouseEvent, d: AXBarChartData) => {\n        // Only trigger click events if initial animation is complete\n        if (this._initialAnimationComplete()) {\n          this.handleBarClick(event, d);\n        }\n      });\n\n    // Add animation\n    bars\n      .transition()\n      .duration(animationDuration)\n      .delay((d: AXBarChartData, i: number) => i * 50) // Stagger each bar animation\n      .attr('y', (d: AXBarChartData) => this.yScale(d.value))\n      .attr('height', (d: AXBarChartData) => this.height - this.yScale(d.value))\n      .ease(animationEasing) // Use the configured easing function\n      .end() // Wait for all animations to complete\n      .then(() => {\n        // Mark animation as complete to enable hover effects\n        this._initialAnimationComplete.set(true);\n      });\n  }\n\n  /**\n   * Gets the appropriate D3 easing function based on the option string\n   */\n  private getEasingFunction(easing?: string): any {\n    switch (easing) {\n      case 'linear':\n        return this.d3.easeLinear;\n      case 'ease':\n        return this.d3.easePolyInOut;\n      case 'ease-in':\n        return this.d3.easePolyIn;\n      case 'ease-out':\n        return this.d3.easePolyOut;\n      case 'ease-in-out':\n        return this.d3.easePolyInOut;\n      case 'cubic':\n        return this.d3.easeCubic;\n      case 'cubic-in':\n        return this.d3.easeCubicIn;\n      case 'cubic-out':\n        return this.d3.easeCubicOut;\n      case 'cubic-in-out':\n        return this.d3.easeCubicInOut;\n      default:\n        return this.d3.easeCubicOut; // Default easing\n    }\n  }\n\n  /**\n   * Handles bar hover event and shows tooltip\n   */\n  private handleBarHover(event: MouseEvent, datum: AXBarChartData): void {\n    if (this.effectiveOptions().showTooltip !== false) {\n      const index = this.data().findIndex((item) => item.id === datum.id);\n      const color = datum.color || getChartColor(index, this.chartColors);\n\n      // Calculate percentage of total\n      const total = this.data().reduce((sum, item) => sum + item.value, 0);\n      const percentage = total > 0 ? ((datum.value / total) * 100).toFixed(1) : '0';\n\n      this._tooltipData.set({\n        title: datum.tooltipLabel || datum.label,\n        value: datum.value.toString(),\n        percentage: `${percentage}%`,\n        color: color,\n      });\n\n      this.updateTooltipPosition(event);\n      this._tooltipVisible.set(true);\n    }\n  }\n\n  /**\n   * Updates tooltip position based on mouse coordinates\n   */\n  private updateTooltipPosition(event: MouseEvent): void {\n    const container = this.chartContainerEl().nativeElement.getBoundingClientRect();\n    const tooltipEl = this.chartContainerEl().nativeElement.querySelector('.chart-tooltip');\n\n    if (!tooltipEl) {\n      const x = event.clientX - container.left;\n      const y = event.clientY - container.top;\n      this._tooltipPosition.set({ x, y });\n      return;\n    }\n\n    const tooltipRect = tooltipEl.getBoundingClientRect();\n    let x = event.clientX - container.left;\n    const y = event.clientY - container.top;\n\n    // Adjust position if near the right edge\n    if (x + tooltipRect.width + 10 > container.width) {\n      x = x - tooltipRect.width - 10;\n    } else {\n      x = x + 10;\n    }\n\n    this._tooltipPosition.set({ x, y });\n  }\n\n  /**\n   * Handles bar click event\n   */\n  private handleBarClick(event: MouseEvent, datum: AXBarChartData): void {\n    this.barClick.emit({ item: datum, event: { nativeEvent: event, sender: this } });\n  }\n\n  /**\n   * Shows a message when no data is available\n   */\n  private showNoDataMessage(containerElement: HTMLElement): void {\n    // Clear existing contents first\n    this.d3.select(containerElement).selectAll('*').remove();\n\n    const messageContainer = this.d3\n      .select(containerElement)\n      .append('div')\n      .attr('class', 'ax-bar-chart-no-data-message')\n      .style('position', 'absolute')\n      .style('left', '50%')\n      .style('top', '50%')\n      .style('transform', 'translate(-50%, -50%)')\n      .style('text-align', 'center')\n      .style('background-color', 'rgb(var(--ax-comp-bar-chart-bg-color))')\n      .style('padding', '1.5rem')\n      .style('border-radius', '0.5rem')\n      .style('box-shadow', '0 2px 12px rgba(0, 0, 0, 0.08)')\n      .style('width', '80%')\n      .style('max-width', '300px');\n\n    // Add an icon\n    messageContainer\n      .append('div')\n      .attr('class', 'ax-bar-chart-no-data-icon')\n      .style('opacity', '0.6')\n      .style('margin-bottom', '0.75rem')\n      .html('<i class=\"fa-light fa-chart-column fa-2x\"></i>');\n\n    // Add text message\n    messageContainer\n      .append('div')\n      .attr('class', 'ax-bar-chart-no-data-text')\n      .style('font-size', '1rem')\n      .style('font-weight', '600')\n      .style('margin-bottom', '0.5rem')\n      .text('No data available');\n\n    // Add help text\n    messageContainer\n      .append('div')\n      .attr('class', 'ax-bar-chart-no-data-help')\n      .style('font-size', '0.8rem')\n      .style('opacity', '0.6')\n      .text('Please provide data to display the chart');\n  }\n}\n","<div class=\"ax-bar-chart\" #chartContainer>\n  <!-- Shared tooltip component -->\n  <ax-chart-tooltip\n    [visible]=\"tooltipVisible()\"\n    [position]=\"tooltipPosition()\"\n    [data]=\"tooltipData()\"\n    [showPercentage]=\"true\"\n  ></ax-chart-tooltip>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}