@acorex/charts 19.14.1 → 19.14.2

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

@@ -187,7 +187,7 @@ class AXDonutChartComponent {
         }
     }
     onSegmentClick(item) {
-        //this.toggleSegmentVisibility(item.id);
+        // this.toggleSegmentVisibility(item.id);
         this.segmentClick.emit(item);
     }
     /**
@@ -386,7 +386,7 @@ class AXDonutChartComponent {
             .on('mouseenter', (event, d) => {
             if (!this.effectiveOptions().showTooltip)
                 return;
-            this.handleSegmentHover(event, d, hoverArc, arc, total);
+            this.handleSliceHover(event, d.data);
         })
             .on('mouseleave', (event, d) => {
             this.handleSegmentLeave(event, d, arc);
@@ -422,12 +422,12 @@ class AXDonutChartComponent {
                 const minFontSize = segmentPercentage < 5
                     ? 0 // Hide very small segments
                     : segmentPercentage < 10
-                        ? 9 // Smaller font for small segments
+                        ? 8 // Smaller font for small segments
                         : segmentPercentage < 15
-                            ? 10 // Medium font for medium segments
-                            : 11; // Regular font for large segments
+                            ? 9 // Medium font for medium segments
+                            : 10; // Regular font for large segments
                 // Adjust font size based on chart size
-                return Math.min(Math.max(minFontSize, (angleSize * radius) / 10), 14);
+                return Math.min(Math.max(minFontSize, (angleSize * radius) / 10), 12);
             };
             // Format percentage value with appropriate precision
             const formatPercentage = (value) => {
@@ -458,7 +458,11 @@ class AXDonutChartComponent {
                 // Calculate percentage for labels
                 const percentage = (d.data.value / total) * 100;
                 // Only show if segment is large enough to display text
-                return percentage >= 1 ? formatPercentage(percentage) : '';
+                if (percentage < 1)
+                    return '';
+                const label = d.data.label || '';
+                const percentageText = formatPercentage(percentage);
+                return label ? `${label} (${percentageText})` : percentageText;
             });
             // Animate labels
             labels
@@ -498,29 +502,22 @@ class AXDonutChartComponent {
     /**
      * Handle hover effects on a segment
      */
