@acorex/charts 21.0.3-next.8 → 21.1.0-next.0

package/fesm2022/acorex-charts.mjs

@@ -82,6 +82,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Directive
         }] });
 
+/**
+ * Renders a centered empty-state message inside a chart container.
+ * Clears prior SVG / empty-state nodes; leaves Angular tooltip hosts alone.
+ */
+function renderChartEmptyMessage(d3, container, message) {
+    const root = d3.select(container);
+    root.selectAll('svg, .ax-chart-empty').remove();
+    const card = root.append('div').attr('class', 'ax-chart-empty').append('div').attr('class', 'ax-chart-empty__card');
+    card
+        .append('div')
+        .attr('class', 'ax-chart-empty__icon')
+        .html(`<i class="${message.icon} fa-2x" aria-hidden="true"></i>`);
+    card.append('div').attr('class', 'ax-chart-empty__title').text(message.title);
+    if (message.help) {
+        card.append('div').attr('class', 'ax-chart-empty__help').text(message.help);
+    }
+}
+
+const AX_CHART_DEFAULT_MESSAGES = {
+    noData: 'No data available',
+    noDataHelp: 'Please provide data to display the chart',
+    allHidden: 'All series are hidden',
+    allHiddenHelp: 'Click on legend items to show them',
+    noDataIcon: 'fa-light fa-chart-simple',
+    allHiddenIcon: 'fa-light fa-eye-slash',
+};
+function mergeChartMessages(defaults = {}, overrides) {
+    return {
+        ...AX_CHART_DEFAULT_MESSAGES,
+        ...defaults,
+        ...overrides,
+    };
+}
+/** Shallow merge options while preserving nested margin/messages defaults. */
+function mergeChartOptions(defaults, options) {
+    const opts = (options ?? {});
+    const result = { ...defaults, ...opts };
+    const defaultRecord = defaults;
+    const optionRecord = opts;
+    if (defaultRecord.messages || optionRecord.messages) {
+        result.messages = mergeChartMessages(defaultRecord.messages, optionRecord.messages);
+    }
+    if (defaultRecord.margins || optionRecord.margins) {
+        result.margins = { ...defaultRecord.margins, ...optionRecord.margins };
+    }
+    if (defaultRecord.margin || optionRecord.margin) {
+        result.margin = { ...defaultRecord.margin, ...optionRecord.margin };
+    }
+    return result;
+}
+
 /**
  * Resolves any CSS `<color>` the browser understands — including
  * `rgb(var(--token))`, `hsl(var(--token))`, `color-mix()`, etc. — to a computed
@@ -211,6 +262,19 @@ function getEasingFunction(d3, option) {
     const easing = d3[name];
     return typeof easing === 'function' ? easing : d3.easeCubicOut;
 }
+/** Unique DOM id prefix per chart instance (SVG filters/gradients). */
+function createChartInstanceId(prefix = 'ax-chart') {
+    return `${prefix}-${Math.random().toString(36).slice(2, 9)}`;
+}
+/**
+ * Normalizes barWidth: values > 1 are treated as 0–100 percentages (config default 80),
+ * values ≤ 1 as fractions.
+ */
+function resolveBarWidthFraction(barWidth, fallbackPercent = 80) {
+    const raw = barWidth ?? fallbackPercent;
+    const fraction = raw > 1 ? raw / 100 : raw;
+    return Math.min(1, Math.max(0.05, fraction));
+}
 
 const AX_CHARTS = 'ACOREX_CHARTS';
 
@@ -218,5 +282,5 @@ const AX_CHARTS = 'ACOREX_CHARTS';
  * Generated bundle index. Do not edit.
  */
 
-export { AXChartComponent, AX_CHARTS, AX_CHART_COLOR_PALETTE, computeTooltipPosition, formatLargeNumber, getChartColor, getEasingFunction, mapEasingName, resolveCssColorInContext };
+export { AXChartComponent, AX_CHARTS, AX_CHART_COLOR_PALETTE, AX_CHART_DEFAULT_MESSAGES, computeTooltipPosition, createChartInstanceId, formatLargeNumber, getChartColor, getEasingFunction, mapEasingName, mergeChartMessages, mergeChartOptions, renderChartEmptyMessage, resolveBarWidthFraction, resolveCssColorInContext };
 //# sourceMappingURL=acorex-charts.mjs.map

