@countermeasure-platform/web-components 0.2.0

package/dist/charts/base.d.ts

@@ -0,0 +1,90 @@
+import { BaseChartConfig, ChartPadding, PlotArea } from './types';
+import { LiveRegion } from '../utils/a11y';
+/** Accessible data point for keyboard navigation */
+export interface AccessibleDataPoint {
+    /** Unique identifier for this point */
+    id: string;
+    /** X coordinate for focus indicator */
+    x: number;
+    /** Y coordinate for focus indicator */
+    y: number;
+    /** Label for screen readers */
+    label: string;
+    /** Value for screen readers */
+    value: string | number;
+    /** Series name if applicable */
+    series?: string;
+    /** Raw data point */
+    data: unknown;
+}
+export declare abstract class BaseChart {
+    protected canvas: HTMLCanvasElement;
+    protected ctx: CanvasRenderingContext2D;
+    protected container: HTMLElement;
+    protected width: number;
+    protected height: number;
+    protected padding: ChartPadding;
+    protected responsive: boolean;
+    protected animate: boolean;
+    protected chartId: string;
+    protected destroyed: boolean;
+    protected liveRegion: LiveRegion | null;
+    private resizeObserver;
+    private readonly boundHandleKeyDown;
+    private readonly boundHandleFocus;
+    private readonly boundHandleBlur;
+    protected readonly labelId: string;
+    protected readonly descId: string;
+    protected readonly tableId: string;
+    private wrapperEl;
+    private accessiblePoints;
+    private focusedPointIndex;
+    private focusIndicator;
+    private hiddenTable;
+    protected chartTitle: string;
+    protected chartDescription: string;
+    constructor(config: BaseChartConfig);
+    protected get plotArea(): PlotArea;
+    protected clear(): void;
+    protected setupCanvas(): void;
+    abstract render(): void;
+    resize(width?: number, height?: number): void;
+    toDataURL(type?: string): string;
+    destroy(): void;
+    /** Create hidden accessible elements */
+    private createAccessibleElements;
+    /** Create focus indicator overlay */
+    private createFocusIndicator;
+    /** Update the accessible title and description */
+    protected updateAccessibleInfo(): void;
+    /**
+     * Register accessible data points for keyboard navigation.
+     * Subclasses should call this after rendering with their data points.
+     */
+    protected setAccessiblePoints(points: AccessibleDataPoint[]): void;
+    /** Update the hidden data table for screen readers */
+    private updateHiddenTable;
+    /** Handle keyboard navigation */
+    private handleKeyDown;
+    /** Handle chart focus */
+    private handleFocus;
+    /** Handle chart blur */
+    private handleBlur;
+    /** Update the focus indicator position */
+    private updateFocusIndicator;
+    /** Hide the focus indicator */
+    private hideFocusIndicator;
+    /** Announce the current focused point */
+    private announcePoint;
+    /**
+     * Called when a data point is activated (Enter/Space pressed).
+     * Subclasses can override to handle point selection.
+     */
+    protected onPointActivated(point: AccessibleDataPoint): void;
+    /**
+     * Helper to generate accessible points from data.
+     * Subclasses can use this as a template.
+     */
+    protected generateAccessiblePoint(id: string, x: number, y: number, label: string, value: string | number, data: unknown, series?: string): AccessibleDataPoint;
+}
+//# sourceMappingURL=base.d.ts.map

package/dist/charts/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/charts/base.ts"],"names":[],"mappings":"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"}

package/dist/charts/base.js