-    handleSegmentHover(event, d, hoverArc, normalArc, total) {
-        const segmentData = d.data;
-        const percentage = ((segmentData.value / total) * 100).toFixed(1);
-        const segmentColor = this.d3.select(event.currentTarget).attr('fill');
-        // Update tooltip data
-        this._tooltipData.set({
-            title: segmentData.name,
-            value: segmentData.value,
-            percentage: `${percentage}%`,
-            color: segmentColor,
-        });
-        // Show tooltip
-        this._tooltipVisible.set(true);
-        this.updateTooltipPosition(event);
-        this.cdr.detectChanges();
-        // Emit segment hover event
-        this.segmentHover.emit(segmentData);
-        // Apply hover effect
-        this.d3
-            .select(event.currentTarget)
-            .transition()
-            .duration(250)
-            .attr('d', (d) => hoverArc(d));
+    handleSliceHover(event, datum) {
+        if (this.effectiveOptions().showTooltip !== false) {
+            const index = this.data().findIndex((item) => item.id === datum.id);
+            const color = datum.color || AXDonutChartColors.getColor(index);
+            // 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.tooltipLabel || datum.label,
+                value: datum.value.toString(),
+                percentage: `${percentage}%`,
+                color: color,
+            });
+            this.updateTooltipPosition(event);
+            this._tooltipVisible.set(true);
+        }
     }
     /**
      * Handles mouse leave from segments
@@ -544,34 +541,27 @@ class AXDonutChartComponent {
      */
     updateTooltipPosition(event) {
         const container = this.chartContainerEl().nativeElement.getBoundingClientRect();
-        const x = event.clientX - container.left;
-        const y = event.clientY - container.top;
-        // Get container dimensions to check if we're near the edge
-        const containerWidth = container.width;
-        const containerHeight = container.height;
-        // Tooltip dimensions approximation (can't get exact dimensions without rendering)
-        const tooltipWidth = 150; // Approximate width of tooltip
-        const tooltipHeight = 100; // Approximate height of tooltip
-        // Calculate position with edge detection
-        let tooltipX = x;
-        const tooltipY = y;
-        // Check if we're too close to the right edge
-        const rightEdgeDistance = containerWidth - x;
-        if (rightEdgeDistance < tooltipWidth + 20) {
-            // Place tooltip to the left of the cursor with no gap
-            tooltipX = x - tooltipWidth + 30; // Overlap more with cursor position
+        const tooltipEl = this.chartContainerEl().nativeElement.querySelector('.chart-tooltip');
+        if (!tooltipEl) {
+            const x = event.clientX - container.left;
+            const y = event.clientY - container.top;
+            this._tooltipPosition.set({ x, y });
+            return;
         }
-        // // Check if we're too close to the bottom edge
-        // const bottomEdgeDistance = containerHeight - y;
-        // if (bottomEdgeDistance < tooltipHeight + 10) {
-        //   // Move tooltip up if near bottom edge
-        //   tooltipY = y - tooltipHeight;
-        // }
-        this._tooltipPosition.set({
-            x: tooltipX,
-            y: tooltipY,
-        });
-        this.cdr.detectChanges();
+        const tooltipRect = tooltipEl.getBoundingClientRect();
+        const cursorX = event.clientX - container.left;
+        const cursorY = event.clientY - container.top;
+        const gap = 20; // Gap between cursor and tooltip
+        // Position tooltip to the right by default
+        let x = cursorX + gap / 3;
+        // If tooltip would go off the right edge, position it to the left
+        if (x + tooltipRect.width > container.width) {
+            x = cursorX - tooltipRect.width - gap;
+        }
+        // Keep tooltip within container bounds
+        x = Math.max(gap, Math.min(x, container.width - tooltipRect.width - gap));
+        const y = Math.max(gap, Math.min(cursorY, container.height - tooltipRect.height - gap));
+        this._tooltipPosition.set({ x, y });
     }
     /**
      * Toggles the visibility of a segment
@@ -655,17 +645,17 @@ class AXDonutChartComponent {
         const segmentDescriptions = data
             .map((segment) => {
             const percentage = ((segment.value / total) * 100).toFixed(1);
-            return `${segment.name}: ${segment.value} (${percentage}%)`;
+            return `${segment.label}: ${segment.value} (${percentage}%)`;
         })
             .join('; ');
         return `Donut chart with ${data.length} segments. Total value: ${total}. ${segmentDescriptions}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXDonutChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXDonutChartComponent, isStandalone: true, selector: "ax-donut-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: { segmentClick: "segmentClick", segmentHover: "segmentHover" }, viewQueries: [{ propertyName: "chartContainerEl", first: true, predicate: ["chartContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-donut-chart\" #chartContainer role=\"img\" [attr.aria-label]=\"getAccessibilityLabel()\" tabindex=\"0\">\n  <!-- 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-donut-chart{display:block;width:100%;height:100%;--ax-comp-donut-chart-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-donut-chart-data-labels-color: var(--ax-sys-color-light);--ax-comp-donut-chart-value-color: var(--ax-sys-color-on-lightest-surface)}.ax-donut-chart{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:rgb(var(--ax-comp-donut-chart-data-labels-color));background-color:rgb(var(--ax-comp-donut-chart-bg-color))}.ax-donut-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.ax-donut-chart-no-data-message{position:absolute;text-align:center;transform:translate(-50%,-50%);font-family:var(--ax-font-family, system-ui, sans-serif);background-color:rgb(var(--ax-comp-donut-chart-bg-color));color:rgb(var(--ax-comp-donut-chart-data-labels-color));padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 12px #00000014;width:80%;max-width:300px}.ax-donut-chart-no-data-message .ax-donut-chart-no-data-icon{color:rgba(var(--ax-sys-color-on-lightest-surface),.6);margin-bottom:.75rem}.ax-donut-chart-no-data-message .ax-donut-chart-no-data-text{font-size:1rem;font-weight:600;color:rgb(var(--ax-comp-donut-chart-data-labels-color));margin-bottom:.5rem}.ax-donut-chart-no-data-message .ax-donut-chart-no-data-help{font-size:.8rem;color:rgba(var(--ax-sys-color-on-lightest-surface),.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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDonutChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.11", type: AXDonutChartComponent, isStandalone: true, selector: "ax-donut-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: { segmentClick: "segmentClick", segmentHover: "segmentHover" }, viewQueries: [{ propertyName: "chartContainerEl", first: true, predicate: ["chartContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-donut-chart\" #chartContainer role=\"img\" [attr.aria-label]=\"getAccessibilityLabel()\" tabindex=\"0\">\n  <!-- 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-donut-chart{display:block;width:100%;height:100%;--ax-comp-donut-chart-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-donut-chart-data-labels-color: var(--ax-sys-color-light);--ax-comp-donut-chart-value-color: var(--ax-sys-color-on-lightest-surface)}ax-donut-chart .ax-donut-chart{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:rgb(var(--ax-comp-donut-chart-data-labels-color));background-color:rgb(var(--ax-comp-donut-chart-bg-color))}ax-donut-chart .ax-donut-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}ax-donut-chart .ax-donut-chart-no-data-message{position:absolute;text-align:center;transform:translate(-50%,-50%);background-color:rgb(var(--ax-comp-donut-chart-bg-color));padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 12px #00000014;width:80%;max-width:300px}ax-donut-chart .ax-donut-chart-no-data-message .ax-donut-chart-no-data-icon{opacity:.6;margin-bottom:.75rem}ax-donut-chart .ax-donut-chart-no-data-message .ax-donut-chart-no-data-text{font-size:1rem;font-weight:600;margin-bottom:.5rem}ax-donut-chart .ax-donut-chart-no-data-message .ax-donut-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: AXDonutChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXDonutChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-donut-chart', encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXChartTooltipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-donut-chart\" #chartContainer role=\"img\" [attr.aria-label]=\"getAccessibilityLabel()\" tabindex=\"0\">\n  <!-- 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-donut-chart{display:block;width:100%;height:100%;--ax-comp-donut-chart-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-donut-chart-data-labels-color: var(--ax-sys-color-light);--ax-comp-donut-chart-value-color: var(--ax-sys-color-on-lightest-surface)}.ax-donut-chart{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:rgb(var(--ax-comp-donut-chart-data-labels-color));background-color:rgb(var(--ax-comp-donut-chart-bg-color))}.ax-donut-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.ax-donut-chart-no-data-message{position:absolute;text-align:center;transform:translate(-50%,-50%);font-family:var(--ax-font-family, system-ui, sans-serif);background-color:rgb(var(--ax-comp-donut-chart-bg-color));color:rgb(var(--ax-comp-donut-chart-data-labels-color));padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 12px #00000014;width:80%;max-width:300px}.ax-donut-chart-no-data-message .ax-donut-chart-no-data-icon{color:rgba(var(--ax-sys-color-on-lightest-surface),.6);margin-bottom:.75rem}.ax-donut-chart-no-data-message .ax-donut-chart-no-data-text{font-size:1rem;font-weight:600;color:rgb(var(--ax-comp-donut-chart-data-labels-color));margin-bottom:.5rem}.ax-donut-chart-no-data-message .ax-donut-chart-no-data-help{font-size:.8rem;color:rgba(var(--ax-sys-color-on-lightest-surface),.6)}\n"] }]
+            args: [{ selector: 'ax-donut-chart', encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXChartTooltipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-donut-chart\" #chartContainer role=\"img\" [attr.aria-label]=\"getAccessibilityLabel()\" tabindex=\"0\">\n  <!-- 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-donut-chart{display:block;width:100%;height:100%;--ax-comp-donut-chart-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-donut-chart-data-labels-color: var(--ax-sys-color-light);--ax-comp-donut-chart-value-color: var(--ax-sys-color-on-lightest-surface)}ax-donut-chart .ax-donut-chart{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;color:rgb(var(--ax-comp-donut-chart-data-labels-color));background-color:rgb(var(--ax-comp-donut-chart-bg-color))}ax-donut-chart .ax-donut-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}ax-donut-chart .ax-donut-chart-no-data-message{position:absolute;text-align:center;transform:translate(-50%,-50%);background-color:rgb(var(--ax-comp-donut-chart-bg-color));padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 12px #00000014;width:80%;max-width:300px}ax-donut-chart .ax-donut-chart-no-data-message .ax-donut-chart-no-data-icon{opacity:.6;margin-bottom:.75rem}ax-donut-chart .ax-donut-chart-no-data-message .ax-donut-chart-no-data-text{font-size:1rem;font-weight:600;margin-bottom:.5rem}ax-donut-chart .ax-donut-chart-no-data-message .ax-donut-chart-no-data-help{font-size:.8rem;opacity:.6}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-charts-donut-chart.mjs","sources":["../../../../packages/charts/donut-chart/src/lib/donut-chart.config.ts","../../../../packages/charts/donut-chart/src/lib/donut-chart.component.ts","../../../../packages/charts/donut-chart/src/lib/donut-chart.component.html","../../../../packages/charts/donut-chart/src/acorex-charts-donut-chart.ts"],"sourcesContent":["import { AX_GLOBAL_CONFIG } from '@acorex/core/config';\nimport { InjectionToken, inject } from '@angular/core';\nimport { set } from 'lodash-es';\nimport { AXPDonutChartOption } from './donut-chart.type';\n\nexport const AXDonutChartDefaultConfig: AXPDonutChartOption = {\n  showTooltip: true,\n  showDataLabels: true,\n  donutWidth: 35,\n  cornerRadius: 4,\n  animationDuration: 800,\n  animationEasing: 'cubic-out',\n};\n\nexport const AX_DONUT_CHART_CONFIG = new InjectionToken<AXPDonutChartOption>('AX_DONUT_CHART_CONFIG', {\n  providedIn: 'root',\n  factory: () => {\n    const global = inject(AX_GLOBAL_CONFIG);\n    set(global, 'chart.donutChart', AXDonutChartDefaultConfig);\n    return AXDonutChartDefaultConfig;\n  },\n});\n\nexport type PartialDonutChartConfig = Partial<AXPDonutChartOption>;\n\nexport function donutChartConfig(config: PartialDonutChartConfig = {}): AXPDonutChartOption {\n  const result = {\n    ...AXDonutChartDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXChartTooltipComponent, AXChartTooltipData } from '@acorex/charts/chart-tooltip';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\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_DONUT_CHART_CONFIG } from './donut-chart.config';\nimport { AXPDonutChartData, AXPDonutChartOption, AXPDonutChartValue } from './donut-chart.type';\n\nexport const AXDonutChartColors = {\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 || AXDonutChartColors.defaultColors;\n    return palette[index % palette.length];\n  },\n};\n\n/**\n * Donut Chart Component\n * Displays data in a circular donut chart with interactive segments\n */\n@Component({\n  selector: 'ax-donut-chart',\n  templateUrl: './donut-chart.component.html',\n  styleUrls: ['./donut-chart.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [CommonModule, AXChartTooltipComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXDonutChartComponent implements OnDestroy {\n  // Dependency Injection\n  private cdr = inject(ChangeDetectorRef);\n\n  // Inputs\n  /** Chart data input */\n  data = input<AXPDonutChartValue>([]);\n\n  /** Chart options input */\n  options = input<AXPDonutChartOption>({});\n\n  // Outputs\n  /** Emitted when a segment is clicked */\n  segmentClick = output<AXPDonutChartData>();\n\n  /** Emitted when a segment has mouse hover\n   * Can be used by external elements to highlight this segment\n   */\n  segmentHover = output<AXPDonutChartData | null>();\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 SVG reference\n  private svg!: any;\n  private pieData: any[] = [];\n\n  // State management\n  private hiddenSegments = new Set<string>();\n  private _initialized = signal(false);\n  private _rendered = 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  // Public computed properties for the template\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_DONUT_CHART_CONFIG);\n\n  // Computed configuration options\n  protected effectiveOptions = computed(() => {\n    return {\n      ...this.configToken,\n      ...this.options(),\n    };\n  });\n\n  // Data accessor for handling different incoming data formats\n  protected chartDataArray = computed((): AXPDonutChartData[] => {\n    return this.data() || [];\n  });\n\n  // Color accessor method\n  protected getColor(index: number): string {\n    return AXDonutChartColors.getColor(index);\n  }\n\n  // Segment visibility check\n  protected isSegmentHidden(id: string): boolean {\n    return this.hiddenSegments.has(id);\n  }\n\n  constructor() {\n    // Dynamically load D3 and initialize the chart when the component is ready\n    afterNextRender(() => {\n      this._initialized.set(true);\n      this.loadD3();\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  /**\n   * Highlights a specific segment by ID\n   * @param id The segment ID to highlight, or null to clear highlight\n   */\n  highlightSegment(id: string | null): void {\n    if (!this.svg) return;\n\n    // Reset all segments first\n    this.svg\n      .selectAll('path')\n      .classed('ax-donut-chart-highlighted', false)\n      .classed('ax-donut-chart-dimmed', false)\n      .attr('transform', 'scale(1)');\n\n    if (id !== null) {\n      // Highlight the target segment\n      this.svg\n        .selectAll('path')\n        .filter((d: any) => d?.data?.id === id)\n        .classed('ax-donut-chart-highlighted', true)\n        .attr('transform', 'scale(1.02)');\n\n      // Dim other segments\n      this.svg\n        .selectAll('path')\n        .filter((d: any) => d?.data?.id !== id)\n        .classed('ax-donut-chart-dimmed', true);\n    }\n\n    this.cdr.detectChanges();\n  }\n\n  /**\n   * Toggles visibility of a segment by ID\n   * @param id Segment ID to toggle\n   * @returns New visibility state (true = visible, false = hidden)\n   */\n  toggleSegment(id: string): boolean {\n    this.toggleSegmentVisibility(id);\n    return !this.isSegmentHidden(id);\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  protected onSegmentClick(item: AXPDonutChartData): void {\n    //this.toggleSegmentVisibility(item.id);\n    this.segmentClick.emit(item);\n  }\n\n  /**\n   * Creates the donut chart\n   */\n  protected createChart(): void {\n    if (!this.d3 || !this.chartContainerEl()?.nativeElement) return;\n\n    try {\n      const containerElement = this.chartContainerEl().nativeElement;\n\n      this.clearChart(containerElement);\n\n      const data = this.chartDataArray();\n\n      if (!data || data.length === 0) {\n        this.showNoDataMessage();\n        return;\n      }\n\n      // Filter out hidden segments\n      const visibleData = data.filter((item) => !this.hiddenSegments.has(item.id));\n\n      // If all segments are hidden, show message\n      if (visibleData.length === 0) {\n        this.showAllSegmentsHiddenMessage();\n        return;\n      }\n\n      const options = this.effectiveOptions();\n      const { width, height } = this.setupDimensions(containerElement, options);\n      this.renderDonutChart(containerElement, width, height, visibleData);\n    } catch (error) {\n      console.error('Error creating donut chart:', error);\n      this.handleChartError();\n    }\n  }\n\n  /**\n   * Updates the chart with new data\n   */\n  protected updateChart(): void {\n    this.createChart(); // Recreate the chart with updated data\n  }\n\n  /**\n   * Clears the chart container\n   */\n  private clearChart(container: HTMLElement): void {\n    this.d3.select(container).selectAll('svg').remove();\n    this._tooltipVisible.set(false);\n  }\n\n  /**\n   * Shows a message when no data is available\n   */\n  private showNoDataMessage(): void {\n    if (!this.chartContainerEl()?.nativeElement) return;\n\n    // Clear existing contents\n    const container = this.chartContainerEl().nativeElement;\n    this.d3.select(container).selectAll('*').remove();\n\n    const noDataMessage = this.d3\n      .select(container)\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-message ax-bg-lightest ax-text-on-lightest')\n      .style('left', '50%')\n      .style('top', '50%');\n\n    noDataMessage\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-icon')\n      .html('<i class=\"fa-light fa-chart-pie fa-2x\"></i>');\n\n    noDataMessage.append('div').attr('class', 'ax-donut-chart-no-data-text').text('No data available');\n\n    noDataMessage\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-help')\n      .text('Please provide data to display the chart');\n  }\n\n  /**\n   * Shows a message when all segments are hidden\n   */\n  private showAllSegmentsHiddenMessage(): void {\n    if (!this.chartContainerEl()?.nativeElement) return;\n\n    // Clear existing contents\n    const container = this.chartContainerEl().nativeElement;\n    this.d3.select(container).selectAll('svg').remove();\n\n    const noDataMessage = this.d3\n      .select(container)\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-message ax-bg-lightest ax-text-on-lightest')\n      .style('left', '50%')\n      .style('top', '50%');\n\n    noDataMessage\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-icon')\n      .html('<i class=\"fa-light fa-eye-slash fa-2x\"></i>');\n\n    noDataMessage.append('div').attr('class', 'ax-donut-chart-no-data-text').text('All segments are hidden');\n\n    noDataMessage\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-help')\n      .text('Please toggle visibility of at least one segment');\n  }\n\n  /**\n   * Setups chart dimensions based on container and options\n   */\n  private setupDimensions(container: HTMLElement, options: AXPDonutChartOption): { width: number; height: number } {\n    // Get container dimensions or use defaults\n    const containerWidth = container.clientWidth || 400;\n    const containerHeight = container.clientHeight || 400;\n\n    // Ensure minimum dimensions for the chart\n    const minDim = 200;\n    const width = Math.max(options?.width || containerWidth, minDim);\n    const height = Math.max(options?.height || containerHeight, minDim);\n\n    return { width, height };\n  }\n\n  /**\n   * Renders the donut chart with visible data\n   */\n  private renderDonutChart(\n    container: HTMLElement,\n    width: number,\n    height: number,\n    visibleData: AXPDonutChartData[],\n  ): void {\n    const total = visibleData.reduce((sum, item) => sum + item.value, 0);\n\n    // Create SVG container with filters\n    const svg = this.createSvgWithFilters(container, width, height);\n\n    // Create main chart group\n    this.svg = svg.append('g').attr('transform', `translate(${width / 2}, ${height / 2})`);\n\n    // Create donut segments\n    this.createDonutSegments(width, height, visibleData, total);\n\n    // Add total in center\n    this.addCenterDisplay(total);\n  }\n\n  /**\n   * Create SVG element with filter definitions for shadows\n   */\n  private createSvgWithFilters(container: HTMLElement, width: number, height: number): any {\n    const svg = this.d3\n      .select(container)\n      .append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .attr('viewBox', `0 0 ${width} ${height}`)\n      .attr('preserveAspectRatio', 'xMidYMid meet');\n\n    // Add drop shadow filter\n    const defs = svg.append('defs');\n    const filter = defs.append('filter').attr('id', 'ax-donut-chart-segment-shadow').attr('height', '130%');\n\n    filter.append('feGaussianBlur').attr('in', 'SourceAlpha').attr('stdDeviation', 2).attr('result', 'blur');\n    filter.append('feOffset').attr('in', 'blur').attr('dx', 1).attr('dy', 1).attr('result', 'offsetBlur');\n\n    const feComponentTransfer = filter\n      .append('feComponentTransfer')\n      .attr('in', 'offsetBlur')\n      .attr('result', 'offsetBlur');\n\n    feComponentTransfer.append('feFuncA').attr('type', 'linear').attr('slope', 0.3);\n\n    const feMerge = filter.append('feMerge');\n    feMerge.append('feMergeNode').attr('in', 'offsetBlur');\n    feMerge.append('feMergeNode').attr('in', 'SourceGraphic');\n\n    return svg;\n  }\n\n  /**\n   * Create and render the donut segments with animations\n   */\n  private createDonutSegments(chartWidth: number, chartHeight: number, data: AXPDonutChartData[], total: number): void {\n    // Create pie layout\n    const pie = this.d3\n      .pie<AXPDonutChartData>()\n      .value((d) => d.value)\n      .sort(null)\n      .padAngle(0.02);\n\n    // Calculate the radius of the donut chart\n    const radius = (Math.min(chartWidth, chartHeight) / 2) * 0.85;\n\n    // Calculate inner radius based on donutWidth percentage\n    const donutWidthPercent = this.effectiveOptions().donutWidth / 100;\n    const innerRadius = radius * (1 - donutWidthPercent);\n\n    // Create arc generator with the configured radius and corner radius\n    const arc = this.d3\n      .arc()\n      .innerRadius(innerRadius)\n      .outerRadius(radius * 0.95)\n      .cornerRadius(this.effectiveOptions().cornerRadius);\n\n    // Create hover arc for animation\n    const hoverArc = this.d3\n      .arc()\n      .innerRadius(innerRadius)\n      .outerRadius(radius + 10)\n      .cornerRadius(this.effectiveOptions().cornerRadius);\n\n    // Create label arc generator for placing labels (middle of the donut ring)\n    const labelArc = this.d3\n      .arc()\n      .innerRadius(innerRadius + (radius * 0.95 - innerRadius) / 2)\n      .outerRadius(innerRadius + (radius * 0.95 - innerRadius) / 2);\n\n    // Get animation options\n    const animationDuration = this.effectiveOptions().animationDuration;\n    const animationEasing = this.getEasingFunction(this.effectiveOptions().animationEasing);\n\n    // Generate pie data\n    this.pieData = pie(data);\n\n    // Add segments with animation\n    const segments = this.svg\n      .selectAll('path')\n      .data(this.pieData)\n      .enter()\n      .append('path')\n      .attr('class', 'ax-donut-chart-segment')\n      .attr('fill', (d: any, i: number) => this.getColor(i))\n      .style('opacity', 0)\n      .style('cursor', 'pointer') // Add cursor pointer to segments\n      .on('mouseenter', (event: MouseEvent, d: any) => {\n        if (!this.effectiveOptions().showTooltip) return;\n        this.handleSegmentHover(event, d, hoverArc, arc, total);\n      })\n      .on('mouseleave', (event: MouseEvent, d: any) => {\n        this.handleSegmentLeave(event, d, arc);\n      })\n      .on('mousemove', (event: MouseEvent) => {\n        if (this._tooltipVisible()) {\n          this.updateTooltipPosition(event);\n        }\n      })\n      .on('click', (event: MouseEvent, d: any) => {\n        this.onSegmentClick(d.data);\n      });\n\n    // Animate segments\n    segments\n      .transition()\n      .duration(animationDuration)\n      .ease(animationEasing)\n      .delay((d: any, i: number) => i * 50)\n      .style('opacity', 1)\n      .attrTween('d', (d: any) => {\n        const interpolate = this.d3.interpolate({ startAngle: d.startAngle, endAngle: d.startAngle }, d);\n        return (t: number) => arc(interpolate(t)) as string;\n      });\n\n    // Add data labels if enabled\n    if (this.effectiveOptions().showDataLabels) {\n      // Calculate optimal font size based on segment size and chart dimensions\n      const calculateFontSize = (d: any) => {\n        // Calculate angle size in radians for the segment\n        const angleSize = d.endAngle - d.startAngle;\n        // Calculate the segment's percentage of the whole\n        const segmentPercentage = (d.data.value / total) * 100;\n\n        // Base minimum font size on segment size\n        const minFontSize =\n          segmentPercentage < 5\n            ? 0 // Hide very small segments\n            : segmentPercentage < 10\n              ? 9 // Smaller font for small segments\n              : segmentPercentage < 15\n                ? 10 // Medium font for medium segments\n                : 11; // Regular font for large segments\n\n        // Adjust font size based on chart size\n        return Math.min(Math.max(minFontSize, (angleSize * radius) / 10), 14);\n      };\n\n      // Format percentage value with appropriate precision\n      const formatPercentage = (value: number) => {\n        if (value < 1) return '<1%';\n        if (value < 10) return `${value.toFixed(1)}%`;\n        return `${Math.round(value)}%`;\n      };\n\n      const labels = this.svg\n        .selectAll('.ax-donut-chart-data-label')\n        .data(this.pieData)\n        .enter()\n        .append('text')\n        .attr('class', 'ax-donut-chart-data-label')\n        .style('opacity', 0)\n        .style('fill', 'rgb(var(--ax-comp-donut-chart-data-labels-color))')\n        .attr('transform', (d) => {\n          // Calculate the centroid position for the label\n          const centroid = labelArc.centroid(d);\n          return `translate(${centroid[0]}, ${centroid[1]})`;\n        })\n        .attr('text-anchor', 'middle')\n        .attr('dominant-baseline', 'middle')\n        .style('font-size', (d) => `${calculateFontSize(d)}px`)\n        .style('font-weight', (d) => ((d.data.value / total) * 100 >= 15 ? '600' : '500'))\n        .text((d) => {\n          // Calculate percentage for labels\n          const percentage = (d.data.value / total) * 100;\n          // Only show if segment is large enough to display text\n          return percentage >= 1 ? formatPercentage(percentage) : '';\n        });\n\n      // Animate labels\n      labels\n        .transition()\n        .duration(animationDuration)\n        .delay((d: any, i: number) => i * 50 + 200)\n        .style('opacity', 1);\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   * Handle hover effects on a segment\n   */\n  private handleSegmentHover(event: MouseEvent, d: any, hoverArc: any, normalArc: any, total: number): void {\n    const segmentData = d.data;\n    const percentage = ((segmentData.value / total) * 100).toFixed(1);\n    const segmentColor = this.d3.select(event.currentTarget as HTMLElement).attr('fill') as string;\n\n    // Update tooltip data\n    this._tooltipData.set({\n      title: segmentData.name,\n      value: segmentData.value,\n      percentage: `${percentage}%`,\n      color: segmentColor,\n    });\n\n    // Show tooltip\n    this._tooltipVisible.set(true);\n    this.updateTooltipPosition(event);\n    this.cdr.detectChanges();\n\n    // Emit segment hover event\n    this.segmentHover.emit(segmentData);\n\n    // Apply hover effect\n    this.d3\n      .select(event.currentTarget as HTMLElement)\n      .transition()\n      .duration(250)\n      .attr('d', (d) => hoverArc(d));\n  }\n\n  /**\n   * Handles mouse leave from segments\n   */\n  private handleSegmentLeave(event: MouseEvent, d: any, normalArc: any): void {\n    // Hide tooltip\n    this._tooltipVisible.set(false);\n    this.cdr.detectChanges();\n\n    // Emit null to indicate no segment is hovered\n    this.segmentHover.emit(null);\n\n    // Remove hover effect\n    this.d3\n      .select(event.currentTarget as HTMLElement)\n      .transition()\n      .duration(200)\n      .attr('d', (d) => normalArc(d));\n  }\n\n  /**\n   * Updates tooltip position\n   * Ensures the tooltip is visible by adjusting position when near edges\n   */\n  private updateTooltipPosition(event: MouseEvent): void {\n    const container = this.chartContainerEl().nativeElement.getBoundingClientRect();\n    const x = event.clientX - container.left;\n    const y = event.clientY - container.top;\n\n    // Get container dimensions to check if we're near the edge\n    const containerWidth = container.width;\n    const containerHeight = container.height;\n\n    // Tooltip dimensions approximation (can't get exact dimensions without rendering)\n    const tooltipWidth = 150; // Approximate width of tooltip\n    const tooltipHeight = 100; // Approximate height of tooltip\n\n    // Calculate position with edge detection\n    let tooltipX = x;\n    const tooltipY = y;\n\n    // Check if we're too close to the right edge\n    const rightEdgeDistance = containerWidth - x;\n    if (rightEdgeDistance < tooltipWidth + 20) {\n      // Place tooltip to the left of the cursor with no gap\n      tooltipX = x - tooltipWidth + 30; // Overlap more with cursor position\n    }\n\n    // // Check if we're too close to the bottom edge\n    // const bottomEdgeDistance = containerHeight - y;\n    // if (bottomEdgeDistance < tooltipHeight + 10) {\n    //   // Move tooltip up if near bottom edge\n    //   tooltipY = y - tooltipHeight;\n    // }\n\n    this._tooltipPosition.set({\n      x: tooltipX,\n      y: tooltipY,\n    });\n    this.cdr.detectChanges();\n  }\n\n  /**\n   * Toggles the visibility of a segment\n   */\n  private toggleSegmentVisibility(id: string): void {\n    if (this.hiddenSegments.has(id)) {\n      this.hiddenSegments.delete(id);\n    } else {\n      this.hiddenSegments.add(id);\n    }\n\n    // Hide tooltip when toggling segments\n    this._tooltipVisible.set(false);\n\n    this.updateChart();\n  }\n\n  /**\n   * Adds center display with total value\n   */\n  private addCenterDisplay(total: number): void {\n    if (!this.svg) return;\n\n    // Calculate appropriate font sizes based on chart dimensions\n    const chartContainerWidth = this.chartContainerEl().nativeElement.clientWidth;\n    const baseFontSize = Math.max(1.4, Math.min(2.4, chartContainerWidth / 200)); // Scale between 1.4rem and 2.4rem\n    const subTextFontSize = baseFontSize * 0.5;\n\n    // Create group for the total display\n    const totalDisplay = this.svg\n      .append('g')\n      .attr('class', 'ax-donut-chart-total-display')\n      .attr('text-anchor', 'middle');\n\n    // Add total value\n    totalDisplay\n      .append('text')\n      .attr('class', 'ax-donut-chart-total-value')\n      .style('font-size', `${baseFontSize}rem`)\n      .style('font-weight', '600')\n      .style('fill', 'rgb(var(--ax-comp-donut-chart-value-color))')\n      .text(total.toLocaleString());\n\n    // Add label\n    totalDisplay\n      .append('text')\n      .attr('class', 'ax-donut-chart-total-label')\n      .attr('dy', '1.4em')\n      .style('font-size', `${subTextFontSize}rem`)\n      .style('fill', 'rgb(var(--ax-comp-donut-chart-value-color))')\n      .style('opacity', '0.8')\n      .text('Total');\n  }\n\n  /**\n   * Handles chart rendering errors\n   */\n  private handleChartError(): void {\n    const container = this.chartContainerEl()?.nativeElement;\n    if (container) {\n      this.showNoDataMessage();\n    }\n  }\n\n  /**\n   * Cleans up chart resources\n   */\n  private cleanupChart(): void {\n    if (this.svg) {\n      this.d3.select(this.chartContainerEl()?.nativeElement).selectAll('svg').remove();\n      this.svg = null;\n      this.pieData = [];\n    }\n    this.hiddenSegments.clear();\n    this._tooltipVisible.set(false);\n  }\n\n  /**\n   * Gets an accessibility label describing the donut chart for screen readers\n   */\n  protected getAccessibilityLabel(): string {\n    const data = this.chartDataArray();\n\n    if (!data || data.length === 0) {\n      return 'Empty donut chart. No data available.';\n    }\n\n    // Calculate total\n    const total = data.reduce((sum, item) => sum + item.value, 0);\n\n    // Generate a description of the chart with percentages\n    const segmentDescriptions = data\n      .map((segment) => {\n        const percentage = ((segment.value / total) * 100).toFixed(1);\n        return `${segment.name}: ${segment.value} (${percentage}%)`;\n      })\n      .join('; ');\n\n    return `Donut chart with ${data.length} segments. Total value: ${total}. ${segmentDescriptions}`;\n  }\n}\n","<div class=\"ax-donut-chart\" #chartContainer role=\"img\" [attr.aria-label]=\"getAccessibilityLabel()\" tabindex=\"0\">\n  <!-- 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-donut-chart.mjs","sources":["../../../../packages/charts/donut-chart/src/lib/donut-chart.config.ts","../../../../packages/charts/donut-chart/src/lib/donut-chart.component.ts","../../../../packages/charts/donut-chart/src/lib/donut-chart.component.html","../../../../packages/charts/donut-chart/src/acorex-charts-donut-chart.ts"],"sourcesContent":["import { AX_GLOBAL_CONFIG } from '@acorex/core/config';\nimport { InjectionToken, inject } from '@angular/core';\nimport { set } from 'lodash-es';\nimport { AXDonutChartOption } from './donut-chart.type';\n\nexport const AXDonutChartDefaultConfig: AXDonutChartOption = {\n  showTooltip: true,\n  showDataLabels: true,\n  donutWidth: 35,\n  cornerRadius: 4,\n  animationDuration: 800,\n  animationEasing: 'cubic-out',\n};\n\nexport const AX_DONUT_CHART_CONFIG = new InjectionToken<AXDonutChartOption>('AX_DONUT_CHART_CONFIG', {\n  providedIn: 'root',\n  factory: () => {\n    const global = inject(AX_GLOBAL_CONFIG);\n    set(global, 'chart.donutChart', AXDonutChartDefaultConfig);\n    return AXDonutChartDefaultConfig;\n  },\n});\n\nexport type PartialDonutChartConfig = Partial<AXDonutChartOption>;\n\nexport function donutChartConfig(config: PartialDonutChartConfig = {}): AXDonutChartOption {\n  const result = {\n    ...AXDonutChartDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXChartTooltipComponent, AXChartTooltipData } from '@acorex/charts/chart-tooltip';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\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_DONUT_CHART_CONFIG } from './donut-chart.config';\nimport { AXDonutChartData, AXDonutChartOption, AXDonutChartValue } from './donut-chart.type';\n\nexport const AXDonutChartColors = {\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 || AXDonutChartColors.defaultColors;\n    return palette[index % palette.length];\n  },\n};\n\n/**\n * Donut Chart Component\n * Displays data in a circular donut chart with interactive segments\n */\n@Component({\n  selector: 'ax-donut-chart',\n  templateUrl: './donut-chart.component.html',\n  styleUrls: ['./donut-chart.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  imports: [CommonModule, AXChartTooltipComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXDonutChartComponent implements OnDestroy {\n  // Dependency Injection\n  private cdr = inject(ChangeDetectorRef);\n\n  // Inputs\n  /** Chart data input */\n  data = input<AXDonutChartValue>([]);\n\n  /** Chart options input */\n  options = input<AXDonutChartOption>({});\n\n  // Outputs\n  /** Emitted when a segment is clicked */\n  segmentClick = output<AXDonutChartData>();\n\n  /** Emitted when a segment has mouse hover\n   * Can be used by external elements to highlight this segment\n   */\n  segmentHover = output<AXDonutChartData | null>();\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 SVG reference\n  private svg!: any;\n  private pieData: any[] = [];\n\n  // State management\n  private hiddenSegments = new Set<string>();\n  private _initialized = signal(false);\n  private _rendered = 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  // Public computed properties for the template\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_DONUT_CHART_CONFIG);\n\n  // Computed configuration options\n  protected effectiveOptions = computed(() => {\n    return {\n      ...this.configToken,\n      ...this.options(),\n    };\n  });\n\n  // Data accessor for handling different incoming data formats\n  protected chartDataArray = computed((): AXDonutChartData[] => {\n    return this.data() || [];\n  });\n\n  // Color accessor method\n  protected getColor(index: number): string {\n    return AXDonutChartColors.getColor(index);\n  }\n\n  // Segment visibility check\n  protected isSegmentHidden(id: string): boolean {\n    return this.hiddenSegments.has(id);\n  }\n\n  constructor() {\n    // Dynamically load D3 and initialize the chart when the component is ready\n    afterNextRender(() => {\n      this._initialized.set(true);\n      this.loadD3();\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  /**\n   * Highlights a specific segment by ID\n   * @param id The segment ID to highlight, or null to clear highlight\n   */\n  highlightSegment(id: string | null): void {\n    if (!this.svg) return;\n\n    // Reset all segments first\n    this.svg\n      .selectAll('path')\n      .classed('ax-donut-chart-highlighted', false)\n      .classed('ax-donut-chart-dimmed', false)\n      .attr('transform', 'scale(1)');\n\n    if (id !== null) {\n      // Highlight the target segment\n      this.svg\n        .selectAll('path')\n        .filter((d: any) => d?.data?.id === id)\n        .classed('ax-donut-chart-highlighted', true)\n        .attr('transform', 'scale(1.02)');\n\n      // Dim other segments\n      this.svg\n        .selectAll('path')\n        .filter((d: any) => d?.data?.id !== id)\n        .classed('ax-donut-chart-dimmed', true);\n    }\n\n    this.cdr.detectChanges();\n  }\n\n  /**\n   * Toggles visibility of a segment by ID\n   * @param id Segment ID to toggle\n   * @returns New visibility state (true = visible, false = hidden)\n   */\n  toggleSegment(id: string): boolean {\n    this.toggleSegmentVisibility(id);\n    return !this.isSegmentHidden(id);\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  protected onSegmentClick(item: AXDonutChartData): void {\n    // this.toggleSegmentVisibility(item.id);\n    this.segmentClick.emit(item);\n  }\n\n  /**\n   * Creates the donut chart\n   */\n  protected createChart(): void {\n    if (!this.d3 || !this.chartContainerEl()?.nativeElement) return;\n\n    try {\n      const containerElement = this.chartContainerEl().nativeElement;\n\n      this.clearChart(containerElement);\n\n      const data = this.chartDataArray();\n\n      if (!data || data.length === 0) {\n        this.showNoDataMessage();\n        return;\n      }\n\n      // Filter out hidden segments\n      const visibleData = data.filter((item) => !this.hiddenSegments.has(item.id));\n\n      // If all segments are hidden, show message\n      if (visibleData.length === 0) {\n        this.showAllSegmentsHiddenMessage();\n        return;\n      }\n\n      const options = this.effectiveOptions();\n      const { width, height } = this.setupDimensions(containerElement, options);\n      this.renderDonutChart(containerElement, width, height, visibleData);\n    } catch (error) {\n      console.error('Error creating donut chart:', error);\n      this.handleChartError();\n    }\n  }\n\n  /**\n   * Updates the chart with new data\n   */\n  protected updateChart(): void {\n    this.createChart(); // Recreate the chart with updated data\n  }\n\n  /**\n   * Clears the chart container\n   */\n  private clearChart(container: HTMLElement): void {\n    this.d3.select(container).selectAll('svg').remove();\n    this._tooltipVisible.set(false);\n  }\n\n  /**\n   * Shows a message when no data is available\n   */\n  private showNoDataMessage(): void {\n    if (!this.chartContainerEl()?.nativeElement) return;\n\n    // Clear existing contents\n    const container = this.chartContainerEl().nativeElement;\n    this.d3.select(container).selectAll('*').remove();\n\n    const noDataMessage = this.d3\n      .select(container)\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-message ax-bg-lightest ax-text-on-lightest')\n      .style('left', '50%')\n      .style('top', '50%');\n\n    noDataMessage\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-icon')\n      .html('<i class=\"fa-light fa-chart-pie fa-2x\"></i>');\n\n    noDataMessage.append('div').attr('class', 'ax-donut-chart-no-data-text').text('No data available');\n\n    noDataMessage\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-help')\n      .text('Please provide data to display the chart');\n  }\n\n  /**\n   * Shows a message when all segments are hidden\n   */\n  private showAllSegmentsHiddenMessage(): void {\n    if (!this.chartContainerEl()?.nativeElement) return;\n\n    // Clear existing contents\n    const container = this.chartContainerEl().nativeElement;\n    this.d3.select(container).selectAll('svg').remove();\n\n    const noDataMessage = this.d3\n      .select(container)\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-message ax-bg-lightest ax-text-on-lightest')\n      .style('left', '50%')\n      .style('top', '50%');\n\n    noDataMessage\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-icon')\n      .html('<i class=\"fa-light fa-eye-slash fa-2x\"></i>');\n\n    noDataMessage.append('div').attr('class', 'ax-donut-chart-no-data-text').text('All segments are hidden');\n\n    noDataMessage\n      .append('div')\n      .attr('class', 'ax-donut-chart-no-data-help')\n      .text('Please toggle visibility of at least one segment');\n  }\n\n  /**\n   * Setups chart dimensions based on container and options\n   */\n  private setupDimensions(container: HTMLElement, options: AXDonutChartOption): { width: number; height: number } {\n    // Get container dimensions or use defaults\n    const containerWidth = container.clientWidth || 400;\n    const containerHeight = container.clientHeight || 400;\n\n    // Ensure minimum dimensions for the chart\n    const minDim = 200;\n    const width = Math.max(options?.width || containerWidth, minDim);\n    const height = Math.max(options?.height || containerHeight, minDim);\n\n    return { width, height };\n  }\n\n  /**\n   * Renders the donut chart with visible data\n   */\n  private renderDonutChart(\n    container: HTMLElement,\n    width: number,\n    height: number,\n    visibleData: AXDonutChartData[],\n  ): void {\n    const total = visibleData.reduce((sum, item) => sum + item.value, 0);\n\n    // Create SVG container with filters\n    const svg = this.createSvgWithFilters(container, width, height);\n\n    // Create main chart group\n    this.svg = svg.append('g').attr('transform', `translate(${width / 2}, ${height / 2})`);\n\n    // Create donut segments\n    this.createDonutSegments(width, height, visibleData, total);\n\n    // Add total in center\n    this.addCenterDisplay(total);\n  }\n\n  /**\n   * Create SVG element with filter definitions for shadows\n   */\n  private createSvgWithFilters(container: HTMLElement, width: number, height: number): any {\n    const svg = this.d3\n      .select(container)\n      .append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .attr('viewBox', `0 0 ${width} ${height}`)\n      .attr('preserveAspectRatio', 'xMidYMid meet');\n\n    // Add drop shadow filter\n    const defs = svg.append('defs');\n    const filter = defs.append('filter').attr('id', 'ax-donut-chart-segment-shadow').attr('height', '130%');\n\n    filter.append('feGaussianBlur').attr('in', 'SourceAlpha').attr('stdDeviation', 2).attr('result', 'blur');\n    filter.append('feOffset').attr('in', 'blur').attr('dx', 1).attr('dy', 1).attr('result', 'offsetBlur');\n\n    const feComponentTransfer = filter\n      .append('feComponentTransfer')\n      .attr('in', 'offsetBlur')\n      .attr('result', 'offsetBlur');\n\n    feComponentTransfer.append('feFuncA').attr('type', 'linear').attr('slope', 0.3);\n\n    const feMerge = filter.append('feMerge');\n    feMerge.append('feMergeNode').attr('in', 'offsetBlur');\n    feMerge.append('feMergeNode').attr('in', 'SourceGraphic');\n\n    return svg;\n  }\n\n  /**\n   * Create and render the donut segments with animations\n   */\n  private createDonutSegments(chartWidth: number, chartHeight: number, data: AXDonutChartData[], total: number): void {\n    // Create pie layout\n    const pie = this.d3\n      .pie<AXDonutChartData>()\n      .value((d) => d.value)\n      .sort(null)\n      .padAngle(0.02);\n\n    // Calculate the radius of the donut chart\n    const radius = (Math.min(chartWidth, chartHeight) / 2) * 0.85;\n\n    // Calculate inner radius based on donutWidth percentage\n    const donutWidthPercent = this.effectiveOptions().donutWidth / 100;\n    const innerRadius = radius * (1 - donutWidthPercent);\n\n    // Create arc generator with the configured radius and corner radius\n    const arc = this.d3\n      .arc()\n      .innerRadius(innerRadius)\n      .outerRadius(radius * 0.95)\n      .cornerRadius(this.effectiveOptions().cornerRadius);\n\n    // Create hover arc for animation\n    const hoverArc = this.d3\n      .arc()\n      .innerRadius(innerRadius)\n      .outerRadius(radius + 10)\n      .cornerRadius(this.effectiveOptions().cornerRadius);\n\n    // Create label arc generator for placing labels (middle of the donut ring)\n    const labelArc = this.d3\n      .arc()\n      .innerRadius(innerRadius + (radius * 0.95 - innerRadius) / 2)\n      .outerRadius(innerRadius + (radius * 0.95 - innerRadius) / 2);\n\n    // Get animation options\n    const animationDuration = this.effectiveOptions().animationDuration;\n    const animationEasing = this.getEasingFunction(this.effectiveOptions().animationEasing);\n\n    // Generate pie data\n    this.pieData = pie(data);\n\n    // Add segments with animation\n    const segments = this.svg\n      .selectAll('path')\n      .data(this.pieData)\n      .enter()\n      .append('path')\n      .attr('class', 'ax-donut-chart-segment')\n      .attr('fill', (d: any, i: number) => this.getColor(i))\n      .style('opacity', 0)\n      .style('cursor', 'pointer') // Add cursor pointer to segments\n      .on('mouseenter', (event: MouseEvent, d: any) => {\n        if (!this.effectiveOptions().showTooltip) return;\n        this.handleSliceHover(event, d.data);\n      })\n      .on('mouseleave', (event: MouseEvent, d: any) => {\n        this.handleSegmentLeave(event, d, arc);\n      })\n      .on('mousemove', (event: MouseEvent) => {\n        if (this._tooltipVisible()) {\n          this.updateTooltipPosition(event);\n        }\n      })\n      .on('click', (event: MouseEvent, d: any) => {\n        this.onSegmentClick(d.data);\n      });\n\n    // Animate segments\n    segments\n      .transition()\n      .duration(animationDuration)\n      .ease(animationEasing)\n      .delay((d: any, i: number) => i * 50)\n      .style('opacity', 1)\n      .attrTween('d', (d: any) => {\n        const interpolate = this.d3.interpolate({ startAngle: d.startAngle, endAngle: d.startAngle }, d);\n        return (t: number) => arc(interpolate(t)) as string;\n      });\n\n    // Add data labels if enabled\n    if (this.effectiveOptions().showDataLabels) {\n      // Calculate optimal font size based on segment size and chart dimensions\n      const calculateFontSize = (d: any) => {\n        // Calculate angle size in radians for the segment\n        const angleSize = d.endAngle - d.startAngle;\n        // Calculate the segment's percentage of the whole\n        const segmentPercentage = (d.data.value / total) * 100;\n\n        // Base minimum font size on segment size\n        const minFontSize =\n          segmentPercentage < 5\n            ? 0 // Hide very small segments\n            : segmentPercentage < 10\n              ? 8 // Smaller font for small segments\n              : segmentPercentage < 15\n                ? 9 // Medium font for medium segments\n                : 10; // Regular font for large segments\n\n        // Adjust font size based on chart size\n        return Math.min(Math.max(minFontSize, (angleSize * radius) / 10), 12);\n      };\n\n      // Format percentage value with appropriate precision\n      const formatPercentage = (value: number) => {\n        if (value < 1) return '<1%';\n        if (value < 10) return `${value.toFixed(1)}%`;\n        return `${Math.round(value)}%`;\n      };\n\n      const labels = this.svg\n        .selectAll('.ax-donut-chart-data-label')\n        .data(this.pieData)\n        .enter()\n        .append('text')\n        .attr('class', 'ax-donut-chart-data-label')\n        .style('opacity', 0)\n        .style('fill', 'rgb(var(--ax-comp-donut-chart-data-labels-color))')\n        .attr('transform', (d) => {\n          // Calculate the centroid position for the label\n          const centroid = labelArc.centroid(d);\n          return `translate(${centroid[0]}, ${centroid[1]})`;\n        })\n        .attr('text-anchor', 'middle')\n        .attr('dominant-baseline', 'middle')\n        .style('font-size', (d) => `${calculateFontSize(d)}px`)\n        .style('font-weight', (d) => ((d.data.value / total) * 100 >= 15 ? '600' : '500'))\n        .text((d) => {\n          // Calculate percentage for labels\n          const percentage = (d.data.value / total) * 100;\n          // Only show if segment is large enough to display text\n          if (percentage < 1) return '';\n          const label = d.data.label || '';\n          const percentageText = formatPercentage(percentage);\n          return label ? `${label} (${percentageText})` : percentageText;\n        });\n\n      // Animate labels\n      labels\n        .transition()\n        .duration(animationDuration)\n        .delay((d: any, i: number) => i * 50 + 200)\n        .style('opacity', 1);\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   * Handle hover effects on a segment\n   */\n  private handleSliceHover(event: MouseEvent, datum: AXDonutChartData): void {\n    if (this.effectiveOptions().showTooltip !== false) {\n      const index = this.data().findIndex((item) => item.id === datum.id);\n      const color = datum.color || AXDonutChartColors.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.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   * Handles mouse leave from segments\n   */\n  private handleSegmentLeave(event: MouseEvent, d: any, normalArc: any): void {\n    // Hide tooltip\n    this._tooltipVisible.set(false);\n    this.cdr.detectChanges();\n\n    // Emit null to indicate no segment is hovered\n    this.segmentHover.emit(null);\n\n    // Remove hover effect\n    this.d3\n      .select(event.currentTarget as HTMLElement)\n      .transition()\n      .duration(200)\n      .attr('d', (d) => normalArc(d));\n  }\n\n  /**\n   * Updates tooltip position\n   * Ensures the tooltip is visible by adjusting position when near edges\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    const cursorX = event.clientX - container.left;\n    const cursorY = event.clientY - container.top;\n    const gap = 20; // Gap between cursor and tooltip\n\n    // Position tooltip to the right by default\n    let x = cursorX + gap / 3;\n\n    // If tooltip would go off the right edge, position it to the left\n    if (x + tooltipRect.width > container.width) {\n      x = cursorX - tooltipRect.width - gap;\n    }\n\n    // Keep tooltip within container bounds\n    x = Math.max(gap, Math.min(x, container.width - tooltipRect.width - gap));\n    const y = Math.max(gap, Math.min(cursorY, container.height - tooltipRect.height - gap));\n\n    this._tooltipPosition.set({ x, y });\n  }\n\n  /**\n   * Toggles the visibility of a segment\n   */\n  private toggleSegmentVisibility(id: string): void {\n    if (this.hiddenSegments.has(id)) {\n      this.hiddenSegments.delete(id);\n    } else {\n      this.hiddenSegments.add(id);\n    }\n\n    // Hide tooltip when toggling segments\n    this._tooltipVisible.set(false);\n\n    this.updateChart();\n  }\n\n  /**\n   * Adds center display with total value\n   */\n  private addCenterDisplay(total: number): void {\n    if (!this.svg) return;\n\n    // Calculate appropriate font sizes based on chart dimensions\n    const chartContainerWidth = this.chartContainerEl().nativeElement.clientWidth;\n    const baseFontSize = Math.max(1.4, Math.min(2.4, chartContainerWidth / 200)); // Scale between 1.4rem and 2.4rem\n    const subTextFontSize = baseFontSize * 0.5;\n\n    // Create group for the total display\n    const totalDisplay = this.svg\n      .append('g')\n      .attr('class', 'ax-donut-chart-total-display')\n      .attr('text-anchor', 'middle');\n\n    // Add total value\n    totalDisplay\n      .append('text')\n      .attr('class', 'ax-donut-chart-total-value')\n      .style('font-size', `${baseFontSize}rem`)\n      .style('font-weight', '600')\n      .style('fill', 'rgb(var(--ax-comp-donut-chart-value-color))')\n      .text(total.toLocaleString());\n\n    // Add label\n    totalDisplay\n      .append('text')\n      .attr('class', 'ax-donut-chart-total-label')\n      .attr('dy', '1.4em')\n      .style('font-size', `${subTextFontSize}rem`)\n      .style('fill', 'rgb(var(--ax-comp-donut-chart-value-color))')\n      .style('opacity', '0.8')\n      .text('Total');\n  }\n\n  /**\n   * Handles chart rendering errors\n   */\n  private handleChartError(): void {\n    const container = this.chartContainerEl()?.nativeElement;\n    if (container) {\n      this.showNoDataMessage();\n    }\n  }\n\n  /**\n   * Cleans up chart resources\n   */\n  private cleanupChart(): void {\n    if (this.svg) {\n      this.d3.select(this.chartContainerEl()?.nativeElement).selectAll('svg').remove();\n      this.svg = null;\n      this.pieData = [];\n    }\n    this.hiddenSegments.clear();\n    this._tooltipVisible.set(false);\n  }\n\n  /**\n   * Gets an accessibility label describing the donut chart for screen readers\n   */\n  protected getAccessibilityLabel(): string {\n    const data = this.chartDataArray();\n\n    if (!data || data.length === 0) {\n      return 'Empty donut chart. No data available.';\n    }\n\n    // Calculate total\n    const total = data.reduce((sum, item) => sum + item.value, 0);\n\n    // Generate a description of the chart with percentages\n    const segmentDescriptions = data\n      .map((segment) => {\n        const percentage = ((segment.value / total) * 100).toFixed(1);\n        return `${segment.label}: ${segment.value} (${percentage}%)`;\n      })\n      .join('; ');\n\n    return `Donut chart with ${data.length} segments. Total value: ${total}. ${segmentDescriptions}`;\n  }\n}\n","<div class=\"ax-donut-chart\" #chartContainer role=\"img\" [attr.aria-label]=\"getAccessibilityLabel()\" tabindex=\"0\">\n  <!-- 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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"}

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

@@ -671,12 +671,12 @@ class AXGaugeChartComponent {
     radiansToDegrees(radians) {
         return radians * (180 / Math.PI);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AXGaugeChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.10", type: AXGaugeChartComponent, isStandalone: true, selector: "ax-gauge-chart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "chartContainerEl", first: true, predicate: ["chartContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-gauge-chart\" #chartContainer></div>\n<ax-chart-tooltip [data]=\"tooltipData()\" [position]=\"tooltipPosition()\" [visible]=\"tooltipVisible()\"></ax-chart-tooltip>\n", styles: ["ax-gauge-chart{display:block;width:100%;height:100%;min-height:200px;--ax-comp-gauge-chart-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-gauge-chart-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-gauge-chart-track-color: var(--ax-sys-color-dark-surface);--ax-comp-gauge-chart-needle-color: var(--ax-sys-color-primary-500)}.ax-gauge-chart{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;color:rgb(var(--ax-comp-gauge-chart-text-color));background-color:rgb(var(--ax-comp-gauge-chart-bg-color));border-radius:.5rem}svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.ax-gauge-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-comp-gauge-chart-text-color));background-color:rgb(var(--ax-comp-gauge-chart-bg-color))}.ax-gauge-chart-no-data-icon{margin-bottom:.75rem;color:rgba(var(--ax-comp-gauge-chart-text-color),.6)}.ax-gauge-chart-no-data-text{font-weight:600;color:rgb(var(--ax-comp-gauge-chart-text-color))}\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.11", ngImport: i0, type: AXGaugeChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.11", type: AXGaugeChartComponent, isStandalone: true, selector: "ax-gauge-chart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "chartContainerEl", first: true, predicate: ["chartContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-gauge-chart\" #chartContainer></div>\n<ax-chart-tooltip [data]=\"tooltipData()\" [position]=\"tooltipPosition()\" [visible]=\"tooltipVisible()\"></ax-chart-tooltip>\n", styles: ["ax-gauge-chart{display:block;width:100%;height:100%;min-height:200px;--ax-comp-gauge-chart-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-gauge-chart-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-gauge-chart-track-color: var(--ax-sys-color-dark-surface);--ax-comp-gauge-chart-needle-color: var(--ax-sys-color-primary-500)}ax-gauge-chart .ax-gauge-chart{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;color:rgb(var(--ax-comp-gauge-chart-text-color));background-color:rgb(var(--ax-comp-gauge-chart-bg-color));border-radius:.5rem}ax-gauge-chart .ax-gauge-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}ax-gauge-chart .ax-gauge-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-comp-gauge-chart-text-color));background-color:rgb(var(--ax-comp-gauge-chart-bg-color))}ax-gauge-chart .ax-gauge-chart-no-data-icon{margin-bottom:.75rem;color:rgba(var(--ax-comp-gauge-chart-text-color),.6)}ax-gauge-chart .ax-gauge-chart-no-data-text{font-weight:600;color:rgb(var(--ax-comp-gauge-chart-text-color))}\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: AXGaugeChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AXGaugeChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-gauge-chart', encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXChartTooltipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-gauge-chart\" #chartContainer></div>\n<ax-chart-tooltip [data]=\"tooltipData()\" [position]=\"tooltipPosition()\" [visible]=\"tooltipVisible()\"></ax-chart-tooltip>\n", styles: ["ax-gauge-chart{display:block;width:100%;height:100%;min-height:200px;--ax-comp-gauge-chart-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-gauge-chart-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-gauge-chart-track-color: var(--ax-sys-color-dark-surface);--ax-comp-gauge-chart-needle-color: var(--ax-sys-color-primary-500)}.ax-gauge-chart{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;color:rgb(var(--ax-comp-gauge-chart-text-color));background-color:rgb(var(--ax-comp-gauge-chart-bg-color));border-radius:.5rem}svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}.ax-gauge-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-comp-gauge-chart-text-color));background-color:rgb(var(--ax-comp-gauge-chart-bg-color))}.ax-gauge-chart-no-data-icon{margin-bottom:.75rem;color:rgba(var(--ax-comp-gauge-chart-text-color),.6)}.ax-gauge-chart-no-data-text{font-weight:600;color:rgb(var(--ax-comp-gauge-chart-text-color))}\n"] }]
+            args: [{ selector: 'ax-gauge-chart', encapsulation: ViewEncapsulation.None, imports: [CommonModule, AXChartTooltipComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ax-gauge-chart\" #chartContainer></div>\n<ax-chart-tooltip [data]=\"tooltipData()\" [position]=\"tooltipPosition()\" [visible]=\"tooltipVisible()\"></ax-chart-tooltip>\n", styles: ["ax-gauge-chart{display:block;width:100%;height:100%;min-height:200px;--ax-comp-gauge-chart-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-gauge-chart-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-gauge-chart-track-color: var(--ax-sys-color-dark-surface);--ax-comp-gauge-chart-needle-color: var(--ax-sys-color-primary-500)}ax-gauge-chart .ax-gauge-chart{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;color:rgb(var(--ax-comp-gauge-chart-text-color));background-color:rgb(var(--ax-comp-gauge-chart-bg-color));border-radius:.5rem}ax-gauge-chart .ax-gauge-chart svg{width:100%;height:100%;max-width:100%;max-height:100%;overflow:visible}ax-gauge-chart .ax-gauge-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-comp-gauge-chart-text-color));background-color:rgb(var(--ax-comp-gauge-chart-bg-color))}ax-gauge-chart .ax-gauge-chart-no-data-icon{margin-bottom:.75rem;color:rgba(var(--ax-comp-gauge-chart-text-color),.6)}ax-gauge-chart .ax-gauge-chart-no-data-text{font-weight:600;color:rgb(var(--ax-comp-gauge-chart-text-color))}\n"] }]
         }], ctorParameters: () => [] });
 
 /**