package/fesm2022/acorex-charts.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-charts.mjs","sources":["../../../../packages/charts/src/lib/chart-colors.ts","../../../../packages/charts/src/lib/chart-component-base.ts","../../../../packages/charts/src/lib/chart-utils.ts","../../../../packages/charts/src/index.ts","../../../../packages/charts/src/acorex-charts.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n// Default color palette for charts\nexport const AX_CHART_COLOR_PALETTE = new InjectionToken<string[]>(\n  'AX_CHART_COLOR_PALETTE',\n  {\n    providedIn: 'root',\n    factory: () => [\n      '#FF6B6B', // Vibrant Red\n      '#4ECDC4', // Electric Teal\n      '#45B7D1', // Bright Blue\n      '#96CEB4', // Fresh Green\n      '#FFEEAD', // Bright Yellow\n      '#D4A5A5', // Rose Pink\n      '#9B59B6', // Rich Purple\n      '#3498DB', // Deep Blue\n      '#E67E22', // Bright Orange\n      '#2ECC71', // Emerald Green\n      '#E74C3C', // Cherry Red\n      '#1ABC9C', // Turquoise\n      '#F1C40F', // Golden Yellow\n      '#8E44AD', // Deep Purple\n      '#16A085', // Dark Teal\n\n      // --- Extended Colors (new) ---\n      '#27AE60', // Forest Green\n      '#2980B9', // Strong Blue\n      '#F39C12', // Vivid Orange\n      '#C0392B', // Dark Red\n      '#7D3C98', // Plum Purple\n      '#2C3E50', // Midnight Blue\n      '#D35400', // Burnt Orange\n      '#BDC3C7', // Soft Silver\n      '#34495E', // Slate Gray\n      '#1F618D', // Royal Blue\n      '#58D68D', // Mint Green\n      '#5DADE2', // Sky Blue\n      '#F1948A', // Soft Coral\n      '#A569BD', // Lavender Purple\n      '#F8C471', // Warm Gold\n    ],\n  }\n);\n\n\n/**\n * Helper function to get a color from the palette by index\n * @param index The index of the color to get\n * @param palette The color palette to use\n * @returns The color at the specified index\n */\nexport function getChartColor(index: number, palette: string[]): string {\n  return palette[index % palette.length];\n}\n","import { afterNextRender, Directive, ElementRef, inject, signal } from '@angular/core';\n\n/**\n * Base component class for all chart components\n * Copied from @acorex/cdk/common NXComponent to remove external dependency\n */\n@Directive()\nexport abstract class AXChartComponent {\n  #elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  #isRendered = signal(false);\n\n  protected isRendered = this.#isRendered.asReadonly();\n\n  #afterNextRender = afterNextRender(() => {\n    if (!this.isRendered()) {\n      this.nativeElement['__axContext__'] = this;\n      this.#isRendered.set(true);\n    }\n  });\n\n  /**\n   * Gets the native HTML element of the component\n   */\n  public get nativeElement(): HTMLElement {\n    return this.#elementRef.nativeElement;\n  }\n\n  /**\n   * Gets the host HTML element of the component (alias for nativeElement)\n   * @returns T - The native DOM element associated with this component\n   */\n  public getHostElement<T = HTMLElement>(): T {\n    return this.#elementRef.nativeElement as T;\n  }\n}\n","export type TooltipPosition = { x: number; y: number };\n\n/**\n * Resolves any CSS `<color>` the browser understands — including\n * `rgb(var(--token))`, `hsl(var(--token))`, `color-mix()`, etc. — to a computed\n * `rgb()` / `rgba()` string, using the cascade from `scopeElement` (e.g. the chart\n * container) so design tokens on ancestors apply.\n */\nexport function resolveCssColorInContext(scopeElement: HTMLElement, cssColor: string): string {\n  if (typeof window === 'undefined' || typeof document === 'undefined' || !getComputedStyle) {\n    return cssColor;\n  }\n  const input = cssColor?.trim();\n  if (!input) {\n    return cssColor;\n  }\n\n  const probe = document.createElement('span');\n  probe.style.cssText =\n    'position:absolute;left:-9999px;top:-9999px;visibility:hidden;pointer-events:none;';\n  probe.style.color = input;\n  scopeElement.appendChild(probe);\n  void probe.offsetHeight;\n  const resolved = getComputedStyle(probe).color;\n  probe.remove();\n\n  return resolved || cssColor;\n}\n\n/**\n * Compute edge-aware tooltip position with intelligent placement,\n * considering available space in all directions and preventing overflow.\n */\nexport function computeTooltipPosition(\n  containerRect: DOMRect,\n  tooltipRect: DOMRect | null,\n  clientX: number,\n  clientY: number,\n  gap: number,\n): TooltipPosition {\n  const cursorX = clientX - containerRect.left;\n  const cursorY = clientY - containerRect.top;\n\n  if (!tooltipRect) {\n    return {\n      x: Math.min(cursorX + gap, containerRect.width - gap),\n      y: Math.max(gap, Math.min(cursorY, containerRect.height - gap)),\n    };\n  }\n\n  // Calculate available space in each direction\n  const spaceRight = containerRect.width - cursorX;\n  const spaceLeft = cursorX;\n  const spaceBelow = containerRect.height - cursorY;\n  const spaceAbove = cursorY;\n\n  // Determine best horizontal position\n  let x: number;\n  if (spaceRight >= tooltipRect.width + gap) {\n    // Position to the right of cursor\n    x = cursorX + gap;\n  } else if (spaceLeft >= tooltipRect.width + gap) {\n    // Position to the left of cursor\n    x = cursorX - tooltipRect.width - gap;\n  } else {\n    // Center horizontally if neither side has enough space\n    x = Math.max(\n      gap,\n      Math.min((containerRect.width - tooltipRect.width) / 2, containerRect.width - tooltipRect.width - gap),\n    );\n  }\n\n  // Determine best vertical position\n  let y: number;\n  if (spaceBelow >= tooltipRect.height + gap) {\n    // Position below cursor\n    y = cursorY + gap;\n  } else if (spaceAbove >= tooltipRect.height + gap) {\n    // Position above cursor\n    y = cursorY - tooltipRect.height - gap;\n  } else {\n    // Center vertically if neither direction has enough space\n    y = Math.max(\n      gap,\n      Math.min((containerRect.height - tooltipRect.height) / 2, containerRect.height - tooltipRect.height - gap),\n    );\n  }\n\n  // Ensure tooltip stays within container bounds\n  x = Math.max(gap, Math.min(x, containerRect.width - tooltipRect.width - gap));\n  y = Math.max(gap, Math.min(y, containerRect.height - tooltipRect.height - gap));\n\n  return { x, y };\n}\n\n/**\n * Map easing option to d3 easing function name that callers can lookup on d3.\n * Keeps mapping consistent across charts.\n */\nexport type D3EasingName =\n  | 'easeLinear'\n  | 'easePolyInOut'\n  | 'easePolyIn'\n  | 'easePolyOut'\n  | 'easeCubic'\n  | 'easeCubicIn'\n  | 'easeCubicOut'\n  | 'easeCubicInOut';\n\nexport function mapEasingName(option?: string): D3EasingName {\n  switch (option) {\n    case 'linear':\n      return 'easeLinear';\n    case 'ease':\n      return 'easePolyInOut';\n    case 'ease-in':\n      return 'easePolyIn';\n    case 'ease-out':\n      return 'easePolyOut';\n    case 'ease-in-out':\n      return 'easePolyInOut';\n    case 'cubic':\n      return 'easeCubic';\n    case 'cubic-in':\n      return 'easeCubicIn';\n    case 'cubic-out':\n      return 'easeCubicOut';\n    case 'cubic-in-out':\n      return 'easeCubicInOut';\n    default:\n      return 'easeCubicOut';\n  }\n}\n\n/**\n * Formats large numbers with abbreviations (K, M, B, T)\n */\nexport function formatLargeNumber(value: number): string {\n  if (value === 0) return '0';\n\n  const absValue = Math.abs(value);\n  const sign = value < 0 ? '-' : '';\n\n  if (absValue >= 1e12) {\n    return `${sign}${(absValue / 1e12).toFixed(1)}T`;\n  }\n  if (absValue >= 1e9) {\n    return `${sign}${(absValue / 1e9).toFixed(1)}B`;\n  }\n  if (absValue >= 1e6) {\n    return `${sign}${(absValue / 1e6).toFixed(1)}M`;\n  }\n  if (absValue >= 1e3) {\n    return `${sign}${(absValue / 1e3).toFixed(1)}K`;\n  }\n\n  return value.toLocaleString();\n}\n\n/**\n * Returns a D3 easing function for the provided option.\n */\nexport function getEasingFunction(d3: typeof import('d3'), option?: string): (t: number) => number {\n  const name = mapEasingName(option);\n  const easing = (d3 as any)[name];\n  return typeof easing === 'function' ? easing : (d3 as any).easeCubicOut;\n}\n","export const AX_CHARTS = 'ACOREX_CHARTS';\nexport * from './lib/chart-base.interface';\nexport * from './lib/chart-colors';\nexport * from './lib/chart-component-base';\nexport * from './lib/chart-types';\nexport * from './lib/chart-utils';\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.mjs","sources":["../../../../packages/charts/src/lib/chart-colors.ts","../../../../packages/charts/src/lib/chart-component-base.ts","../../../../packages/charts/src/lib/chart-empty-state.ts","../../../../packages/charts/src/lib/chart-messages.ts","../../../../packages/charts/src/lib/chart-utils.ts","../../../../packages/charts/src/index.ts","../../../../packages/charts/src/acorex-charts.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n// Default color palette for charts\nexport const AX_CHART_COLOR_PALETTE = new InjectionToken<string[]>(\n  'AX_CHART_COLOR_PALETTE',\n  {\n    providedIn: 'root',\n    factory: () => [\n      '#FF6B6B', // Vibrant Red\n      '#4ECDC4', // Electric Teal\n      '#45B7D1', // Bright Blue\n      '#96CEB4', // Fresh Green\n      '#FFEEAD', // Bright Yellow\n      '#D4A5A5', // Rose Pink\n      '#9B59B6', // Rich Purple\n      '#3498DB', // Deep Blue\n      '#E67E22', // Bright Orange\n      '#2ECC71', // Emerald Green\n      '#E74C3C', // Cherry Red\n      '#1ABC9C', // Turquoise\n      '#F1C40F', // Golden Yellow\n      '#8E44AD', // Deep Purple\n      '#16A085', // Dark Teal\n\n      // --- Extended Colors (new) ---\n      '#27AE60', // Forest Green\n      '#2980B9', // Strong Blue\n      '#F39C12', // Vivid Orange\n      '#C0392B', // Dark Red\n      '#7D3C98', // Plum Purple\n      '#2C3E50', // Midnight Blue\n      '#D35400', // Burnt Orange\n      '#BDC3C7', // Soft Silver\n      '#34495E', // Slate Gray\n      '#1F618D', // Royal Blue\n      '#58D68D', // Mint Green\n      '#5DADE2', // Sky Blue\n      '#F1948A', // Soft Coral\n      '#A569BD', // Lavender Purple\n      '#F8C471', // Warm Gold\n    ],\n  }\n);\n\n\n/**\n * Helper function to get a color from the palette by index\n * @param index The index of the color to get\n * @param palette The color palette to use\n * @returns The color at the specified index\n */\nexport function getChartColor(index: number, palette: string[]): string {\n  return palette[index % palette.length];\n}\n","import { afterNextRender, Directive, ElementRef, inject, signal } from '@angular/core';\n\n/**\n * Base component class for all chart components\n * Copied from @acorex/cdk/common NXComponent to remove external dependency\n */\n@Directive()\nexport abstract class AXChartComponent {\n  #elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  #isRendered = signal(false);\n\n  protected isRendered = this.#isRendered.asReadonly();\n\n  #afterNextRender = afterNextRender(() => {\n    if (!this.isRendered()) {\n      this.nativeElement['__axContext__'] = this;\n      this.#isRendered.set(true);\n    }\n  });\n\n  /**\n   * Gets the native HTML element of the component\n   */\n  public get nativeElement(): HTMLElement {\n    return this.#elementRef.nativeElement;\n  }\n\n  /**\n   * Gets the host HTML element of the component (alias for nativeElement)\n   * @returns T - The native DOM element associated with this component\n   */\n  public getHostElement<T = HTMLElement>(): T {\n    return this.#elementRef.nativeElement as T;\n  }\n}\n","export interface AXChartEmptyMessageContent {\n  icon: string;\n  title: string;\n  help?: string;\n}\n\n/**\n * Renders a centered empty-state message inside a chart container.\n * Clears prior SVG / empty-state nodes; leaves Angular tooltip hosts alone.\n */\nexport function renderChartEmptyMessage(\n  d3: { select: (node: HTMLElement) => D3EmptySelection },\n  container: HTMLElement,\n  message: AXChartEmptyMessageContent,\n): void {\n  const root = d3.select(container);\n  root.selectAll('svg, .ax-chart-empty').remove();\n\n  const card = root.append('div').attr('class', 'ax-chart-empty').append('div').attr('class', 'ax-chart-empty__card');\n\n  card\n    .append('div')\n    .attr('class', 'ax-chart-empty__icon')\n    .html(`<i class=\"${message.icon} fa-2x\" aria-hidden=\"true\"></i>`);\n\n  card.append('div').attr('class', 'ax-chart-empty__title').text(message.title);\n\n  if (message.help) {\n    card.append('div').attr('class', 'ax-chart-empty__help').text(message.help);\n  }\n}\n\n/** Minimal D3 selection surface used by empty-state rendering. */\ninterface D3EmptySelection {\n  selectAll: (selector: string) => { remove: () => unknown };\n  append: (tag: string) => D3EmptyAppend;\n}\n\ninterface D3EmptyAppend {\n  attr: (name: string, value: string) => D3EmptyAppend;\n  append: (tag: string) => D3EmptyAppend;\n  html: (value: string) => D3EmptyAppend;\n  text: (value: string) => D3EmptyAppend;\n}\n","/**\n * Shared empty-state copy for all charts.\n * Per-chart configs may override icons; default title/help stay consistent.\n */\nexport interface AXChartMessages {\n  noData?: string;\n  noDataHelp?: string;\n  allHidden?: string;\n  allHiddenHelp?: string;\n  noDataIcon?: string;\n  allHiddenIcon?: string;\n}\n\nexport const AX_CHART_DEFAULT_MESSAGES: Required<AXChartMessages> = {\n  noData: 'No data available',\n  noDataHelp: 'Please provide data to display the chart',\n  allHidden: 'All series are hidden',\n  allHiddenHelp: 'Click on legend items to show them',\n  noDataIcon: 'fa-light fa-chart-simple',\n  allHiddenIcon: 'fa-light fa-eye-slash',\n};\n\nexport function mergeChartMessages(\n  defaults: AXChartMessages = {},\n  overrides?: AXChartMessages,\n): Required<AXChartMessages> {\n  return {\n    ...AX_CHART_DEFAULT_MESSAGES,\n    ...defaults,\n    ...overrides,\n  };\n}\n\n/** Shallow merge options while preserving nested margin/messages defaults. */\nexport function mergeChartOptions<T extends object>(defaults: T, options?: Partial<T> | null): T {\n  const opts = (options ?? {}) as Partial<T>;\n  const result = { ...defaults, ...opts } as T & {\n    messages?: AXChartMessages;\n    margins?: object;\n    margin?: object;\n  };\n\n  const defaultRecord = defaults as {\n    messages?: AXChartMessages;\n    margins?: object;\n    margin?: object;\n  };\n  const optionRecord = opts as {\n    messages?: AXChartMessages;\n    margins?: object;\n    margin?: object;\n  };\n\n  if (defaultRecord.messages || optionRecord.messages) {\n    result.messages = mergeChartMessages(defaultRecord.messages, optionRecord.messages);\n  }\n  if (defaultRecord.margins || optionRecord.margins) {\n    result.margins = { ...defaultRecord.margins, ...optionRecord.margins };\n  }\n  if (defaultRecord.margin || optionRecord.margin) {\n    result.margin = { ...defaultRecord.margin, ...optionRecord.margin };\n  }\n\n  return result;\n}\n","export type TooltipPosition = { x: number; y: number };\n\n/**\n * Resolves any CSS `<color>` the browser understands — including\n * `rgb(var(--token))`, `hsl(var(--token))`, `color-mix()`, etc. — to a computed\n * `rgb()` / `rgba()` string, using the cascade from `scopeElement` (e.g. the chart\n * container) so design tokens on ancestors apply.\n */\nexport function resolveCssColorInContext(scopeElement: HTMLElement, cssColor: string): string {\n  if (typeof window === 'undefined' || typeof document === 'undefined' || !getComputedStyle) {\n    return cssColor;\n  }\n  const input = cssColor?.trim();\n  if (!input) {\n    return cssColor;\n  }\n\n  const probe = document.createElement('span');\n  probe.style.cssText =\n    'position:absolute;left:-9999px;top:-9999px;visibility:hidden;pointer-events:none;';\n  probe.style.color = input;\n  scopeElement.appendChild(probe);\n  void probe.offsetHeight;\n  const resolved = getComputedStyle(probe).color;\n  probe.remove();\n\n  return resolved || cssColor;\n}\n\n/**\n * Compute edge-aware tooltip position with intelligent placement,\n * considering available space in all directions and preventing overflow.\n */\nexport function computeTooltipPosition(\n  containerRect: DOMRect,\n  tooltipRect: DOMRect | null,\n  clientX: number,\n  clientY: number,\n  gap: number,\n): TooltipPosition {\n  const cursorX = clientX - containerRect.left;\n  const cursorY = clientY - containerRect.top;\n\n  if (!tooltipRect) {\n    return {\n      x: Math.min(cursorX + gap, containerRect.width - gap),\n      y: Math.max(gap, Math.min(cursorY, containerRect.height - gap)),\n    };\n  }\n\n  // Calculate available space in each direction\n  const spaceRight = containerRect.width - cursorX;\n  const spaceLeft = cursorX;\n  const spaceBelow = containerRect.height - cursorY;\n  const spaceAbove = cursorY;\n\n  // Determine best horizontal position\n  let x: number;\n  if (spaceRight >= tooltipRect.width + gap) {\n    // Position to the right of cursor\n    x = cursorX + gap;\n  } else if (spaceLeft >= tooltipRect.width + gap) {\n    // Position to the left of cursor\n    x = cursorX - tooltipRect.width - gap;\n  } else {\n    // Center horizontally if neither side has enough space\n    x = Math.max(\n      gap,\n      Math.min((containerRect.width - tooltipRect.width) / 2, containerRect.width - tooltipRect.width - gap),\n    );\n  }\n\n  // Determine best vertical position\n  let y: number;\n  if (spaceBelow >= tooltipRect.height + gap) {\n    // Position below cursor\n    y = cursorY + gap;\n  } else if (spaceAbove >= tooltipRect.height + gap) {\n    // Position above cursor\n    y = cursorY - tooltipRect.height - gap;\n  } else {\n    // Center vertically if neither direction has enough space\n    y = Math.max(\n      gap,\n      Math.min((containerRect.height - tooltipRect.height) / 2, containerRect.height - tooltipRect.height - gap),\n    );\n  }\n\n  // Ensure tooltip stays within container bounds\n  x = Math.max(gap, Math.min(x, containerRect.width - tooltipRect.width - gap));\n  y = Math.max(gap, Math.min(y, containerRect.height - tooltipRect.height - gap));\n\n  return { x, y };\n}\n\n/**\n * Map easing option to d3 easing function name that callers can lookup on d3.\n * Keeps mapping consistent across charts.\n */\nexport type D3EasingName =\n  | 'easeLinear'\n  | 'easePolyInOut'\n  | 'easePolyIn'\n  | 'easePolyOut'\n  | 'easeCubic'\n  | 'easeCubicIn'\n  | 'easeCubicOut'\n  | 'easeCubicInOut';\n\nexport function mapEasingName(option?: string): D3EasingName {\n  switch (option) {\n    case 'linear':\n      return 'easeLinear';\n    case 'ease':\n      return 'easePolyInOut';\n    case 'ease-in':\n      return 'easePolyIn';\n    case 'ease-out':\n      return 'easePolyOut';\n    case 'ease-in-out':\n      return 'easePolyInOut';\n    case 'cubic':\n      return 'easeCubic';\n    case 'cubic-in':\n      return 'easeCubicIn';\n    case 'cubic-out':\n      return 'easeCubicOut';\n    case 'cubic-in-out':\n      return 'easeCubicInOut';\n    default:\n      return 'easeCubicOut';\n  }\n}\n\n/**\n * Formats large numbers with abbreviations (K, M, B, T)\n */\nexport function formatLargeNumber(value: number): string {\n  if (value === 0) return '0';\n\n  const absValue = Math.abs(value);\n  const sign = value < 0 ? '-' : '';\n\n  if (absValue >= 1e12) {\n    return `${sign}${(absValue / 1e12).toFixed(1)}T`;\n  }\n  if (absValue >= 1e9) {\n    return `${sign}${(absValue / 1e9).toFixed(1)}B`;\n  }\n  if (absValue >= 1e6) {\n    return `${sign}${(absValue / 1e6).toFixed(1)}M`;\n  }\n  if (absValue >= 1e3) {\n    return `${sign}${(absValue / 1e3).toFixed(1)}K`;\n  }\n\n  return value.toLocaleString();\n}\n\n/**\n * Returns a D3 easing function for the provided option.\n */\nexport function getEasingFunction(d3: typeof import('d3'), option?: string): (t: number) => number {\n  const name = mapEasingName(option);\n  const easing = (d3 as any)[name];\n  return typeof easing === 'function' ? easing : (d3 as any).easeCubicOut;\n}\n\n/** Unique DOM id prefix per chart instance (SVG filters/gradients). */\nexport function createChartInstanceId(prefix = 'ax-chart'): string {\n  return `${prefix}-${Math.random().toString(36).slice(2, 9)}`;\n}\n\n/**\n * Normalizes barWidth: values > 1 are treated as 0–100 percentages (config default 80),\n * values ≤ 1 as fractions.\n */\nexport function resolveBarWidthFraction(barWidth: number | undefined, fallbackPercent = 80): number {\n  const raw = barWidth ?? fallbackPercent;\n  const fraction = raw > 1 ? raw / 100 : raw;\n  return Math.min(1, Math.max(0.05, fraction));\n}\n","export const AX_CHARTS = 'ACOREX_CHARTS';\nexport * from './lib/chart-base.interface';\nexport * from './lib/chart-colors';\nexport * from './lib/chart-component-base';\nexport * from './lib/chart-empty-state';\nexport * from './lib/chart-messages';\nexport * from './lib/chart-types';\nexport * from './lib/chart-utils';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/charts",
-  "version": "21.0.3-next.8",
+  "version": "21.1.0-next.0",
   "peerDependencies": {
     "d3": ">=7.9.0"
   },

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