@@ -0,0 +1,203 @@
+import { r as e, t } from "../a11y-B5pN4M_a.js";
+import { t as n } from "../keyboard-BzL08saM.js";
+import { n as r, t as i } from "../utils-Cn_W3h3f.js";
+//#region src/charts/base.ts
+var a = 600, o = 400, s = {
+	top: 20,
+	right: 20,
+	bottom: 40,
+	left: 50
+}, c = class {
+	canvas;
+	ctx;
+	container;
+	width;
+	height;
+	padding;
+	responsive;
+	animate;
+	chartId;
+	destroyed;
+	liveRegion = null;
+	resizeObserver;
+	boundHandleKeyDown;
+	boundHandleFocus;
+	boundHandleBlur;
+	labelId;
+	descId;
+	tableId;
+	wrapperEl = null;
+	accessiblePoints = [];
+	focusedPointIndex = -1;
+	focusIndicator = null;
+	hiddenTable = null;
+	chartTitle = "Chart";
+	chartDescription = "";
+	constructor(t) {
+		this.container = i(t.container), this.width = t.width ?? a, this.height = t.height ?? o, this.padding = {
+			top: t.padding?.top ?? s.top,
+			right: t.padding?.right ?? s.right,
+			bottom: t.padding?.bottom ?? s.bottom,
+			left: t.padding?.left ?? s.left
+		}, this.responsive = t.responsive ?? !1, this.animate = t.animate ?? !1, this.destroyed = !1, typeof window < "u" && this.animate && window.matchMedia("(prefers-reduced-motion: reduce)").matches && (this.animate = !1), this.chartId = r("cmm-chart"), this.labelId = r("cmm-chart-label"), this.descId = r("cmm-chart-desc"), this.tableId = r("cmm-chart-table"), this.resizeObserver = null, this.wrapperEl = document.createElement("div"), this.wrapperEl.className = "cmm-chart-wrapper", this.wrapperEl.style.position = "relative", this.wrapperEl.style.display = "inline-block", this.container.appendChild(this.wrapperEl), this.canvas = document.createElement("canvas"), this.canvas.id = this.chartId, this.canvas.width = this.width, this.canvas.height = this.height, this.canvas.setAttribute("role", "img"), this.canvas.setAttribute("aria-labelledby", this.labelId), this.canvas.setAttribute("aria-describedby", this.descId), this.canvas.setAttribute("tabindex", "0"), this.wrapperEl.appendChild(this.canvas);
+		let n = this.canvas.getContext("2d");
+		if (n === null) throw Error("Failed to get 2D rendering context");
+		this.ctx = n, this.setupCanvas(), t.className !== void 0 && this.canvas.classList.add(t.className), this.createAccessibleElements(), this.createFocusIndicator(), this.liveRegion = e("polite"), this.boundHandleKeyDown = this.handleKeyDown.bind(this), this.boundHandleFocus = this.handleFocus.bind(this), this.boundHandleBlur = this.handleBlur.bind(this), this.canvas.addEventListener("keydown", this.boundHandleKeyDown), this.canvas.addEventListener("focus", this.boundHandleFocus), this.canvas.addEventListener("blur", this.boundHandleBlur), this.responsive && (this.resizeObserver = new ResizeObserver((e) => {
+			let t = e[0];
+			if (t !== void 0) {
+				let { width: e, height: n } = t.contentRect;
+				this.resize(Math.round(e), Math.round(n));
+			}
+		}), this.resizeObserver.observe(this.container));
+	}
+	get plotArea() {
+		return {
+			x: this.padding.left,
+			y: this.padding.top,
+			width: this.width - this.padding.left - this.padding.right,
+			height: this.height - this.padding.top - this.padding.bottom
+		};
+	}
+	clear() {
+		this.ctx.clearRect(0, 0, this.width, this.height);
+	}
+	setupCanvas() {
+		let e = window.devicePixelRatio === 0 ? 1 : window.devicePixelRatio;
+		this.canvas.width = this.width * e, this.canvas.height = this.height * e, this.canvas.style.width = `${String(this.width)}px`, this.canvas.style.height = `${String(this.height)}px`, this.ctx.setTransform(1, 0, 0, 1, 0, 0), this.ctx.scale(e, e);
+	}
+	resize(e, t) {
+		e !== void 0 && (this.width = e), t !== void 0 && (this.height = t), this.setupCanvas(), this.render();
+	}
+	toDataURL(e) {
+		return this.canvas.toDataURL(e);
+	}
+	destroy() {
+		this.resizeObserver !== null && (this.resizeObserver.disconnect(), this.resizeObserver = null), this.canvas.removeEventListener("keydown", this.boundHandleKeyDown), this.canvas.removeEventListener("focus", this.boundHandleFocus), this.canvas.removeEventListener("blur", this.boundHandleBlur), this.liveRegion?.destroy(), this.liveRegion = null, this.wrapperEl !== null && this.wrapperEl.remove(), this.destroyed = !0;
+	}
+	createAccessibleElements() {
+		if (this.wrapperEl === null) return;
+		let e = document.createElement("span");
+		e.id = this.labelId, e.className = "cmm-sr-only", e.style.cssText = "\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    ", this.wrapperEl.appendChild(e);
+		let t = document.createElement("span");
+		t.id = this.descId, t.className = "cmm-sr-only", t.style.cssText = e.style.cssText, this.wrapperEl.appendChild(t);
+		let n = document.createElement("div");
+		n.id = this.tableId, n.className = "cmm-sr-only", n.style.cssText = e.style.cssText, this.hiddenTable = n, this.wrapperEl.appendChild(n);
+	}
+	createFocusIndicator() {
+		if (this.wrapperEl === null) return;
+		let e = document.createElement("div");
+		e.className = "cmm-chart-focus-indicator", e.style.cssText = "\n      position: absolute;\n      width: 12px;\n      height: 12px;\n      border: 2px solid hsl(var(--focus-ring, 189 94% 43%));\n      border-radius: 50%;\n      background: hsl(var(--focus-ring, 189 94% 43%) / 0.3);\n      pointer-events: none;\n      display: none;\n      transform: translate(-50%, -50%);\n      z-index: 10;\n    ", e.setAttribute("aria-hidden", "true"), this.focusIndicator = e, this.wrapperEl.appendChild(e);
+	}
+	updateAccessibleInfo() {
+		let e = document.getElementById(this.labelId), t = document.getElementById(this.descId);
+		if (e !== null && (e.textContent = this.chartTitle), t !== null) {
+			let e = this.accessiblePoints.length;
+			t.textContent = this.chartDescription === "" ? `Interactive chart with ${String(e)} data points. Use arrow keys to navigate between data points.` : this.chartDescription;
+		}
+	}
+	setAccessiblePoints(e) {
+		this.accessiblePoints = e, this.focusedPointIndex = -1, this.updateAccessibleInfo(), this.updateHiddenTable();
+	}
+	updateHiddenTable() {
+		if (this.hiddenTable === null || (this.hiddenTable.innerHTML = "", this.accessiblePoints.length === 0)) return;
+		let e = document.createElement("table");
+		e.setAttribute("role", "table"), e.setAttribute("aria-label", `Data for ${this.chartTitle}`);
+		let t = this.accessiblePoints.some((e) => e.series !== void 0), n = document.createElement("thead"), r = document.createElement("tr");
+		if (t) {
+			let e = document.createElement("th");
+			e.setAttribute("scope", "col"), e.textContent = "Series", r.appendChild(e);
+		}
+		let i = document.createElement("th");
+		i.setAttribute("scope", "col"), i.textContent = "Label", r.appendChild(i);
+		let a = document.createElement("th");
+		a.setAttribute("scope", "col"), a.textContent = "Value", r.appendChild(a), n.appendChild(r), e.appendChild(n);
+		let o = document.createElement("tbody");
+		for (let e of this.accessiblePoints) {
+			let n = document.createElement("tr");
+			if (t) {
+				let t = document.createElement("td");
+				t.textContent = e.series ?? "", n.appendChild(t);
+			}
+			let r = document.createElement("td");
+			r.textContent = e.label, n.appendChild(r);
+			let i = document.createElement("td");
+			i.textContent = String(e.value), n.appendChild(i), o.appendChild(n);
+		}
+		e.appendChild(o), this.hiddenTable.appendChild(e);
+	}
+	handleKeyDown(e) {
+		if (this.accessiblePoints.length === 0) return;
+		let t = !1, r = this.focusedPointIndex;
+		switch (e.key) {
+			case n.ARROW_RIGHT:
+			case n.ARROW_DOWN:
+				r = this.focusedPointIndex + 1, r >= this.accessiblePoints.length && (r = 0), t = !0;
+				break;
+			case n.ARROW_LEFT:
+			case n.ARROW_UP:
+				r = this.focusedPointIndex - 1, r < 0 && (r = this.accessiblePoints.length - 1), t = !0;
+				break;
+			case n.HOME:
+				r = 0, t = !0;
+				break;
+			case n.END:
+				r = this.accessiblePoints.length - 1, t = !0;
+				break;
+			case n.ENTER:
+			case n.SPACE:
+				if (this.focusedPointIndex >= 0) {
+					let e = this.accessiblePoints[this.focusedPointIndex];
+					e !== void 0 && this.onPointActivated(e);
+				}
+				t = !0;
+				break;
+		}
+		t && (e.preventDefault(), r !== this.focusedPointIndex && r >= 0 && (this.focusedPointIndex = r, this.updateFocusIndicator(), this.announcePoint()));
+	}
+	handleFocus() {
+		this.accessiblePoints.length > 0 && this.focusedPointIndex < 0 && (this.focusedPointIndex = 0, this.updateFocusIndicator(), this.announcePoint());
+	}
+	handleBlur() {
+		this.hideFocusIndicator();
+	}
+	updateFocusIndicator() {
+		if (this.focusIndicator === null || this.focusedPointIndex < 0) {
+			this.hideFocusIndicator();
+			return;
+		}
+		let e = this.accessiblePoints[this.focusedPointIndex];
+		if (e === void 0) {
+			this.hideFocusIndicator();
+			return;
+		}
+		this.focusIndicator.style.display = "block", this.focusIndicator.style.left = `${String(e.x)}px`, this.focusIndicator.style.top = `${String(e.y)}px`;
+	}
+	hideFocusIndicator() {
+		this.focusIndicator !== null && (this.focusIndicator.style.display = "none");
+	}
+	announcePoint() {
+		if (this.focusedPointIndex < 0) return;
+		let e = this.accessiblePoints[this.focusedPointIndex];
+		if (e === void 0) return;
+		let n = `${String(this.focusedPointIndex + 1)} of ${String(this.accessiblePoints.length)}`, r = `${e.label}: ${String(e.value)}`;
+		e.series !== void 0 && (r = `${e.series}, ${r}`), r += `. Point ${n}`, t(r, "polite");
+	}
+	onPointActivated(e) {
+		t(`${e.label} selected`, "polite");
+	}
+	generateAccessiblePoint(e, t, n, r, i, a, o) {
+		let s = {
+			id: e,
+			x: t,
+			y: n,
+			label: r,
+			value: i,
+			data: a
+		};
+		return o !== void 0 && (s.series = o), s;
+	}
+};
+//#endregion
+export { c as BaseChart };
+
+//# sourceMappingURL=base.js.map