@@ -1,4 +1,3 @@
-import * as _acorex_charts_bar_chart from '@acorex/charts/bar-chart';
 import * as _acorex_charts from '@acorex/charts';
 import { NXNativeEvent, AXAnimationEasing, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
 import * as d3 from 'd3';
@@ -72,6 +71,7 @@ interface AXBarChartOption {
     yAxisLabel?: string;
     rotateXAxisLabels?: boolean | 'auto';
     showTooltip?: boolean;
+    /** Percent of band width used by each bar (0–100). Default: 80. Values ≤ 1 are treated as fractions. */
     barWidth?: number;
     cornerRadius?: number;
     animationDuration?: number;
@@ -161,32 +161,8 @@ declare class AXBarChartComponent extends AXChartComponent implements OnDestroy,
     protected tooltipData: _angular_core.Signal<AXChartTooltipData>;
     private configToken;
     private chartColors;
-    protected effectiveOptions: _angular_core.Signal<{
-        width?: number;
-        height?: number;
-        showXAxis?: boolean;
-        showYAxis?: boolean;
-        showGrid?: boolean;
-        showDataLabels?: boolean;
-        xAxisLabel?: string;
-        yAxisLabel?: string;
-        rotateXAxisLabels?: boolean | "auto";
-        showTooltip?: boolean;
-        barWidth?: number;
-        cornerRadius?: number;
-        animationDuration?: number;
-        animationDelay?: number;
-        animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: _acorex_charts_bar_chart.AXBarChartMessages;
-    }>;
-    protected effectiveMessages: _angular_core.Signal<{
-        noData: string;
-        noDataHelp: string;
-        allHidden: string;
-        allHiddenHelp: string;
-        noDataIcon: string;
-        allHiddenIcon: string;
-    }>;
+    protected effectiveOptions: _angular_core.Signal<AXBarChartOption>;
+    protected effectiveMessages: _angular_core.Signal<Required<_acorex_charts.AXChartMessages>>;
     private readonly hiddenBars;
     private readonly hiddenSeries;
     private readonly isClusteredMode;
@@ -319,7 +295,6 @@ declare class AXBarChartComponent extends AXChartComponent implements OnDestroy,
      */
     private getYAxisTickFontSizeBasedOnHeight;
     private buildXAxisCommon;
-    private showMessage;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXBarChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXBarChartComponent, "ax-bar-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "barClick": "barClick"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,3 @@
-import * as _acorex_charts_donut_chart from '@acorex/charts/donut-chart';
 import * as _acorex_charts from '@acorex/charts';
 import { AXAnimationEasing, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
 import * as d3 from 'd3';
@@ -156,18 +155,7 @@ declare class AXDonutChartComponent extends AXChartComponent implements OnDestro
     protected tooltipData: _angular_core.Signal<AXChartTooltipData>;
     private configToken;
     private chartColors;
-    protected effectiveOptions: _angular_core.Signal<{
-        width?: number;
-        height?: number;
-        totalLabel?: string;
-        showTooltip?: boolean;
-        showDataLabels?: boolean;
-        donutWidth?: number;
-        cornerRadius?: number;
-        animationDuration?: number;
-        animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: _acorex_charts_donut_chart.AXDonutChartMessages;
-    }>;
+    protected effectiveOptions: _angular_core.Signal<AXDonutChartOption>;
     private readonly TOOLTIP_GAP;
     private readonly HIGHLIGHT_TRANSITION_DURATION;
     private readonly HIGHLIGHT_TRANSITION_NAME;
@@ -178,14 +166,9 @@ declare class AXDonutChartComponent extends AXChartComponent implements OnDestro
     private readonly CHART_INSET;
     private readonly DIMMED_OPACITY;
     private readonly VISIBLE_OPACITY;
-    protected effectiveMessages: _angular_core.Signal<{
-        noData: string;
-        noDataHelp: string;
-        allHidden: string;
-        allHiddenHelp: string;
-        noDataIcon: string;
-        allHiddenIcon: string;
-    }>;
+    private readonly instanceId;
+    private get segmentShadowFilterId();
+    protected effectiveMessages: _angular_core.Signal<Required<_acorex_charts.AXChartMessages>>;
     protected chartDataArray: _angular_core.Signal<AXDonutChartData[]>;
     protected getColor(index: number): string;
     protected isSegmentHidden(id: string): boolean;
@@ -299,7 +282,6 @@ declare class AXDonutChartComponent extends AXChartComponent implements OnDestro
      * Cleans up chart resources
      */
     cleanupChart(): void;
-    private renderMessage;
     /**
      * Gets an accessibility label describing the donut chart for screen readers
      * @returns Descriptive string for screen readers
@@ -310,6 +292,10 @@ declare class AXDonutChartComponent extends AXChartComponent implements OnDestro
      * @implements AXChartLegendCompatible
      */
     getLegendItems(): AXChartLegendItem[];
+    private getSegmentLayoutValue;
+    private getLayoutTotal;
+    private getDisplayTotal;
+    private getSegmentPercentage;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDonutChartComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDonutChartComponent, "ax-donut-chart", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "segmentClick": "segmentClick"; "segmentHover": "segmentHover"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,3 @@
-import * as _acorex_charts_funnel_chart from '@acorex/charts/funnel-chart';
 import * as _acorex_charts from '@acorex/charts';
 import { AXAnimationEasing, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
 import * as d3 from 'd3';
@@ -15,6 +14,7 @@ interface AXFunnelData {
 }
 interface AXFunnelChartMessages {
     noData?: string;
+    noDataHelp?: string;
     noDataIcon?: string;
 }
 interface AXFunnelChartOption {
@@ -89,30 +89,8 @@ declare class AXFunnelChartComponent extends AXChartComponent implements OnDestr
     }>;
     protected tooltipData: _angular_core.Signal<AXChartTooltipData>;
     private configToken;
-    protected effectiveOptions: _angular_core.Signal<{
-        margin?: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
-        width?: number;
-        height?: number;
-        neckWidth?: number;
-        colors?: string[];
-        color?: string;
-        valueRange?: {
-            min: number;
-            max: number;
-        };
-        showLabels?: boolean;
-        showSegmentValues?: boolean;
-        labelOffset?: number;
-        showTooltip?: boolean;
-        animationDuration?: number;
-        animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: _acorex_charts_funnel_chart.AXFunnelChartMessages;
-    }>;
+    protected effectiveOptions: _angular_core.Signal<AXFunnelChartOption>;
+    protected effectiveMessages: _angular_core.Signal<Required<_acorex_charts.AXChartMessages>>;
     constructor();
     ngOnDestroy(): void;
     protected loadD3(): Promise<void>;

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

@@ -1,4 +1,3 @@
-import * as _acorex_charts_gauge_chart from '@acorex/charts/gauge-chart';
 import * as _acorex_charts from '@acorex/charts';
 import { AXAnimationEasing, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
 import * as d3 from 'd3';
@@ -85,7 +84,7 @@ interface AXGaugeChartOption {
  * Gauge chart data type
  * Represents a single gauge value
  */
-type AXGaugeChartValue = number;
+type AXGaugeChartValue = number | null;
 
 /**
  * Gauge Chart Component
@@ -116,25 +115,8 @@ declare class AXGaugeChartComponent extends AXChartComponent implements OnDestro
     }>;
     protected tooltipData: _angular_core.Signal<AXChartTooltipData>;
     private configToken;
-    protected effectiveOptions: _angular_core.Signal<{
-        minValue?: number;
-        maxValue?: number;
-        width?: number;
-        height?: number;
-        gaugeWidth?: number;
-        cornerRadius?: number;
-        showValue?: boolean;
-        showTooltip?: boolean;
-        thresholds?: {
-            value: number;
-            color: string;
-            label?: string;
-        }[];
-        label?: string;
-        animationDuration?: number;
-        animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: _acorex_charts_gauge_chart.AXGaugeChartMessages;
-    }>;
+    protected effectiveOptions: _angular_core.Signal<AXGaugeChartOption>;
+    protected effectiveMessages: _angular_core.Signal<Required<_acorex_charts.AXChartMessages>>;
     private readonly TOOLTIP_GAP;
     private readonly HALF_CIRCLE_RADIANS;
     private readonly QUARTER_CIRCLE_RADIANS;
@@ -143,6 +125,9 @@ declare class AXGaugeChartComponent extends AXChartComponent implements OnDestro
     private readonly TICK_LABEL_CHAR_WIDTH_RATIO;
     private readonly TICK_LABEL_SIDE_PADDING;
     private readonly LABEL_TICK_CLEARANCE;
+    private readonly instanceId;
+    private get bgGradientId();
+    private thresholdGradientId;
     constructor();
     ngOnDestroy(): void;
     /**

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

@@ -1,4 +1,3 @@
-import * as _acorex_charts_heatmap_chart from '@acorex/charts/heatmap-chart';
 import * as _acorex_charts from '@acorex/charts';
 import { AXAnimationEasing, AXChartComponent } from '@acorex/charts';
 import * as _angular_core from '@angular/core';
@@ -106,33 +105,8 @@ declare class AXHeatmapChartComponent extends AXChartComponent implements OnDest
     }>;
     protected tooltipData: _angular_core.WritableSignal<AXChartTooltipData>;
     private _tooltipRafId;
-    protected effectiveOptions: _angular_core.Signal<{
-        width?: number;
-        height?: number;
-        margin?: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
-        colors?: string[];
-        color?: string;
-        valueRange?: {
-            min: number;
-            max: number;
-        };
-        cellPadding?: number;
-        borderRadius?: number;
-        showXAxis?: boolean;
-        showYAxis?: boolean;
-        xAxisLabel?: string;
-        yAxisLabel?: string;
-        rotateXAxisLabels?: boolean | "auto";
-        showTooltip?: boolean;
-        animationDuration?: number;
-        animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: _acorex_charts_heatmap_chart.AXHeatmapMessages;
-    }>;
+    protected effectiveOptions: _angular_core.Signal<AXHeatmapChartOption>;
+    protected effectiveMessages: _angular_core.Signal<Required<_acorex_charts.AXChartMessages>>;
     constructor();
     private init;
     updateChart(): void;

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

@@ -1,6 +1,5 @@
 import * as _acorex_charts from '@acorex/charts';
 import { NXNativeEvent, AXAnimationEasing, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
-import * as _acorex_charts_hierarchy_chart from '@acorex/charts/hierarchy-chart';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, TemplateRef, InjectionToken } from '@angular/core';
 
@@ -307,32 +306,8 @@ declare class AXHierarchyChartComponent extends AXChartComponent implements AXCh
     nodeToggle: _angular_core.OutputEmitterRef<AXHierarchyChartToggleEvent>;
     protected processedData: _angular_core.Signal<AXHierarchyChartNode>;
     protected hasCustomTemplate: _angular_core.Signal<boolean>;
-    protected effectiveOptions: _angular_core.Signal<{
-        width?: number;
-        height?: number;
-        margin?: _acorex_charts_hierarchy_chart.AXHierarchyChartMargin;
-        nodeRadius?: number;
-        nodeStrokeWidth?: number;
-        linkWidth?: number;
-        linkStyle?: "straight" | "curved" | "rounded" | "step";
-        showTooltip?: boolean;
-        direction?: "vertical" | "horizontal";
-        nodeWidth?: number;
-        nodeHeight?: number;
-        nodeSpacingX?: number;
-        nodeSpacingY?: number;
-        collapsible?: boolean;
-        expandAll?: boolean;
-        className?: string;
-        animationDuration?: number;
-        animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: _acorex_charts_hierarchy_chart.AXHierarchyChartMessages;
-    }>;
-    protected effectiveMessages: _angular_core.Signal<{
-        noData: string;
-        noDataHelp: string;
-        noDataIcon: string;
-    }>;
+    protected effectiveOptions: _angular_core.Signal<AXHierarchyChartOption>;
+    protected effectiveMessages: _angular_core.Signal<Required<_acorex_charts.AXChartMessages>>;
     constructor();
     /**
      * Initialize the expanded state for all nodes

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

@@ -1,4 +1,3 @@
-import * as _acorex_charts_line_chart from '@acorex/charts/line-chart';
 import * as _acorex_charts from '@acorex/charts';
 import { AXAnimationEasing, NXNativeEvent, AXChartComponent, AXChartComponentBase } from '@acorex/charts';
 import * as d3 from 'd3';
@@ -137,43 +136,8 @@ declare class AXLineChartComponent extends AXChartComponent implements OnInit, A
     protected tooltipData: _angular_core.Signal<AXChartTooltipData>;
     private configToken;
     private chartColors;
-    protected effectiveOptions: _angular_core.Signal<{
-        width?: number;
-        height?: number;
-        margins?: {
-            top?: number;
-            right?: number;
-            bottom?: number;
-            left?: number;
-        };
-        showXAxis?: boolean;
-        showYAxis?: boolean;
-        showGrid?: boolean;
-        showVerticalGrid?: boolean;
-        xAxisLabel?: string;
-        yAxisLabel?: string;
-        yAxisStartsAtZero?: boolean;
-        axisPadding?: number;
-        showTooltip?: boolean;
-        lineWidth?: number;
-        showPoints?: boolean;
-        pointRadius?: number;
-        smoothLine?: boolean;
-        fillArea?: boolean;
-        fillOpacity?: number;
-        showCrosshair?: boolean;
-        animationDuration?: number;
-        animationEasing?: _acorex_charts.AXAnimationEasing;
-        messages?: _acorex_charts_line_chart.AXLineChartMessages;
-    }>;
-    protected effectiveMessages: _angular_core.Signal<{
-        noData: string;
-        noDataHelp: string;
-        allHidden: string;
-        allHiddenHelp: string;
-        noDataIcon: string;
-        allHiddenIcon: string;
-    }>;
+    protected effectiveOptions: _angular_core.Signal<AXLineChartOption>;
+    protected effectiveMessages: _angular_core.Signal<Required<_acorex_charts.AXChartMessages>>;
     private readonly MIN_DIMENSION;
     private readonly DEFAULT_MARGIN_TOP;
     private readonly DEFAULT_MARGIN_RIGHT;

package/types/acorex-charts.d.ts

@@ -37,6 +37,49 @@ declare abstract class AXChartComponent {
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXChartComponent, never, never, {}, {}, never, never, true, never>;
 }
 
+interface AXChartEmptyMessageContent {
+    icon: string;
+    title: string;
+    help?: string;
+}
+/**
+ * Renders a centered empty-state message inside a chart container.
+ * Clears prior SVG / empty-state nodes; leaves Angular tooltip hosts alone.
+ */
+declare function renderChartEmptyMessage(d3: {
+    select: (node: HTMLElement) => D3EmptySelection;
+}, container: HTMLElement, message: AXChartEmptyMessageContent): void;
+/** Minimal D3 selection surface used by empty-state rendering. */
+interface D3EmptySelection {
+    selectAll: (selector: string) => {
+        remove: () => unknown;
+    };
+    append: (tag: string) => D3EmptyAppend;
+}
+interface D3EmptyAppend {
+    attr: (name: string, value: string) => D3EmptyAppend;
+    append: (tag: string) => D3EmptyAppend;
+    html: (value: string) => D3EmptyAppend;
+    text: (value: string) => D3EmptyAppend;
+}
+
+/**
+ * Shared empty-state copy for all charts.
+ * Per-chart configs may override icons; default title/help stay consistent.
+ */
+interface AXChartMessages {
+    noData?: string;
+    noDataHelp?: string;
+    allHidden?: string;
+    allHiddenHelp?: string;
+    noDataIcon?: string;
+    allHiddenIcon?: string;
+}
+declare const AX_CHART_DEFAULT_MESSAGES: Required<AXChartMessages>;
+declare function mergeChartMessages(defaults?: AXChartMessages, overrides?: AXChartMessages): Required<AXChartMessages>;
+/** Shallow merge options while preserving nested margin/messages defaults. */
+declare function mergeChartOptions<T extends object>(defaults: T, options?: Partial<T> | null): T;
+
 /**
  * Animation easing options for charts
  * Copied from @acorex/cdk/common to remove external dependency
@@ -81,8 +124,15 @@ declare function formatLargeNumber(value: number): string;
  * Returns a D3 easing function for the provided option.
  */
 declare function getEasingFunction(d3: typeof d3, option?: string): (t: number) => number;
+/** Unique DOM id prefix per chart instance (SVG filters/gradients). */
+declare function createChartInstanceId(prefix?: string): string;
+/**
+ * Normalizes barWidth: values > 1 are treated as 0–100 percentages (config default 80),
+ * values ≤ 1 as fractions.
+ */
+declare function resolveBarWidthFraction(barWidth: number | undefined, fallbackPercent?: number): number;
 
 declare const AX_CHARTS = "ACOREX_CHARTS";
 
-export { AXChartComponent, AX_CHARTS, AX_CHART_COLOR_PALETTE, computeTooltipPosition, formatLargeNumber, getChartColor, getEasingFunction, mapEasingName, resolveCssColorInContext };
-export type { AXAnimationEasing, AXChartComponentBase, D3EasingName, NXNativeEvent, TooltipPosition };
+export { AXChartComponent, AX_CHARTS, AX_CHART_COLOR_PALETTE, AX_CHART_DEFAULT_MESSAGES, computeTooltipPosition, createChartInstanceId, formatLargeNumber, getChartColor, getEasingFunction, mapEasingName, mergeChartMessages, mergeChartOptions, renderChartEmptyMessage, resolveBarWidthFraction, resolveCssColorInContext };
+export type { AXAnimationEasing, AXChartComponentBase, AXChartEmptyMessageContent, AXChartMessages, D3EasingName, NXNativeEvent, TooltipPosition };