package/dist/charts/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":[],"sources":["../../src/charts/base.ts"],"sourcesContent":["/**\n * Abstract base chart class with accessibility support\n * @countermeasure/web-components/charts/base\n *\n * Provides ARIA support for canvas-based charts including:\n * - Accessible name and description\n * - Hidden data table for screen readers\n * - Keyboard navigation framework\n * WCAG 2.1 AA compliant.\n */\n\nimport { resolveContainer, uniqueId } from '../primitives/utils'\nimport type { BaseChartConfig, ChartPadding, PlotArea } from './types'\nimport { announce, createLiveRegion, type LiveRegion } from '../utils/a11y'\nimport { Keys } from '../utils/keyboard'\n\nconst DEFAULT_WIDTH = 600\nconst DEFAULT_HEIGHT = 400\nconst DEFAULT_PADDING: ChartPadding = {\n  top: 20,\n  right: 20,\n  bottom: 40,\n  left: 50,\n}\n\n/** Accessible data point for keyboard navigation */\nexport interface AccessibleDataPoint {\n  /** Unique identifier for this point */\n  id: string\n  /** X coordinate for focus indicator */\n  x: number\n  /** Y coordinate for focus indicator */\n  y: number\n  /** Label for screen readers */\n  label: string\n  /** Value for screen readers */\n  value: string | number\n  /** Series name if applicable */\n  series?: string\n  /** Raw data point */\n  data: unknown\n}\n\nexport abstract class BaseChart {\n  protected canvas: HTMLCanvasElement\n  protected ctx: CanvasRenderingContext2D\n  protected container: HTMLElement\n  protected width: number\n  protected height: number\n  protected padding: ChartPadding\n  protected responsive: boolean\n  protected animate: boolean\n  protected chartId: string\n  protected destroyed: boolean\n  protected liveRegion: LiveRegion | null = null\n\n  private resizeObserver: ResizeObserver | null\n\n  // Bound event handlers (stored for proper cleanup)\n  private readonly boundHandleKeyDown: (e: KeyboardEvent) => void\n  private readonly boundHandleFocus: () => void\n  private readonly boundHandleBlur: () => void\n\n  // Accessibility state\n  protected readonly labelId: string\n  protected readonly descId: string\n  protected readonly tableId: string\n  private wrapperEl: HTMLElement | null = null\n  private accessiblePoints: AccessibleDataPoint[] = []\n  private focusedPointIndex = -1\n  private focusIndicator: HTMLElement | null = null\n  private hiddenTable: HTMLElement | null = null\n\n  // Subclasses should set these\n  protected chartTitle = 'Chart'\n  protected chartDescription = ''\n\n  constructor(config: BaseChartConfig) {\n    this.container = resolveContainer(config.container)\n    this.width = config.width ?? DEFAULT_WIDTH\n    this.height = config.height ?? DEFAULT_HEIGHT\n    this.padding = {\n      top: config.padding?.top ?? DEFAULT_PADDING.top,\n      right: config.padding?.right ?? DEFAULT_PADDING.right,\n      bottom: config.padding?.bottom ?? DEFAULT_PADDING.bottom,\n      left: config.padding?.left ?? DEFAULT_PADDING.left,\n    }\n    this.responsive = config.responsive ?? false\n    this.animate = config.animate ?? false\n    this.destroyed = false\n\n    // Respect reduced motion preference\n    if (typeof window !== 'undefined' && this.animate) {\n      const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches\n      if (prefersReducedMotion) {\n        this.animate = false\n      }\n    }\n    this.chartId = uniqueId('cmm-chart')\n    this.labelId = uniqueId('cmm-chart-label')\n    this.descId = uniqueId('cmm-chart-desc')\n    this.tableId = uniqueId('cmm-chart-table')\n    this.resizeObserver = null\n\n    // Create wrapper for accessibility\n    this.wrapperEl = document.createElement('div')\n    this.wrapperEl.className = 'cmm-chart-wrapper'\n    this.wrapperEl.style.position = 'relative'\n    this.wrapperEl.style.display = 'inline-block'\n    this.container.appendChild(this.wrapperEl)\n\n    // Create canvas\n    this.canvas = document.createElement('canvas')\n    this.canvas.id = this.chartId\n    this.canvas.width = this.width\n    this.canvas.height = this.height\n\n    // Canvas as image for screen readers\n    this.canvas.setAttribute('role', 'img')\n    this.canvas.setAttribute('aria-labelledby', this.labelId)\n    this.canvas.setAttribute('aria-describedby', this.descId)\n    this.canvas.setAttribute('tabindex', '0')\n\n    this.wrapperEl.appendChild(this.canvas)\n\n    const ctx = this.canvas.getContext('2d')\n    if (ctx === null) {\n      throw new Error('Failed to get 2D rendering context')\n    }\n    this.ctx = ctx\n\n    this.setupCanvas()\n\n    if (config.className !== undefined) {\n      this.canvas.classList.add(config.className)\n    }\n\n    // Create accessible elements\n    this.createAccessibleElements()\n\n    // Create focus indicator\n    this.createFocusIndicator()\n\n    // Create live region for announcements\n    this.liveRegion = createLiveRegion('polite')\n\n    // Bind event handlers (store references for proper cleanup)\n    this.boundHandleKeyDown = this.handleKeyDown.bind(this)\n    this.boundHandleFocus = this.handleFocus.bind(this)\n    this.boundHandleBlur = this.handleBlur.bind(this)\n\n    // Add keyboard navigation\n    this.canvas.addEventListener('keydown', this.boundHandleKeyDown)\n    this.canvas.addEventListener('focus', this.boundHandleFocus)\n    this.canvas.addEventListener('blur', this.boundHandleBlur)\n\n    if (this.responsive) {\n      this.resizeObserver = new ResizeObserver(entries => {\n        const entry = entries[0]\n        if (entry !== undefined) {\n          const { width, height } = entry.contentRect\n          this.resize(Math.round(width), Math.round(height))\n        }\n      })\n      this.resizeObserver.observe(this.container)\n    }\n  }\n\n  protected get plotArea(): PlotArea {\n    return {\n      x: this.padding.left,\n      y: this.padding.top,\n      width: this.width - this.padding.left - this.padding.right,\n      height: this.height - this.padding.top - this.padding.bottom,\n    }\n  }\n\n  protected clear(): void {\n    this.ctx.clearRect(0, 0, this.width, this.height)\n  }\n\n  protected setupCanvas(): void {\n    const dpr = window.devicePixelRatio !== 0 ? window.devicePixelRatio : 1\n    this.canvas.width = this.width * dpr\n    this.canvas.height = this.height * dpr\n    this.canvas.style.width = `${String(this.width)}px`\n    this.canvas.style.height = `${String(this.height)}px`\n    this.ctx.setTransform(1, 0, 0, 1, 0, 0)\n    this.ctx.scale(dpr, dpr)\n  }\n\n  abstract render(): void\n\n  public resize(width?: number, height?: number): void {\n    if (width !== undefined) {\n      this.width = width\n    }\n    if (height !== undefined) {\n      this.height = height\n    }\n    this.setupCanvas()\n    this.render()\n  }\n\n  public toDataURL(type?: string): string {\n    return this.canvas.toDataURL(type)\n  }\n\n  public destroy(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect()\n      this.resizeObserver = null\n    }\n\n    this.canvas.removeEventListener('keydown', this.boundHandleKeyDown)\n    this.canvas.removeEventListener('focus', this.boundHandleFocus)\n    this.canvas.removeEventListener('blur', this.boundHandleBlur)\n\n    this.liveRegion?.destroy()\n    this.liveRegion = null\n\n    if (this.wrapperEl !== null) {\n      this.wrapperEl.remove()\n    }\n\n    this.destroyed = true\n  }\n\n  // ============================================================================\n  // Accessibility Methods\n  // ============================================================================\n\n  /** Create hidden accessible elements */\n  private createAccessibleElements(): void {\n    if (this.wrapperEl === null) {\n      return\n    }\n\n    // Hidden label for chart title\n    const label = document.createElement('span')\n    label.id = this.labelId\n    label.className = 'cmm-sr-only'\n    label.style.cssText = `\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    `\n    this.wrapperEl.appendChild(label)\n\n    // Hidden description\n    const desc = document.createElement('span')\n    desc.id = this.descId\n    desc.className = 'cmm-sr-only'\n    desc.style.cssText = label.style.cssText\n    this.wrapperEl.appendChild(desc)\n\n    // Hidden data table for screen readers\n    const tableWrapper = document.createElement('div')\n    tableWrapper.id = this.tableId\n    tableWrapper.className = 'cmm-sr-only'\n    tableWrapper.style.cssText = label.style.cssText\n    this.hiddenTable = tableWrapper\n    this.wrapperEl.appendChild(tableWrapper)\n  }\n\n  /** Create focus indicator overlay */\n  private createFocusIndicator(): void {\n    if (this.wrapperEl === null) {\n      return\n    }\n\n    const indicator = document.createElement('div')\n    indicator.className = 'cmm-chart-focus-indicator'\n    indicator.style.cssText = `\n      position: absolute;\n      width: 12px;\n      height: 12px;\n      border: 2px solid hsl(var(--focus-ring, 189 94% 43%));\n      border-radius: 50%;\n      background: hsl(var(--focus-ring, 189 94% 43%) / 0.3);\n      pointer-events: none;\n      display: none;\n      transform: translate(-50%, -50%);\n      z-index: 10;\n    `\n    indicator.setAttribute('aria-hidden', 'true')\n    this.focusIndicator = indicator\n    this.wrapperEl.appendChild(indicator)\n  }\n\n  /** Update the accessible title and description */\n  protected updateAccessibleInfo(): void {\n    const label = document.getElementById(this.labelId)\n    const desc = document.getElementById(this.descId)\n\n    if (label !== null) {\n      label.textContent = this.chartTitle\n    }\n\n    if (desc !== null) {\n      const pointCount = this.accessiblePoints.length\n      const baseDesc =\n        this.chartDescription !== ''\n          ? this.chartDescription\n          : `Interactive chart with ${String(pointCount)} data points. Use arrow keys to navigate between data points.`\n      desc.textContent = baseDesc\n    }\n  }\n\n  /**\n   * Register accessible data points for keyboard navigation.\n   * Subclasses should call this after rendering with their data points.\n   */\n  protected setAccessiblePoints(points: AccessibleDataPoint[]): void {\n    this.accessiblePoints = points\n    this.focusedPointIndex = -1\n    this.updateAccessibleInfo()\n    this.updateHiddenTable()\n  }\n\n  /** Update the hidden data table for screen readers */\n  private updateHiddenTable(): void {\n    if (this.hiddenTable === null) {\n      return\n    }\n\n    this.hiddenTable.innerHTML = ''\n\n    if (this.accessiblePoints.length === 0) {\n      return\n    }\n\n    const table = document.createElement('table')\n    table.setAttribute('role', 'table')\n    table.setAttribute('aria-label', `Data for ${this.chartTitle}`)\n\n    // Determine if we have series\n    const hasSeries = this.accessiblePoints.some(p => p.series !== undefined)\n\n    // Header row\n    const thead = document.createElement('thead')\n    const headerRow = document.createElement('tr')\n\n    if (hasSeries) {\n      const seriesHeader = document.createElement('th')\n      seriesHeader.setAttribute('scope', 'col')\n      seriesHeader.textContent = 'Series'\n      headerRow.appendChild(seriesHeader)\n    }\n\n    const labelHeader = document.createElement('th')\n    labelHeader.setAttribute('scope', 'col')\n    labelHeader.textContent = 'Label'\n    headerRow.appendChild(labelHeader)\n\n    const valueHeader = document.createElement('th')\n    valueHeader.setAttribute('scope', 'col')\n    valueHeader.textContent = 'Value'\n    headerRow.appendChild(valueHeader)\n\n    thead.appendChild(headerRow)\n    table.appendChild(thead)\n\n    // Data rows\n    const tbody = document.createElement('tbody')\n    for (const point of this.accessiblePoints) {\n      const row = document.createElement('tr')\n\n      if (hasSeries) {\n        const seriesCell = document.createElement('td')\n        seriesCell.textContent = point.series ?? ''\n        row.appendChild(seriesCell)\n      }\n\n      const labelCell = document.createElement('td')\n      labelCell.textContent = point.label\n      row.appendChild(labelCell)\n\n      const valueCell = document.createElement('td')\n      valueCell.textContent = String(point.value)\n      row.appendChild(valueCell)\n\n      tbody.appendChild(row)\n    }\n    table.appendChild(tbody)\n\n    this.hiddenTable.appendChild(table)\n  }\n\n  /** Handle keyboard navigation */\n  private handleKeyDown(event: KeyboardEvent): void {\n    if (this.accessiblePoints.length === 0) {\n      return\n    }\n\n    let handled = false\n    let newIndex = this.focusedPointIndex\n\n    switch (event.key) {\n      case Keys.ARROW_RIGHT:\n      case Keys.ARROW_DOWN:\n        newIndex = this.focusedPointIndex + 1\n        if (newIndex >= this.accessiblePoints.length) {\n          newIndex = 0\n        }\n        handled = true\n        break\n      case Keys.ARROW_LEFT:\n      case Keys.ARROW_UP:\n        newIndex = this.focusedPointIndex - 1\n        if (newIndex < 0) {\n          newIndex = this.accessiblePoints.length - 1\n        }\n        handled = true\n        break\n      case Keys.HOME:\n        newIndex = 0\n        handled = true\n        break\n      case Keys.END:\n        newIndex = this.accessiblePoints.length - 1\n        handled = true\n        break\n      case Keys.ENTER:\n      case Keys.SPACE:\n        // Activate/select the current point\n        if (this.focusedPointIndex >= 0) {\n          const point = this.accessiblePoints[this.focusedPointIndex]\n          if (point !== undefined) {\n            this.onPointActivated(point)\n          }\n        }\n        handled = true\n        break\n    }\n\n    if (handled) {\n      event.preventDefault()\n      if (newIndex !== this.focusedPointIndex && newIndex >= 0) {\n        this.focusedPointIndex = newIndex\n        this.updateFocusIndicator()\n        this.announcePoint()\n      }\n    }\n  }\n\n  /** Handle chart focus */\n  private handleFocus(): void {\n    if (this.accessiblePoints.length > 0 && this.focusedPointIndex < 0) {\n      this.focusedPointIndex = 0\n      this.updateFocusIndicator()\n      this.announcePoint()\n    }\n  }\n\n  /** Handle chart blur */\n  private handleBlur(): void {\n    this.hideFocusIndicator()\n  }\n\n  /** Update the focus indicator position */\n  private updateFocusIndicator(): void {\n    if (this.focusIndicator === null || this.focusedPointIndex < 0) {\n      this.hideFocusIndicator()\n      return\n    }\n\n    const point = this.accessiblePoints[this.focusedPointIndex]\n    if (point === undefined) {\n      this.hideFocusIndicator()\n      return\n    }\n\n    this.focusIndicator.style.display = 'block'\n    this.focusIndicator.style.left = `${String(point.x)}px`\n    this.focusIndicator.style.top = `${String(point.y)}px`\n  }\n\n  /** Hide the focus indicator */\n  private hideFocusIndicator(): void {\n    if (this.focusIndicator !== null) {\n      this.focusIndicator.style.display = 'none'\n    }\n  }\n\n  /** Announce the current focused point */\n  private announcePoint(): void {\n    if (this.focusedPointIndex < 0) {\n      return\n    }\n\n    const point = this.accessiblePoints[this.focusedPointIndex]\n    if (point === undefined) {\n      return\n    }\n\n    const position = `${String(this.focusedPointIndex + 1)} of ${String(this.accessiblePoints.length)}`\n    let announcement = `${point.label}: ${String(point.value)}`\n\n    if (point.series !== undefined) {\n      announcement = `${point.series}, ${announcement}`\n    }\n\n    announcement += `. Point ${position}`\n\n    announce(announcement, 'polite')\n  }\n\n  /**\n   * Called when a data point is activated (Enter/Space pressed).\n   * Subclasses can override to handle point selection.\n   */\n  protected onPointActivated(point: AccessibleDataPoint): void {\n    announce(`${point.label} selected`, 'polite')\n  }\n\n  /**\n   * Helper to generate accessible points from data.\n   * Subclasses can use this as a template.\n   */\n  protected generateAccessiblePoint(\n    id: string,\n    x: number,\n    y: number,\n    label: string,\n    value: string | number,\n    data: unknown,\n    series?: string\n  ): AccessibleDataPoint {\n    const point: AccessibleDataPoint = { id, x, y, label, value, data }\n    if (series !== undefined) {\n      point.series = series\n    }\n    return point\n  }\n}\n"],"mappings":"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"}

package/dist/charts/candlestick/index.d.ts

@@ -0,0 +1,25 @@
+import { BaseChart } from '../base';
+import { CandlestickChartConfig, CandlestickItem } from './types';
+export declare class CandlestickChart extends BaseChart {
+    private data;
+    private upColor;
+    private downColor;
+    private showVolume;
+    private tooltipEnabled;
+    private tooltipFormat;
+    private tooltip;
+    private xAxisConfig;
+    private yAxisConfig;
+    private handleMouseMove;
+    private handleMouseLeave;
+    private hoveredIndex;
+    constructor(config: CandlestickChartConfig);
+    private getPriceRange;
+    private getVolumeMax;
+    private getPlotAreas;
+    private setupTooltip;
+    render(): void;
+    update(data: CandlestickItem[]): void;
+    destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/candlestick/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/candlestick/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAUtE,qBAAa,gBAAiB,SAAQ,SAAS;IAC7C,OAAO,CAAC,IAAI,CAAmB;IAC/B,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,aAAa,CAAmE;IACxF,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,YAAY,CAAQ;gBAEhB,MAAM,EAAE,sBAAsB;IAuB1C,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,YAAY;IA4BpB,OAAO,CAAC,YAAY;IAyEb,MAAM,IAAI,IAAI;IAyHd,MAAM,CAAC,IAAI,EAAE,eAAe,EAAE,GAAG,IAAI;IAM5B,OAAO,IAAI,IAAI;CAUhC"}

package/dist/charts/candlestick/index.js

@@ -0,0 +1,141 @@
+import { BaseChart as e } from "../base.js";
+import { ChartTooltip as t } from "../tooltip.js";
+import { formatNumber as n, hexToRgba as r, niceScale as i, scaleLinear as a } from "../utils.js";
+import { drawXAxis as o, drawYAxis as s } from "../axis.js";
+//#region src/charts/candlestick/index.ts
+var c = "#22c55e", l = "#ef4444", u = .2, d = 1, f = class extends e {
+	data;
+	upColor;
+	downColor;
+	showVolume;
+	tooltipEnabled;
+	tooltipFormat;
+	tooltip;
+	xAxisConfig;
+	yAxisConfig;
+	handleMouseMove;
+	handleMouseLeave;
+	hoveredIndex;
+	constructor(e) {
+		super(e), this.data = e.data, this.upColor = e.upColor ?? c, this.downColor = e.downColor ?? l, this.showVolume = e.showVolume === !0, this.tooltipEnabled = e.tooltip?.enabled !== !1, this.tooltipFormat = e.tooltip?.format ?? null, this.tooltip = null, this.xAxisConfig = e.xAxis, this.yAxisConfig = e.yAxis, this.handleMouseMove = null, this.handleMouseLeave = null, this.hoveredIndex = -1, this.tooltipEnabled && this.setupTooltip(), this.render();
+	}
+	getPriceRange() {
+		if (this.data.length === 0) return {
+			min: 0,
+			max: 100
+		};
+		let e = Infinity, t = -Infinity;
+		for (let n of this.data) n.low < e && (e = n.low), n.high > t && (t = n.high);
+		return e === t ? {
+			min: e - 1,
+			max: t + 1
+		} : {
+			min: e,
+			max: t
+		};
+	}
+	getVolumeMax() {
+		let e = 0;
+		for (let t of this.data) {
+			let n = t.volume ?? 0;
+			n > e && (e = n);
+		}
+		return e > 0 ? e : 1;
+	}
+	getPlotAreas() {
+		let e = this.plotArea;
+		if (this.showVolume) {
+			let t = e.height * u, n = e.height - t - 10;
+			return {
+				priceArea: {
+					x: e.x,
+					y: e.y,
+					width: e.width,
+					height: n
+				},
+				volumeArea: {
+					x: e.x,
+					y: e.y + n + 10,
+					width: e.width,
+					height: t
+				}
+			};
+		}
+		return {
+			priceArea: e,
+			volumeArea: null
+		};
+	}
+	setupTooltip() {
+		this.tooltip = new t(this.container), this.handleMouseMove = (e) => {
+			let t = this.canvas.getBoundingClientRect(), r = e.clientX - t.left, i = e.clientY - t.top, a = this.plotArea;
+			if (this.data.length === 0) return;
+			let o = a.width / this.data.length, s = Math.floor((r - a.x) / o);
+			if (s < 0 || s >= this.data.length || r < a.x || r > a.x + a.width || i < a.y || i > a.y + a.height) {
+				this.hoveredIndex !== -1 && (this.hoveredIndex = -1, this.render()), this.tooltip?.hide();
+				return;
+			}
+			s !== this.hoveredIndex && (this.hoveredIndex = s, this.render());
+			let c = this.data[s];
+			if (c === void 0) {
+				this.tooltip?.hide();
+				return;
+			}
+			let l;
+			if (this.tooltipFormat !== null) l = this.tooltipFormat(c.close, c.date, "candlestick");
+			else {
+				let e = [
+					`<strong>${c.date}</strong>`,
+					`Open: ${n(c.open)}`,
+					`High: ${n(c.high)}`,
+					`Low: ${n(c.low)}`,
+					`Close: ${n(c.close)}`
+				];
+				c.volume !== void 0 && e.push(`Volume: ${n(c.volume)}`), l = e.join("<br/>");
+			}
+			this.tooltip?.show(r, i, l);
+		}, this.handleMouseLeave = () => {
+			this.hoveredIndex !== -1 && (this.hoveredIndex = -1, this.render()), this.tooltip?.hide();
+		}, this.canvas.addEventListener("mousemove", this.handleMouseMove), this.canvas.addEventListener("mouseleave", this.handleMouseLeave);
+	}
+	render() {
+		this.clear();
+		let { ctx: e } = this, { priceArea: t, volumeArea: n } = this.getPlotAreas(), c = this.data.length;
+		if (c === 0) return;
+		let l = this.getPriceRange(), u = i(this.yAxisConfig?.min ?? l.min, this.yAxisConfig?.max ?? l.max, this.yAxisConfig?.tickCount ?? 6), f = a([u.min, u.max], [t.y + t.height, t.y]), p = t.width / c, m = Math.max(1, p * .7);
+		s(e, t, u.min, u.max, this.yAxisConfig);
+		let h = this.data.map((e) => e.date), g = Math.floor(t.width / 60), _ = Math.max(1, Math.ceil(c / g)), v = [];
+		for (let e = 0; e < c; e++) {
+			let t = h[e];
+			e % _ === 0 && t !== void 0 ? v.push(t) : v.push("");
+		}
+		o(e, t, v, this.xAxisConfig), e.save();
+		for (let n = 0; n < c; n++) {
+			let i = this.data[n];
+			if (i === void 0) continue;
+			let a = i.close >= i.open, o = a ? this.upColor : this.downColor, s = n === this.hoveredIndex, c = t.x + p * n + p / 2, l = f(i.high), u = f(i.low), h = f(i.open), g = f(i.close), _ = Math.min(h, g), v = Math.max(1, Math.abs(g - h));
+			e.strokeStyle = o, e.lineWidth = d, e.beginPath(), e.moveTo(c, l), e.lineTo(c, u), e.stroke(), e.fillStyle = s ? r(o, .85) : o, e.fillRect(c - m / 2, _, m, v), a && v > 2 && (e.strokeStyle = o, e.lineWidth = 1, e.strokeRect(c - m / 2, _, m, v)), s && (e.strokeStyle = "rgba(100,116,139,0.3)", e.lineWidth = 1, e.setLineDash([2, 2]), e.beginPath(), e.moveTo(c, t.y), e.lineTo(c, t.y + t.height), e.stroke(), e.setLineDash([]));
+		}
+		if (e.restore(), n !== null) {
+			let t = a([0, this.getVolumeMax()], [0, n.height]);
+			e.save();
+			for (let i = 0; i < c; i++) {
+				let a = this.data[i];
+				if (a === void 0) continue;
+				let o = a.volume ?? 0, s = a.close >= a.open ? this.upColor : this.downColor, c = i === this.hoveredIndex, l = n.x + p * i + p / 2, u = t(o);
+				e.fillStyle = c ? r(s, .6) : r(s, .3), e.fillRect(l - m / 2, n.y + n.height - u, m, u);
+			}
+			e.restore();
+		}
+	}
+	update(e) {
+		this.data = e, this.hoveredIndex = -1, this.render();
+	}
+	destroy() {
+		this.handleMouseMove !== null && this.canvas.removeEventListener("mousemove", this.handleMouseMove), this.handleMouseLeave !== null && this.canvas.removeEventListener("mouseleave", this.handleMouseLeave), this.tooltip?.destroy(), super.destroy();
+	}
+};
+//#endregion
+export { f as CandlestickChart };
+
+//# sourceMappingURL=index.js.map

package/dist/charts/candlestick/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/charts/candlestick/index.ts"],"sourcesContent":["/**\n * Candlestick chart - OHLC financial data visualization\n * @countermeasure/web-components/charts/candlestick\n */\n\nimport { BaseChart } from '../base'\nimport type { CandlestickChartConfig, CandlestickItem } from './types'\nimport { scaleLinear, formatNumber, niceScale, hexToRgba } from '../utils'\nimport { drawXAxis, drawYAxis } from '../axis'\nimport { ChartTooltip } from '../tooltip'\n\nconst DEFAULT_UP_COLOR = '#22c55e'\nconst DEFAULT_DOWN_COLOR = '#ef4444'\nconst VOLUME_RATIO = 0.2\nconst WICK_WIDTH = 1\n\nexport class CandlestickChart extends BaseChart {\n  private data: CandlestickItem[]\n  private upColor: string\n  private downColor: string\n  private showVolume: boolean\n  private tooltipEnabled: boolean\n  private tooltipFormat: ((value: number, label: string, series: string) => string) | null\n  private tooltip: ChartTooltip | null\n  private xAxisConfig: CandlestickChartConfig['xAxis']\n  private yAxisConfig: CandlestickChartConfig['yAxis']\n  private handleMouseMove: ((e: MouseEvent) => void) | null\n  private handleMouseLeave: (() => void) | null\n  private hoveredIndex: number\n\n  constructor(config: CandlestickChartConfig) {\n    super(config)\n\n    this.data = config.data\n    this.upColor = config.upColor ?? DEFAULT_UP_COLOR\n    this.downColor = config.downColor ?? DEFAULT_DOWN_COLOR\n    this.showVolume = config.showVolume === true\n    this.tooltipEnabled = config.tooltip?.enabled !== false\n    this.tooltipFormat = config.tooltip?.format ?? null\n    this.tooltip = null\n    this.xAxisConfig = config.xAxis\n    this.yAxisConfig = config.yAxis\n    this.handleMouseMove = null\n    this.handleMouseLeave = null\n    this.hoveredIndex = -1\n\n    if (this.tooltipEnabled) {\n      this.setupTooltip()\n    }\n\n    this.render()\n  }\n\n  private getPriceRange(): { min: number; max: number } {\n    if (this.data.length === 0) {\n      return { min: 0, max: 100 }\n    }\n    let min = Infinity\n    let max = -Infinity\n    for (const item of this.data) {\n      if (item.low < min) min = item.low\n      if (item.high > max) max = item.high\n    }\n    if (min === max) {\n      return { min: min - 1, max: max + 1 }\n    }\n    return { min, max }\n  }\n\n  private getVolumeMax(): number {\n    let max = 0\n    for (const item of this.data) {\n      const vol = item.volume ?? 0\n      if (vol > max) max = vol\n    }\n    return max > 0 ? max : 1\n  }\n\n  private getPlotAreas(): {\n    priceArea: { x: number; y: number; width: number; height: number }\n    volumeArea: { x: number; y: number; width: number; height: number } | null\n  } {\n    const plot = this.plotArea\n\n    if (this.showVolume) {\n      const volumeHeight = plot.height * VOLUME_RATIO\n      const priceHeight = plot.height - volumeHeight - 10\n      return {\n        priceArea: {\n          x: plot.x,\n          y: plot.y,\n          width: plot.width,\n          height: priceHeight,\n        },\n        volumeArea: {\n          x: plot.x,\n          y: plot.y + priceHeight + 10,\n          width: plot.width,\n          height: volumeHeight,\n        },\n      }\n    }\n\n    return { priceArea: plot, volumeArea: null }\n  }\n\n  private setupTooltip(): void {\n    this.tooltip = new ChartTooltip(this.container)\n\n    this.handleMouseMove = (e: MouseEvent): void => {\n      const rect = this.canvas.getBoundingClientRect()\n      const mx = e.clientX - rect.left\n      const my = e.clientY - rect.top\n\n      const plot = this.plotArea\n      if (this.data.length === 0) return\n\n      const barWidth = plot.width / this.data.length\n      const index = Math.floor((mx - plot.x) / barWidth)\n\n      if (\n        index < 0 ||\n        index >= this.data.length ||\n        mx < plot.x ||\n        mx > plot.x + plot.width ||\n        my < plot.y ||\n        my > plot.y + plot.height\n      ) {\n        if (this.hoveredIndex !== -1) {\n          this.hoveredIndex = -1\n          this.render()\n        }\n        this.tooltip?.hide()\n        return\n      }\n\n      if (index !== this.hoveredIndex) {\n        this.hoveredIndex = index\n        this.render()\n      }\n\n      const item = this.data[index]\n      if (item === undefined) {\n        this.tooltip?.hide()\n        return\n      }\n\n      let content: string\n      if (this.tooltipFormat !== null) {\n        content = this.tooltipFormat(item.close, item.date, 'candlestick')\n      } else {\n        const lines = [\n          `<strong>${item.date}</strong>`,\n          `Open: ${formatNumber(item.open)}`,\n          `High: ${formatNumber(item.high)}`,\n          `Low: ${formatNumber(item.low)}`,\n          `Close: ${formatNumber(item.close)}`,\n        ]\n        if (item.volume !== undefined) {\n          lines.push(`Volume: ${formatNumber(item.volume)}`)\n        }\n        content = lines.join('<br/>')\n      }\n\n      this.tooltip?.show(mx, my, content)\n    }\n\n    this.handleMouseLeave = (): void => {\n      if (this.hoveredIndex !== -1) {\n        this.hoveredIndex = -1\n        this.render()\n      }\n      this.tooltip?.hide()\n    }\n\n    this.canvas.addEventListener('mousemove', this.handleMouseMove)\n    this.canvas.addEventListener('mouseleave', this.handleMouseLeave)\n  }\n\n  public render(): void {\n    this.clear()\n\n    const { ctx } = this\n    const { priceArea, volumeArea } = this.getPlotAreas()\n    const count = this.data.length\n\n    if (count === 0) return\n\n    const priceRange = this.getPriceRange()\n    const nice = niceScale(\n      this.yAxisConfig?.min ?? priceRange.min,\n      this.yAxisConfig?.max ?? priceRange.max,\n      this.yAxisConfig?.tickCount ?? 6\n    )\n\n    const yScale = scaleLinear([nice.min, nice.max], [priceArea.y + priceArea.height, priceArea.y])\n\n    const barWidth = priceArea.width / count\n    const bodyWidth = Math.max(1, barWidth * 0.7)\n\n    // Draw Y axis\n    drawYAxis(ctx, priceArea, nice.min, nice.max, this.yAxisConfig)\n\n    // Draw X axis labels\n    const dateLabels = this.data.map(item => item.date)\n    const maxLabels = Math.floor(priceArea.width / 60)\n    const step = Math.max(1, Math.ceil(count / maxLabels))\n    const visibleLabels: string[] = []\n    for (let i = 0; i < count; i++) {\n      const label = dateLabels[i]\n      if (i % step === 0 && label !== undefined) {\n        visibleLabels.push(label)\n      } else {\n        visibleLabels.push('')\n      }\n    }\n    drawXAxis(ctx, priceArea, visibleLabels, this.xAxisConfig)\n\n    // Draw candlesticks\n    ctx.save()\n    for (let i = 0; i < count; i++) {\n      const item = this.data[i]\n      if (item === undefined) continue\n\n      const isUp = item.close >= item.open\n      const color = isUp ? this.upColor : this.downColor\n      const isHovered = i === this.hoveredIndex\n\n      const centerX = priceArea.x + barWidth * i + barWidth / 2\n      const highY = yScale(item.high)\n      const lowY = yScale(item.low)\n      const openY = yScale(item.open)\n      const closeY = yScale(item.close)\n\n      const bodyTop = Math.min(openY, closeY)\n      const bodyHeight = Math.max(1, Math.abs(closeY - openY))\n\n      // Draw wick\n      ctx.strokeStyle = color\n      ctx.lineWidth = WICK_WIDTH\n      ctx.beginPath()\n      ctx.moveTo(centerX, highY)\n      ctx.lineTo(centerX, lowY)\n      ctx.stroke()\n\n      // Draw body\n      ctx.fillStyle = isHovered ? hexToRgba(color, 0.85) : color\n      ctx.fillRect(centerX - bodyWidth / 2, bodyTop, bodyWidth, bodyHeight)\n\n      // Hollow body for up candles (optional visual distinction)\n      if (isUp && bodyHeight > 2) {\n        ctx.strokeStyle = color\n        ctx.lineWidth = 1\n        ctx.strokeRect(centerX - bodyWidth / 2, bodyTop, bodyWidth, bodyHeight)\n      }\n\n      // Hover highlight\n      if (isHovered) {\n        ctx.strokeStyle = 'rgba(100,116,139,0.3)'\n        ctx.lineWidth = 1\n        ctx.setLineDash([2, 2])\n        ctx.beginPath()\n        ctx.moveTo(centerX, priceArea.y)\n        ctx.lineTo(centerX, priceArea.y + priceArea.height)\n        ctx.stroke()\n        ctx.setLineDash([])\n      }\n    }\n    ctx.restore()\n\n    // Draw volume bars\n    if (volumeArea !== null) {\n      const volMax = this.getVolumeMax()\n      const volScale = scaleLinear([0, volMax], [0, volumeArea.height])\n\n      ctx.save()\n      for (let i = 0; i < count; i++) {\n        const item = this.data[i]\n        if (item === undefined) continue\n\n        const vol = item.volume ?? 0\n        const isUp = item.close >= item.open\n        const color = isUp ? this.upColor : this.downColor\n        const isHovered = i === this.hoveredIndex\n\n        const centerX = volumeArea.x + barWidth * i + barWidth / 2\n        const volHeight = volScale(vol)\n\n        ctx.fillStyle = isHovered ? hexToRgba(color, 0.6) : hexToRgba(color, 0.3)\n        ctx.fillRect(\n          centerX - bodyWidth / 2,\n          volumeArea.y + volumeArea.height - volHeight,\n          bodyWidth,\n          volHeight\n        )\n      }\n      ctx.restore()\n    }\n  }\n\n  public update(data: CandlestickItem[]): void {\n    this.data = data\n    this.hoveredIndex = -1\n    this.render()\n  }\n\n  public override destroy(): void {\n    if (this.handleMouseMove !== null) {\n      this.canvas.removeEventListener('mousemove', this.handleMouseMove)\n    }\n    if (this.handleMouseLeave !== null) {\n      this.canvas.removeEventListener('mouseleave', this.handleMouseLeave)\n    }\n    this.tooltip?.destroy()\n    super.destroy()\n  }\n}\n"],"mappings":"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"}

package/dist/charts/candlestick/types.d.ts

@@ -0,0 +1,19 @@
+import { BaseChartConfig, AxisConfig, TooltipConfig } from '../types';
+export interface CandlestickItem {
+    date: string;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+    volume?: number;
+}
+export interface CandlestickChartConfig extends BaseChartConfig {
+    data: CandlestickItem[];
+    xAxis?: AxisConfig;
+    yAxis?: AxisConfig;
+    tooltip?: TooltipConfig;
+    upColor?: string;
+    downColor?: string;
+    showVolume?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/charts/candlestick/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/candlestick/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE1E,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,eAAe;IAC7D,IAAI,EAAE,eAAe,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB"}

package/dist/charts/funnel/index.d.ts

@@ -0,0 +1,29 @@
+import { BaseChart } from '../base';
+import { FunnelChartConfig, FunnelSegment } from './types';
+export declare class FunnelChart extends BaseChart {
+    private segments;
+    private resolved;
+    private colors;
+    private showLabels;
+    private showValues;
+    private direction;
+    private curved;
+    private gap;
+    private tooltip;
+    private hoveredIndex;
+    private boundMouseMove;
+    private boundMouseLeave;
+    constructor(config: FunnelChartConfig);
+    /** Replace the segments and re-render */
+    update(segments: FunnelSegment[]): void;
+    render(): void;
+    destroy(): void;
+    private resolveSegments;
+    private findMaxValue;
+    private renderVertical;
+    private renderHorizontal;
+    private drawSegmentText;
+    private handleMouseMove;
+    private handleMouseLeave;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/funnel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/funnel/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnC,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAkB/D,qBAAa,WAAY,SAAQ,SAAS;IACxC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAA2B;IAC5C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,GAAG,CAAQ;IAEnB,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,cAAc,CAAyB;IAC/C,OAAO,CAAC,eAAe,CAAY;gBAEvB,MAAM,EAAE,iBAAiB;IA4BrC,yCAAyC;IACzC,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAI;IAMvC,MAAM,IAAI,IAAI;IAYL,OAAO,IAAI,IAAI;IASxB,OAAO,CAAC,eAAe;IAwBvB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,cAAc;IAsDtB,OAAO,CAAC,gBAAgB;IAuDxB,OAAO,CAAC,eAAe;IA0BvB,OAAO,CAAC,eAAe;IA2DvB,OAAO,CAAC,gBAAgB;CASzB"}