@countermeasure-platform/web-components 0.2.0

package/dist/charts/funnel/index.js

@@ -0,0 +1,126 @@
+import { BaseChart as e } from "../base.js";
+import { ChartTooltip as t } from "../tooltip.js";
+import { defaultColors as n, formatNumber as r, hexToRgba as i } from "../utils.js";
+//#region src/charts/funnel/index.ts
+var a = "#334155", o = "#64748b", s = "12px system-ui, sans-serif", c = "11px system-ui, sans-serif", l = .12, u = class extends e {
+	segments;
+	resolved = [];
+	colors;
+	showLabels;
+	showValues;
+	direction;
+	curved;
+	gap;
+	tooltip = null;
+	hoveredIndex = -1;
+	boundMouseMove;
+	boundMouseLeave;
+	constructor(e) {
+		super(e), this.segments = e.segments, this.colors = n(), this.showLabels = e.showLabels ?? !0, this.showValues = e.showValues ?? !0, this.direction = e.direction ?? "vertical", this.curved = e.curved ?? !1, this.gap = e.gap ?? 2, e.tooltip?.enabled !== !1 && (this.tooltip = new t(this.container)), this.boundMouseMove = (e) => {
+			this.handleMouseMove(e);
+		}, this.boundMouseLeave = () => {
+			this.handleMouseLeave();
+		}, this.canvas.addEventListener("mousemove", this.boundMouseMove), this.canvas.addEventListener("mouseleave", this.boundMouseLeave), this.resolveSegments(), this.render();
+	}
+	update(e) {
+		this.segments = e, this.resolveSegments(), this.render();
+	}
+	render() {
+		this.clear(), this.resolved.length !== 0 && (this.direction === "horizontal" ? this.renderHorizontal() : this.renderVertical());
+	}
+	destroy() {
+		this.canvas.removeEventListener("mousemove", this.boundMouseMove), this.canvas.removeEventListener("mouseleave", this.boundMouseLeave), this.tooltip !== null && this.tooltip.destroy(), super.destroy();
+	}
+	resolveSegments() {
+		let e = this.findMaxValue(), t = this.segments[0]?.value ?? 1;
+		this.resolved = [];
+		for (let n = 0; n < this.segments.length; n++) {
+			let r = this.segments[n];
+			if (r === void 0) continue;
+			let i = r.color ?? this.colors[n % this.colors.length] ?? "#3b82f6", a = e > 0 ? r.value / e : 0, o = t > 0 ? r.value / t * 100 : 0;
+			this.resolved.push({
+				label: r.label,
+				value: r.value,
+				color: i,
+				widthRatio: a,
+				percentage: o
+			});
+		}
+	}
+	findMaxValue() {
+		let e = 0;
+		for (let t of this.segments) t.value > e && (e = t.value);
+		return e;
+	}
+	renderVertical() {
+		let e = this.plotArea, t = this.resolved.length;
+		if (t === 0) return;
+		let n = this.gap * Math.max(0, t - 1), r = (e.height - n) / t;
+		for (let n = 0; n < t; n++) {
+			let t = this.resolved[n];
+			if (t === void 0) continue;
+			let a = this.resolved[n + 1], o = t.widthRatio * e.width, s = a === void 0 ? o * .7 : a.widthRatio * e.width, c = e.y + n * (r + this.gap), u = e.x + e.width / 2, d = u - o / 2, f = u + o / 2, p = u - s / 2, m = u + s / 2, h = n === this.hoveredIndex ? i(t.color, 1 - l) : t.color;
+			if (this.ctx.save(), this.ctx.beginPath(), this.curved) {
+				let e = c + r * .6;
+				this.ctx.moveTo(d, c), this.ctx.lineTo(f, c), this.ctx.quadraticCurveTo(f, e, m, c + r), this.ctx.lineTo(p, c + r), this.ctx.quadraticCurveTo(d, e, d, c);
+			} else this.ctx.moveTo(d, c), this.ctx.lineTo(f, c), this.ctx.lineTo(m, c + r), this.ctx.lineTo(p, c + r);
+			this.ctx.closePath(), this.ctx.fillStyle = h, this.ctx.fill(), this.ctx.restore(), this.drawSegmentText(u, c + r / 2, t);
+		}
+	}
+	renderHorizontal() {
+		let e = this.plotArea, t = this.resolved.length;
+		if (t === 0) return;
+		let n = this.gap * Math.max(0, t - 1), r = (e.width - n) / t;
+		for (let n = 0; n < t; n++) {
+			let t = this.resolved[n];
+			if (t === void 0) continue;
+			let a = this.resolved[n + 1], o = t.widthRatio * e.height, s = a === void 0 ? o * .7 : a.widthRatio * e.height, c = e.x + n * (r + this.gap), u = e.y + e.height / 2, d = u - o / 2, f = u + o / 2, p = u - s / 2, m = u + s / 2, h = n === this.hoveredIndex ? i(t.color, 1 - l) : t.color;
+			if (this.ctx.save(), this.ctx.beginPath(), this.curved) {
+				let e = c + r * .6;
+				this.ctx.moveTo(c, d), this.ctx.lineTo(c, f), this.ctx.quadraticCurveTo(e, f, c + r, m), this.ctx.lineTo(c + r, p), this.ctx.quadraticCurveTo(e, d, c, d);
+			} else this.ctx.moveTo(c, d), this.ctx.lineTo(c, f), this.ctx.lineTo(c + r, m), this.ctx.lineTo(c + r, p);
+			this.ctx.closePath(), this.ctx.fillStyle = h, this.ctx.fill(), this.ctx.restore(), this.drawSegmentText(c + r / 2, u, t);
+		}
+	}
+	drawSegmentText(e, t, n) {
+		this.ctx.save(), this.ctx.textAlign = "center", this.ctx.textBaseline = "middle", this.showLabels && this.showValues ? (this.ctx.fillStyle = a, this.ctx.font = s, this.ctx.fillText(n.label, e, t - 8), this.ctx.fillStyle = o, this.ctx.font = c, this.ctx.fillText(`${r(n.value)} (${n.percentage.toFixed(1)}%)`, e, t + 8)) : this.showLabels ? (this.ctx.fillStyle = a, this.ctx.font = s, this.ctx.fillText(n.label, e, t)) : this.showValues && (this.ctx.fillStyle = o, this.ctx.font = c, this.ctx.fillText(r(n.value), e, t)), this.ctx.restore();
+	}
+	handleMouseMove(e) {
+		let t = this.canvas.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top, a = this.plotArea, o = this.resolved.length;
+		if (o === 0) return;
+		let s = -1;
+		if (this.direction === "horizontal") {
+			let e = this.gap * Math.max(0, o - 1), t = (a.width - e) / o, r = n - a.x;
+			if (r >= 0 && r <= a.width && i >= a.y && i <= a.y + a.height) for (let e = 0; e < o; e++) {
+				let n = e * (t + this.gap), i = n + t;
+				if (r >= n && r < i) {
+					s = e;
+					break;
+				}
+			}
+		} else {
+			let e = this.gap * Math.max(0, o - 1), t = (a.height - e) / o, r = i - a.y;
+			if (r >= 0 && r <= a.height && n >= a.x && n <= a.x + a.width) for (let e = 0; e < o; e++) {
+				let n = e * (t + this.gap), i = n + t;
+				if (r >= n && r < i) {
+					s = e;
+					break;
+				}
+			}
+		}
+		if (s !== this.hoveredIndex && (this.hoveredIndex = s, this.render()), s !== -1 && this.tooltip !== null) {
+			let e = this.resolved[s];
+			if (e !== void 0) {
+				let t = `<strong>${e.label}</strong><br/>${r(e.value)} (${e.percentage.toFixed(1)}%)`;
+				this.tooltip.show(n, i, t);
+			}
+		} else this.tooltip !== null && this.tooltip.hide();
+	}
+	handleMouseLeave() {
+		this.hoveredIndex !== -1 && (this.hoveredIndex = -1, this.tooltip !== null && this.tooltip.hide(), this.render());
+	}
+};
+//#endregion
+export { u as FunnelChart };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/charts/funnel/index.ts"],"sourcesContent":["/**\n * Funnel chart using Canvas 2D\n * @countermeasure/web-components/charts/funnel\n */\n\nimport { BaseChart } from '../base'\nimport { defaultColors, hexToRgba, formatNumber } from '../utils'\nimport { ChartTooltip } from '../tooltip'\nimport type { FunnelChartConfig, FunnelSegment } from './types'\n\nconst LABEL_COLOR = '#334155'\nconst VALUE_COLOR = '#64748b'\nconst LABEL_FONT = '12px system-ui, sans-serif'\nconst VALUE_FONT = '11px system-ui, sans-serif'\nconst HOVER_ALPHA_DELTA = 0.12\n\ninterface ResolvedSegment {\n  label: string\n  value: number\n  color: string\n  /** Width ratio relative to max value (0-1) */\n  widthRatio: number\n  /** Percentage of first segment value */\n  percentage: number\n}\n\nexport class FunnelChart extends BaseChart {\n  private segments: FunnelSegment[]\n  private resolved: ResolvedSegment[] = []\n  private colors: string[]\n  private showLabels: boolean\n  private showValues: boolean\n  private direction: 'vertical' | 'horizontal'\n  private curved: boolean\n  private gap: number\n\n  private tooltip: ChartTooltip | null = null\n  private hoveredIndex = -1\n  private boundMouseMove: (e: MouseEvent) => void\n  private boundMouseLeave: () => void\n\n  constructor(config: FunnelChartConfig) {\n    super(config)\n    this.segments = config.segments\n    this.colors = defaultColors()\n    this.showLabels = config.showLabels ?? true\n    this.showValues = config.showValues ?? true\n    this.direction = config.direction ?? 'vertical'\n    this.curved = config.curved ?? false\n    this.gap = config.gap ?? 2\n\n    if (config.tooltip?.enabled !== false) {\n      this.tooltip = new ChartTooltip(this.container)\n    }\n\n    this.boundMouseMove = (e: MouseEvent) => {\n      this.handleMouseMove(e)\n    }\n    this.boundMouseLeave = () => {\n      this.handleMouseLeave()\n    }\n\n    this.canvas.addEventListener('mousemove', this.boundMouseMove)\n    this.canvas.addEventListener('mouseleave', this.boundMouseLeave)\n\n    this.resolveSegments()\n    this.render()\n  }\n\n  /** Replace the segments and re-render */\n  update(segments: FunnelSegment[]): void {\n    this.segments = segments\n    this.resolveSegments()\n    this.render()\n  }\n\n  render(): void {\n    this.clear()\n\n    if (this.resolved.length === 0) return\n\n    if (this.direction === 'horizontal') {\n      this.renderHorizontal()\n    } else {\n      this.renderVertical()\n    }\n  }\n\n  override destroy(): void {\n    this.canvas.removeEventListener('mousemove', this.boundMouseMove)\n    this.canvas.removeEventListener('mouseleave', this.boundMouseLeave)\n    if (this.tooltip !== null) {\n      this.tooltip.destroy()\n    }\n    super.destroy()\n  }\n\n  private resolveSegments(): void {\n    const maxVal = this.findMaxValue()\n    const firstVal = this.segments[0]?.value ?? 1\n\n    this.resolved = []\n\n    for (let i = 0; i < this.segments.length; i++) {\n      const seg = this.segments[i]\n      if (seg === undefined) continue\n\n      const color = seg.color ?? this.colors[i % this.colors.length] ?? '#3b82f6'\n      const widthRatio = maxVal > 0 ? seg.value / maxVal : 0\n      const percentage = firstVal > 0 ? (seg.value / firstVal) * 100 : 0\n\n      this.resolved.push({\n        label: seg.label,\n        value: seg.value,\n        color,\n        widthRatio,\n        percentage,\n      })\n    }\n  }\n\n  private findMaxValue(): number {\n    let max = 0\n    for (const seg of this.segments) {\n      if (seg.value > max) {\n        max = seg.value\n      }\n    }\n    return max\n  }\n\n  private renderVertical(): void {\n    const plot = this.plotArea\n    const count = this.resolved.length\n    if (count === 0) return\n\n    const totalGap = this.gap * Math.max(0, count - 1)\n    const segmentHeight = (plot.height - totalGap) / count\n\n    for (let i = 0; i < count; i++) {\n      const seg = this.resolved[i]\n      if (seg === undefined) continue\n\n      const nextSeg = this.resolved[i + 1]\n      const currentWidth = seg.widthRatio * plot.width\n      const nextWidth = nextSeg !== undefined ? nextSeg.widthRatio * plot.width : currentWidth * 0.7\n\n      const y = plot.y + i * (segmentHeight + this.gap)\n      const cx = plot.x + plot.width / 2\n\n      const topLeft = cx - currentWidth / 2\n      const topRight = cx + currentWidth / 2\n      const bottomLeft = cx - nextWidth / 2\n      const bottomRight = cx + nextWidth / 2\n\n      const isHovered = i === this.hoveredIndex\n      const fillColor = isHovered ? hexToRgba(seg.color, 1 - HOVER_ALPHA_DELTA) : seg.color\n\n      this.ctx.save()\n      this.ctx.beginPath()\n\n      if (this.curved) {\n        const cpY = y + segmentHeight * 0.6\n        this.ctx.moveTo(topLeft, y)\n        this.ctx.lineTo(topRight, y)\n        this.ctx.quadraticCurveTo(topRight, cpY, bottomRight, y + segmentHeight)\n        this.ctx.lineTo(bottomLeft, y + segmentHeight)\n        this.ctx.quadraticCurveTo(topLeft, cpY, topLeft, y)\n      } else {\n        this.ctx.moveTo(topLeft, y)\n        this.ctx.lineTo(topRight, y)\n        this.ctx.lineTo(bottomRight, y + segmentHeight)\n        this.ctx.lineTo(bottomLeft, y + segmentHeight)\n      }\n\n      this.ctx.closePath()\n      this.ctx.fillStyle = fillColor\n      this.ctx.fill()\n      this.ctx.restore()\n\n      // Draw text\n      this.drawSegmentText(cx, y + segmentHeight / 2, seg)\n    }\n  }\n\n  private renderHorizontal(): void {\n    const plot = this.plotArea\n    const count = this.resolved.length\n    if (count === 0) return\n\n    const totalGap = this.gap * Math.max(0, count - 1)\n    const segmentWidth = (plot.width - totalGap) / count\n\n    for (let i = 0; i < count; i++) {\n      const seg = this.resolved[i]\n      if (seg === undefined) continue\n\n      const nextSeg = this.resolved[i + 1]\n      const currentHeight = seg.widthRatio * plot.height\n      const nextHeight =\n        nextSeg !== undefined ? nextSeg.widthRatio * plot.height : currentHeight * 0.7\n\n      const x = plot.x + i * (segmentWidth + this.gap)\n      const cy = plot.y + plot.height / 2\n\n      const leftTop = cy - currentHeight / 2\n      const leftBottom = cy + currentHeight / 2\n      const rightTop = cy - nextHeight / 2\n      const rightBottom = cy + nextHeight / 2\n\n      const isHovered = i === this.hoveredIndex\n      const fillColor = isHovered ? hexToRgba(seg.color, 1 - HOVER_ALPHA_DELTA) : seg.color\n\n      this.ctx.save()\n      this.ctx.beginPath()\n\n      if (this.curved) {\n        const cpX = x + segmentWidth * 0.6\n        this.ctx.moveTo(x, leftTop)\n        this.ctx.lineTo(x, leftBottom)\n        this.ctx.quadraticCurveTo(cpX, leftBottom, x + segmentWidth, rightBottom)\n        this.ctx.lineTo(x + segmentWidth, rightTop)\n        this.ctx.quadraticCurveTo(cpX, leftTop, x, leftTop)\n      } else {\n        this.ctx.moveTo(x, leftTop)\n        this.ctx.lineTo(x, leftBottom)\n        this.ctx.lineTo(x + segmentWidth, rightBottom)\n        this.ctx.lineTo(x + segmentWidth, rightTop)\n      }\n\n      this.ctx.closePath()\n      this.ctx.fillStyle = fillColor\n      this.ctx.fill()\n      this.ctx.restore()\n\n      // Draw text\n      this.drawSegmentText(x + segmentWidth / 2, cy, seg)\n    }\n  }\n\n  private drawSegmentText(cx: number, cy: number, seg: ResolvedSegment): void {\n    this.ctx.save()\n    this.ctx.textAlign = 'center'\n    this.ctx.textBaseline = 'middle'\n\n    if (this.showLabels && this.showValues) {\n      this.ctx.fillStyle = LABEL_COLOR\n      this.ctx.font = LABEL_FONT\n      this.ctx.fillText(seg.label, cx, cy - 8)\n\n      this.ctx.fillStyle = VALUE_COLOR\n      this.ctx.font = VALUE_FONT\n      this.ctx.fillText(`${formatNumber(seg.value)} (${seg.percentage.toFixed(1)}%)`, cx, cy + 8)\n    } else if (this.showLabels) {\n      this.ctx.fillStyle = LABEL_COLOR\n      this.ctx.font = LABEL_FONT\n      this.ctx.fillText(seg.label, cx, cy)\n    } else if (this.showValues) {\n      this.ctx.fillStyle = VALUE_COLOR\n      this.ctx.font = VALUE_FONT\n      this.ctx.fillText(formatNumber(seg.value), cx, cy)\n    }\n\n    this.ctx.restore()\n  }\n\n  private 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    const count = this.resolved.length\n    if (count === 0) return\n\n    let found = -1\n\n    if (this.direction === 'horizontal') {\n      const totalGap = this.gap * Math.max(0, count - 1)\n      const segmentWidth = (plot.width - totalGap) / count\n      const relX = mx - plot.x\n\n      if (relX >= 0 && relX <= plot.width && my >= plot.y && my <= plot.y + plot.height) {\n        for (let i = 0; i < count; i++) {\n          const segStart = i * (segmentWidth + this.gap)\n          const segEnd = segStart + segmentWidth\n          if (relX >= segStart && relX < segEnd) {\n            found = i\n            break\n          }\n        }\n      }\n    } else {\n      const totalGap = this.gap * Math.max(0, count - 1)\n      const segmentHeight = (plot.height - totalGap) / count\n      const relY = my - plot.y\n\n      if (relY >= 0 && relY <= plot.height && mx >= plot.x && mx <= plot.x + plot.width) {\n        for (let i = 0; i < count; i++) {\n          const segStart = i * (segmentHeight + this.gap)\n          const segEnd = segStart + segmentHeight\n          if (relY >= segStart && relY < segEnd) {\n            found = i\n            break\n          }\n        }\n      }\n    }\n\n    if (found !== this.hoveredIndex) {\n      this.hoveredIndex = found\n      this.render()\n    }\n\n    if (found !== -1 && this.tooltip !== null) {\n      const seg = this.resolved[found]\n      if (seg !== undefined) {\n        const content = `<strong>${seg.label}</strong><br/>${formatNumber(seg.value)} (${seg.percentage.toFixed(1)}%)`\n        this.tooltip.show(mx, my, content)\n      }\n    } else if (this.tooltip !== null) {\n      this.tooltip.hide()\n    }\n  }\n\n  private handleMouseLeave(): void {\n    if (this.hoveredIndex !== -1) {\n      this.hoveredIndex = -1\n      if (this.tooltip !== null) {\n        this.tooltip.hide()\n      }\n      this.render()\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { BaseChartConfig, TooltipConfig } from '../types';
+export interface FunnelSegment {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface FunnelChartConfig extends BaseChartConfig {
+    segments: FunnelSegment[];
+    tooltip?: TooltipConfig;
+    showLabels?: boolean;
+    showValues?: boolean;
+    direction?: 'vertical' | 'horizontal';
+    curved?: boolean;
+    gap?: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/funnel/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE9D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb"}

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

@@ -0,0 +1,26 @@
+import { BaseChart } from '../base';
+import { GaugeChartConfig } from './types';
+export declare class GaugeChart extends BaseChart {
+    private value;
+    private min;
+    private max;
+    private label;
+    private unit;
+    private thresholds;
+    private arcWidth;
+    private startAngle;
+    private endAngle;
+    private showValue;
+    constructor(config: GaugeChartConfig);
+    /** Update just the current value and re-render */
+    updateValue(value: number): void;
+    /** Update the full configuration and re-render */
+    updateConfig(config: Partial<GaugeChartConfig>): void;
+    render(): void;
+    destroy(): void;
+    private drawThresholdArcs;
+    private drawFillArc;
+    private drawNeedle;
+    private drawCenterText;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/gauge/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,SAAS,CAAA;AAU/D,qBAAa,UAAW,SAAQ,SAAS;IACvC,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,GAAG,CAAQ;IACnB,OAAO,CAAC,GAAG,CAAQ;IACnB,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,IAAI,CAAoB;IAChC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,SAAS,CAAS;gBAEd,MAAM,EAAE,gBAAgB;IAgBpC,kDAAkD;IAClD,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKhC,kDAAkD;IAClD,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAkCrD,MAAM,IAAI,IAAI;IAsCL,OAAO,IAAI,IAAI;IAIxB,OAAO,CAAC,iBAAiB;IAwDzB,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,UAAU;IAsClB,OAAO,CAAC,cAAc;CAyCvB"}

package/dist/charts/gauge/index.js

@@ -0,0 +1,70 @@
+import { BaseChart as e } from "../base.js";
+import { clamp as t, defaultColors as n, formatNumber as r } from "../utils.js";
+//#region src/charts/gauge/index.ts
+var i = Math.PI / 180, a = "#e2e8f0", o = "#1e293b", s = "bold 28px system-ui, sans-serif", c = "14px system-ui, sans-serif", l = "13px system-ui, sans-serif", u = "#64748b", d = class extends e {
+	value;
+	min;
+	max;
+	label;
+	unit;
+	thresholds;
+	arcWidth;
+	startAngle;
+	endAngle;
+	showValue;
+	constructor(e) {
+		super(e), this.value = e.value, this.min = e.min ?? 0, this.max = e.max ?? 100, this.label = e.label, this.unit = e.unit, this.thresholds = e.thresholds ?? [], this.arcWidth = e.arcWidth ?? 20, this.startAngle = e.startAngle ?? 135, this.endAngle = e.endAngle ?? 405, this.showValue = e.showValue ?? !0, this.render();
+	}
+	updateValue(e) {
+		this.value = e, this.render();
+	}
+	updateConfig(e) {
+		e.value !== void 0 && (this.value = e.value), e.min !== void 0 && (this.min = e.min), e.max !== void 0 && (this.max = e.max), e.label !== void 0 && (this.label = e.label), e.unit !== void 0 && (this.unit = e.unit), e.thresholds !== void 0 && (this.thresholds = e.thresholds), e.arcWidth !== void 0 && (this.arcWidth = e.arcWidth), e.startAngle !== void 0 && (this.startAngle = e.startAngle), e.endAngle !== void 0 && (this.endAngle = e.endAngle), e.showValue !== void 0 && (this.showValue = e.showValue), this.render();
+	}
+	render() {
+		this.clear();
+		let e = this.plotArea, t = e.x + e.width / 2, n = e.y + e.height * .6, r = Math.min(e.width / 2, e.height * .55) - this.arcWidth / 2, o = this.startAngle * i, s = this.endAngle * i, c = s - o;
+		this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(t, n, r, o, s), this.ctx.strokeStyle = a, this.ctx.lineWidth = this.arcWidth, this.ctx.lineCap = "round", this.ctx.stroke(), this.ctx.restore(), this.thresholds.length > 0 ? this.drawThresholdArcs(t, n, r, o, c) : this.drawFillArc(t, n, r, o, c), this.drawNeedle(t, n, r, o, c), this.showValue && this.drawCenterText(t, n);
+	}
+	destroy() {
+		super.destroy();
+	}
+	drawThresholdArcs(e, r, i, a, o) {
+		let s = [...this.thresholds].sort((e, t) => e.value - t.value), c = this.max - this.min;
+		if (c <= 0) return;
+		let l = (t(this.value, this.min, this.max) - this.min) / c, u = 0;
+		for (let n of s) {
+			let s = t((n.value - this.min) / c, 0, 1), d = a + u * o, f = a + s * o, p = a + l * o, m = Math.min(f, p);
+			m > d && (this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(e, r, i, d, m), this.ctx.strokeStyle = n.color, this.ctx.lineWidth = this.arcWidth, this.ctx.lineCap = "butt", this.ctx.stroke(), this.ctx.restore()), u = s;
+		}
+		if (u < l) {
+			let t = s[s.length - 1]?.color ?? n()[0] ?? "#3b82f6", c = a + u * o, d = a + l * o;
+			this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(e, r, i, c, d), this.ctx.strokeStyle = t, this.ctx.lineWidth = this.arcWidth, this.ctx.lineCap = "butt", this.ctx.stroke(), this.ctx.restore();
+		}
+	}
+	drawFillArc(e, r, i, a, o) {
+		let s = this.max - this.min;
+		if (s <= 0) return;
+		let c = a + (t(this.value, this.min, this.max) - this.min) / s * o, l = n()[0] ?? "#3b82f6";
+		this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(e, r, i, a, c), this.ctx.strokeStyle = l, this.ctx.lineWidth = this.arcWidth, this.ctx.lineCap = "round", this.ctx.stroke(), this.ctx.restore();
+	}
+	drawNeedle(e, n, r, i, a) {
+		let s = this.max - this.min;
+		if (s <= 0) return;
+		let c = i + (t(this.value, this.min, this.max) - this.min) / s * a, l = r - this.arcWidth / 2 - 4;
+		this.ctx.save(), this.ctx.beginPath(), this.ctx.moveTo(e, n), this.ctx.lineTo(e + Math.cos(c) * l, n + Math.sin(c) * l), this.ctx.strokeStyle = o, this.ctx.lineWidth = 2.5, this.ctx.lineCap = "round", this.ctx.stroke(), this.ctx.beginPath(), this.ctx.arc(e, n, 5, 0, Math.PI * 2), this.ctx.fillStyle = o, this.ctx.fill(), this.ctx.restore();
+	}
+	drawCenterText(e, t) {
+		this.ctx.save(), this.ctx.textAlign = "center", this.ctx.textBaseline = "middle";
+		let n = this.unit === void 0 ? r(this.value) : `${r(this.value)}${this.unit}`;
+		this.ctx.fillStyle = o, this.ctx.font = s, this.ctx.fillText(n, e, t + 30), this.label !== void 0 && (this.ctx.fillStyle = u, this.ctx.font = l, this.ctx.fillText(this.label, e, t + 52)), this.ctx.fillStyle = u, this.ctx.font = c;
+		let a = this.plotArea, d = Math.min(a.width / 2, a.height * .55) - this.arcWidth / 2, f = this.startAngle * i, p = this.endAngle * i, m = e + Math.cos(f) * (d + this.arcWidth), h = t + Math.sin(f) * (d + this.arcWidth);
+		this.ctx.textAlign = "center", this.ctx.fillText(r(this.min), m, h + 14);
+		let g = e + Math.cos(p) * (d + this.arcWidth), _ = t + Math.sin(p) * (d + this.arcWidth);
+		this.ctx.fillText(r(this.max), g, _ + 14), this.ctx.restore();
+	}
+};
+//#endregion
+export { d as GaugeChart };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/charts/gauge/index.ts"],"sourcesContent":["/**\n * Gauge chart using Canvas 2D\n * @countermeasure/web-components/charts/gauge\n */\n\nimport { BaseChart } from '../base'\nimport { defaultColors, clamp, formatNumber } from '../utils'\nimport type { GaugeChartConfig, GaugeThreshold } from './types'\n\nconst DEG_TO_RAD = Math.PI / 180\nconst BG_ARC_COLOR = '#e2e8f0'\nconst NEEDLE_COLOR = '#1e293b'\nconst VALUE_FONT = 'bold 28px system-ui, sans-serif'\nconst UNIT_FONT = '14px system-ui, sans-serif'\nconst LABEL_FONT = '13px system-ui, sans-serif'\nconst LABEL_COLOR = '#64748b'\n\nexport class GaugeChart extends BaseChart {\n  private value: number\n  private min: number\n  private max: number\n  private label: string | undefined\n  private unit: string | undefined\n  private thresholds: GaugeThreshold[]\n  private arcWidth: number\n  private startAngle: number\n  private endAngle: number\n  private showValue: boolean\n\n  constructor(config: GaugeChartConfig) {\n    super(config)\n    this.value = config.value\n    this.min = config.min ?? 0\n    this.max = config.max ?? 100\n    this.label = config.label\n    this.unit = config.unit\n    this.thresholds = config.thresholds ?? []\n    this.arcWidth = config.arcWidth ?? 20\n    this.startAngle = config.startAngle ?? 135\n    this.endAngle = config.endAngle ?? 405\n    this.showValue = config.showValue ?? true\n\n    this.render()\n  }\n\n  /** Update just the current value and re-render */\n  updateValue(value: number): void {\n    this.value = value\n    this.render()\n  }\n\n  /** Update the full configuration and re-render */\n  updateConfig(config: Partial<GaugeChartConfig>): void {\n    if (config.value !== undefined) {\n      this.value = config.value\n    }\n    if (config.min !== undefined) {\n      this.min = config.min\n    }\n    if (config.max !== undefined) {\n      this.max = config.max\n    }\n    if (config.label !== undefined) {\n      this.label = config.label\n    }\n    if (config.unit !== undefined) {\n      this.unit = config.unit\n    }\n    if (config.thresholds !== undefined) {\n      this.thresholds = config.thresholds\n    }\n    if (config.arcWidth !== undefined) {\n      this.arcWidth = config.arcWidth\n    }\n    if (config.startAngle !== undefined) {\n      this.startAngle = config.startAngle\n    }\n    if (config.endAngle !== undefined) {\n      this.endAngle = config.endAngle\n    }\n    if (config.showValue !== undefined) {\n      this.showValue = config.showValue\n    }\n    this.render()\n  }\n\n  render(): void {\n    this.clear()\n\n    const plot = this.plotArea\n    const cx = plot.x + plot.width / 2\n    const cy = plot.y + plot.height * 0.6\n    const radius = Math.min(plot.width / 2, plot.height * 0.55) - this.arcWidth / 2\n\n    const startRad = this.startAngle * DEG_TO_RAD\n    const endRad = this.endAngle * DEG_TO_RAD\n    const totalSweep = endRad - startRad\n\n    // Draw background arc\n    this.ctx.save()\n    this.ctx.beginPath()\n    this.ctx.arc(cx, cy, radius, startRad, endRad)\n    this.ctx.strokeStyle = BG_ARC_COLOR\n    this.ctx.lineWidth = this.arcWidth\n    this.ctx.lineCap = 'round'\n    this.ctx.stroke()\n    this.ctx.restore()\n\n    // Draw threshold segments or single fill arc\n    if (this.thresholds.length > 0) {\n      this.drawThresholdArcs(cx, cy, radius, startRad, totalSweep)\n    } else {\n      this.drawFillArc(cx, cy, radius, startRad, totalSweep)\n    }\n\n    // Draw needle\n    this.drawNeedle(cx, cy, radius, startRad, totalSweep)\n\n    // Draw center value\n    if (this.showValue) {\n      this.drawCenterText(cx, cy)\n    }\n  }\n\n  override destroy(): void {\n    super.destroy()\n  }\n\n  private drawThresholdArcs(\n    cx: number,\n    cy: number,\n    radius: number,\n    startRad: number,\n    totalSweep: number\n  ): void {\n    // Sort thresholds by value\n    const sorted = [...this.thresholds].sort((a, b) => a.value - b.value)\n    const range = this.max - this.min\n    if (range <= 0) return\n\n    const clampedValue = clamp(this.value, this.min, this.max)\n    const valueRatio = (clampedValue - this.min) / range\n\n    let prevRatio = 0\n\n    for (const threshold of sorted) {\n      const thresholdRatio = clamp((threshold.value - this.min) / range, 0, 1)\n      const segStart = startRad + prevRatio * totalSweep\n      const segEnd = startRad + thresholdRatio * totalSweep\n\n      // Only draw segments up to the current value\n      const fillEnd = startRad + valueRatio * totalSweep\n      const drawEnd = Math.min(segEnd, fillEnd)\n\n      if (drawEnd > segStart) {\n        this.ctx.save()\n        this.ctx.beginPath()\n        this.ctx.arc(cx, cy, radius, segStart, drawEnd)\n        this.ctx.strokeStyle = threshold.color\n        this.ctx.lineWidth = this.arcWidth\n        this.ctx.lineCap = 'butt'\n        this.ctx.stroke()\n        this.ctx.restore()\n      }\n\n      prevRatio = thresholdRatio\n    }\n\n    // Fill remaining from last threshold to max (if value extends beyond last threshold)\n    if (prevRatio < valueRatio) {\n      const lastColor = sorted[sorted.length - 1]?.color ?? defaultColors()[0] ?? '#3b82f6'\n      const segStart = startRad + prevRatio * totalSweep\n      const fillEnd = startRad + valueRatio * totalSweep\n      this.ctx.save()\n      this.ctx.beginPath()\n      this.ctx.arc(cx, cy, radius, segStart, fillEnd)\n      this.ctx.strokeStyle = lastColor\n      this.ctx.lineWidth = this.arcWidth\n      this.ctx.lineCap = 'butt'\n      this.ctx.stroke()\n      this.ctx.restore()\n    }\n  }\n\n  private drawFillArc(\n    cx: number,\n    cy: number,\n    radius: number,\n    startRad: number,\n    totalSweep: number\n  ): void {\n    const range = this.max - this.min\n    if (range <= 0) return\n\n    const clampedValue = clamp(this.value, this.min, this.max)\n    const ratio = (clampedValue - this.min) / range\n    const fillEnd = startRad + ratio * totalSweep\n    const color = defaultColors()[0] ?? '#3b82f6'\n\n    this.ctx.save()\n    this.ctx.beginPath()\n    this.ctx.arc(cx, cy, radius, startRad, fillEnd)\n    this.ctx.strokeStyle = color\n    this.ctx.lineWidth = this.arcWidth\n    this.ctx.lineCap = 'round'\n    this.ctx.stroke()\n    this.ctx.restore()\n  }\n\n  private drawNeedle(\n    cx: number,\n    cy: number,\n    radius: number,\n    startRad: number,\n    totalSweep: number\n  ): void {\n    const range = this.max - this.min\n    if (range <= 0) return\n\n    const clampedValue = clamp(this.value, this.min, this.max)\n    const ratio = (clampedValue - this.min) / range\n    const needleAngle = startRad + ratio * totalSweep\n    const needleLength = radius - this.arcWidth / 2 - 4\n\n    this.ctx.save()\n\n    // Needle line\n    this.ctx.beginPath()\n    this.ctx.moveTo(cx, cy)\n    this.ctx.lineTo(\n      cx + Math.cos(needleAngle) * needleLength,\n      cy + Math.sin(needleAngle) * needleLength\n    )\n    this.ctx.strokeStyle = NEEDLE_COLOR\n    this.ctx.lineWidth = 2.5\n    this.ctx.lineCap = 'round'\n    this.ctx.stroke()\n\n    // Center dot\n    this.ctx.beginPath()\n    this.ctx.arc(cx, cy, 5, 0, Math.PI * 2)\n    this.ctx.fillStyle = NEEDLE_COLOR\n    this.ctx.fill()\n\n    this.ctx.restore()\n  }\n\n  private drawCenterText(cx: number, cy: number): void {\n    this.ctx.save()\n    this.ctx.textAlign = 'center'\n    this.ctx.textBaseline = 'middle'\n\n    // Value text\n    const valueText =\n      this.unit !== undefined ? `${formatNumber(this.value)}${this.unit}` : formatNumber(this.value)\n\n    this.ctx.fillStyle = NEEDLE_COLOR\n    this.ctx.font = VALUE_FONT\n    this.ctx.fillText(valueText, cx, cy + 30)\n\n    // Optional label below value\n    if (this.label !== undefined) {\n      this.ctx.fillStyle = LABEL_COLOR\n      this.ctx.font = LABEL_FONT\n      this.ctx.fillText(this.label, cx, cy + 52)\n    }\n\n    // Min and max labels\n    this.ctx.fillStyle = LABEL_COLOR\n    this.ctx.font = UNIT_FONT\n\n    const plot = this.plotArea\n    const gaugeRadius = Math.min(plot.width / 2, plot.height * 0.55) - this.arcWidth / 2\n\n    const startRad = this.startAngle * DEG_TO_RAD\n    const endRad = this.endAngle * DEG_TO_RAD\n\n    const minX = cx + Math.cos(startRad) * (gaugeRadius + this.arcWidth)\n    const minY = cy + Math.sin(startRad) * (gaugeRadius + this.arcWidth)\n    this.ctx.textAlign = 'center'\n    this.ctx.fillText(formatNumber(this.min), minX, minY + 14)\n\n    const maxX = cx + Math.cos(endRad) * (gaugeRadius + this.arcWidth)\n    const maxY = cy + Math.sin(endRad) * (gaugeRadius + this.arcWidth)\n    this.ctx.fillText(formatNumber(this.max), maxX, maxY + 14)\n\n    this.ctx.restore()\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import { BaseChartConfig } from '../types';
+export interface GaugeThreshold {
+    value: number;
+    color: string;
+}
+export interface GaugeChartConfig extends BaseChartConfig {
+    value: number;
+    min?: number;
+    max?: number;
+    label?: string;
+    unit?: string;
+    thresholds?: GaugeThreshold[];
+    arcWidth?: number;
+    startAngle?: number;
+    endAngle?: number;
+    showValue?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/gauge/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,cAAc,EAAE,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}

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

@@ -0,0 +1,29 @@
+import { BaseChart } from '../base';
+import { HeatmapChartConfig, HeatmapCell } from './types';
+export declare class HeatmapChart extends BaseChart {
+    private data;
+    private rowLabels;
+    private colLabels;
+    private colorLow;
+    private colorHigh;
+    private showValues;
+    private cellRadius;
+    private cellGap;
+    private tooltipEnabled;
+    private tooltipFormat;
+    private tooltip;
+    private handleMouseMove;
+    private handleMouseLeave;
+    private valueMin;
+    private valueMax;
+    constructor(config: HeatmapChartConfig);
+    private computeValueRange;
+    private getCellColor;
+    private getCellBounds;
+    private setupTooltip;
+    render(): void;
+    private getContrastTextColor;
+    update(data: HeatmapCell[]): void;
+    destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/heatmap/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAW9D,qBAAa,YAAa,SAAQ,SAAS;IACzC,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,aAAa,CAAmE;IACxF,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,gBAAgB,CAAqB;IAC7C,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,QAAQ,CAAQ;gBAEZ,MAAM,EAAE,kBAAkB;IA4BtC,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,YAAY;IAkDb,MAAM,IAAI,IAAI;IAkFrB,OAAO,CAAC,oBAAoB;IAKrB,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI;IAMxB,OAAO,IAAI,IAAI;CAUhC"}

package/dist/charts/heatmap/index.js

@@ -0,0 +1,113 @@
+import { BaseChart as e } from "../base.js";
+import { ChartTooltip as t } from "../tooltip.js";
+import { clamp as n, formatNumber as r, lerpColor as i, roundRect as a } from "../utils.js";
+//#region src/charts/heatmap/index.ts
+var o = "#f0f9ff", s = "#1e40af", c = 1, l = "11px system-ui, sans-serif", u = "10px system-ui, sans-serif", d = "#64748b", f = class extends e {
+	data;
+	rowLabels;
+	colLabels;
+	colorLow;
+	colorHigh;
+	showValues;
+	cellRadius;
+	cellGap;
+	tooltipEnabled;
+	tooltipFormat;
+	tooltip;
+	handleMouseMove;
+	handleMouseLeave;
+	valueMin;
+	valueMax;
+	constructor(e) {
+		super(e), this.data = e.data, this.rowLabels = e.rowLabels, this.colLabels = e.colLabels, this.colorLow = e.colorRange === void 0 ? o : e.colorRange[0], this.colorHigh = e.colorRange === void 0 ? s : e.colorRange[1], this.showValues = e.showValues === !0, this.cellRadius = e.cellRadius ?? 0, this.cellGap = e.cellGap ?? c, this.tooltipEnabled = e.tooltip?.enabled !== !1, this.tooltipFormat = e.tooltip?.format ?? null, this.tooltip = null, this.handleMouseMove = null, this.handleMouseLeave = null, this.valueMin = 0, this.valueMax = 0, this.computeValueRange(), this.tooltipEnabled && this.setupTooltip(), this.render();
+	}
+	computeValueRange() {
+		if (this.data.length === 0) {
+			this.valueMin = 0, this.valueMax = 1;
+			return;
+		}
+		let e = Infinity, t = -Infinity;
+		for (let n of this.data) n.value < e && (e = n.value), n.value > t && (t = n.value);
+		this.valueMin = e, this.valueMax = t === e ? e + 1 : t;
+	}
+	getCellColor(e) {
+		let t = n((e - this.valueMin) / (this.valueMax - this.valueMin), 0, 1);
+		return i(this.colorLow, this.colorHigh, t);
+	}
+	getCellBounds() {
+		let e = this.plotArea, t = this.colLabels.length, n = this.rowLabels.length;
+		return t === 0 || n === 0 ? {
+			cellWidth: 0,
+			cellHeight: 0,
+			offsetX: e.x,
+			offsetY: e.y
+		} : {
+			cellWidth: (e.width - this.cellGap * (t - 1)) / t,
+			cellHeight: (e.height - this.cellGap * (n - 1)) / n,
+			offsetX: e.x,
+			offsetY: e.y
+		};
+	}
+	setupTooltip() {
+		this.tooltip = new t(this.container), this.handleMouseMove = (e) => {
+			let t = this.canvas.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top, { cellWidth: a, cellHeight: o, offsetX: s, offsetY: c } = this.getCellBounds();
+			if (a <= 0 || o <= 0) return;
+			let l = Math.floor((n - s) / (a + this.cellGap)), u = Math.floor((i - c) / (o + this.cellGap));
+			if (l < 0 || l >= this.colLabels.length || u < 0 || u >= this.rowLabels.length) {
+				this.tooltip?.hide();
+				return;
+			}
+			let d = s + l * (a + this.cellGap), f = c + u * (o + this.cellGap);
+			if (n < d || n > d + a || i < f || i > f + o) {
+				this.tooltip?.hide();
+				return;
+			}
+			let p = this.data.find((e) => e.row === u && e.col === l), m = p === void 0 ? 0 : p.value, h = this.rowLabels[u] ?? String(u), g = this.colLabels[l] ?? String(l), _;
+			_ = this.tooltipFormat === null ? `<strong>${h} / ${g}</strong><br/>Value: ${r(m)}` : this.tooltipFormat(m, h, g), this.tooltip?.show(n, i, _);
+		}, this.handleMouseLeave = () => {
+			this.tooltip?.hide();
+		}, this.canvas.addEventListener("mousemove", this.handleMouseMove), this.canvas.addEventListener("mouseleave", this.handleMouseLeave);
+	}
+	render() {
+		this.clear();
+		let { ctx: e } = this, t = this.plotArea, n = this.colLabels.length, i = this.rowLabels.length;
+		if (n === 0 || i === 0) return;
+		let { cellWidth: o, cellHeight: s, offsetX: c, offsetY: f } = this.getCellBounds();
+		e.save(), e.fillStyle = d, e.font = l, e.textAlign = "center", e.textBaseline = "bottom";
+		for (let r = 0; r < n; r++) {
+			let n = this.colLabels[r];
+			if (n === void 0) continue;
+			let i = c + r * (o + this.cellGap) + o / 2;
+			e.fillText(n, i, t.y - 4, o);
+		}
+		e.restore(), e.save(), e.fillStyle = d, e.font = l, e.textAlign = "right", e.textBaseline = "middle";
+		for (let n = 0; n < i; n++) {
+			let r = this.rowLabels[n];
+			if (r === void 0) continue;
+			let i = f + n * (s + this.cellGap) + s / 2;
+			e.fillText(r, t.x - 6, i);
+		}
+		e.restore();
+		let p = /* @__PURE__ */ new Map();
+		for (let e of this.data) p.set(`${String(e.row)},${String(e.col)}`, e.value);
+		e.save();
+		for (let t = 0; t < i; t++) for (let i = 0; i < n; i++) {
+			let n = c + i * (o + this.cellGap), l = f + t * (s + this.cellGap), d = p.get(`${String(t)},${String(i)}`) ?? 0;
+			e.fillStyle = this.getCellColor(d), this.cellRadius > 0 ? (a(e, n, l, o, s, this.cellRadius), e.fill()) : e.fillRect(n, l, o, s), this.showValues && (e.fillStyle = this.getContrastTextColor(d), e.font = u, e.textAlign = "center", e.textBaseline = "middle", e.fillText(r(d), n + o / 2, l + s / 2, o - 4));
+		}
+		e.restore();
+	}
+	getContrastTextColor(e) {
+		return n((e - this.valueMin) / (this.valueMax - this.valueMin), 0, 1) > .5 ? "#ffffff" : "#1e293b";
+	}
+	update(e) {
+		this.data = e, this.computeValueRange(), 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 HeatmapChart };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/charts/heatmap/index.ts"],"sourcesContent":["/**\n * Heatmap chart - grid of colored rectangles with intensity mapping\n * @countermeasure/web-components/charts/heatmap\n */\n\nimport { BaseChart } from '../base'\nimport type { HeatmapChartConfig, HeatmapCell } from './types'\nimport { lerpColor, clamp, formatNumber, roundRect } from '../utils'\nimport { ChartTooltip } from '../tooltip'\n\nconst DEFAULT_COLOR_LOW = '#f0f9ff'\nconst DEFAULT_COLOR_HIGH = '#1e40af'\nconst DEFAULT_CELL_GAP = 1\nconst LABEL_FONT = '11px system-ui, sans-serif'\nconst VALUE_FONT = '10px system-ui, sans-serif'\nconst LABEL_COLOR = '#64748b'\n\nexport class HeatmapChart extends BaseChart {\n  private data: HeatmapCell[]\n  private rowLabels: string[]\n  private colLabels: string[]\n  private colorLow: string\n  private colorHigh: string\n  private showValues: boolean\n  private cellRadius: number\n  private cellGap: number\n  private tooltipEnabled: boolean\n  private tooltipFormat: ((value: number, label: string, series: string) => string) | null\n  private tooltip: ChartTooltip | null\n  private handleMouseMove: ((e: MouseEvent) => void) | null\n  private handleMouseLeave: (() => void) | null\n  private valueMin: number\n  private valueMax: number\n\n  constructor(config: HeatmapChartConfig) {\n    super(config)\n\n    this.data = config.data\n    this.rowLabels = config.rowLabels\n    this.colLabels = config.colLabels\n    this.colorLow = config.colorRange !== undefined ? config.colorRange[0] : DEFAULT_COLOR_LOW\n    this.colorHigh = config.colorRange !== undefined ? config.colorRange[1] : DEFAULT_COLOR_HIGH\n    this.showValues = config.showValues === true\n    this.cellRadius = config.cellRadius ?? 0\n    this.cellGap = config.cellGap ?? DEFAULT_CELL_GAP\n    this.tooltipEnabled = config.tooltip?.enabled !== false\n    this.tooltipFormat = config.tooltip?.format ?? null\n    this.tooltip = null\n    this.handleMouseMove = null\n    this.handleMouseLeave = null\n    this.valueMin = 0\n    this.valueMax = 0\n\n    this.computeValueRange()\n\n    if (this.tooltipEnabled) {\n      this.setupTooltip()\n    }\n\n    this.render()\n  }\n\n  private computeValueRange(): void {\n    if (this.data.length === 0) {\n      this.valueMin = 0\n      this.valueMax = 1\n      return\n    }\n    let min = Infinity\n    let max = -Infinity\n    for (const cell of this.data) {\n      if (cell.value < min) min = cell.value\n      if (cell.value > max) max = cell.value\n    }\n    this.valueMin = min\n    this.valueMax = max === min ? min + 1 : max\n  }\n\n  private getCellColor(value: number): string {\n    const t = clamp((value - this.valueMin) / (this.valueMax - this.valueMin), 0, 1)\n    return lerpColor(this.colorLow, this.colorHigh, t)\n  }\n\n  private getCellBounds(): {\n    cellWidth: number\n    cellHeight: number\n    offsetX: number\n    offsetY: number\n  } {\n    const plot = this.plotArea\n    const numCols = this.colLabels.length\n    const numRows = this.rowLabels.length\n\n    if (numCols === 0 || numRows === 0) {\n      return { cellWidth: 0, cellHeight: 0, offsetX: plot.x, offsetY: plot.y }\n    }\n\n    const cellWidth = (plot.width - this.cellGap * (numCols - 1)) / numCols\n    const cellHeight = (plot.height - this.cellGap * (numRows - 1)) / numRows\n\n    return { cellWidth, cellHeight, offsetX: plot.x, offsetY: plot.y }\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 { cellWidth, cellHeight, offsetX, offsetY } = this.getCellBounds()\n      if (cellWidth <= 0 || cellHeight <= 0) return\n\n      const col = Math.floor((mx - offsetX) / (cellWidth + this.cellGap))\n      const row = Math.floor((my - offsetY) / (cellHeight + this.cellGap))\n\n      if (col < 0 || col >= this.colLabels.length || row < 0 || row >= this.rowLabels.length) {\n        this.tooltip?.hide()\n        return\n      }\n\n      // Verify the mouse is actually within the cell (not in gap)\n      const cellX = offsetX + col * (cellWidth + this.cellGap)\n      const cellY = offsetY + row * (cellHeight + this.cellGap)\n      if (mx < cellX || mx > cellX + cellWidth || my < cellY || my > cellY + cellHeight) {\n        this.tooltip?.hide()\n        return\n      }\n\n      const cell = this.data.find(c => c.row === row && c.col === col)\n      const value = cell !== undefined ? cell.value : 0\n      const rowLabel = this.rowLabels[row] ?? String(row)\n      const colLabel = this.colLabels[col] ?? String(col)\n\n      let content: string\n      if (this.tooltipFormat !== null) {\n        content = this.tooltipFormat(value, rowLabel, colLabel)\n      } else {\n        content = `<strong>${rowLabel} / ${colLabel}</strong><br/>Value: ${formatNumber(value)}`\n      }\n\n      this.tooltip?.show(mx, my, content)\n    }\n\n    this.handleMouseLeave = (): void => {\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 plot = this.plotArea\n    const numCols = this.colLabels.length\n    const numRows = this.rowLabels.length\n\n    if (numCols === 0 || numRows === 0) return\n\n    const { cellWidth, cellHeight, offsetX, offsetY } = this.getCellBounds()\n\n    // Draw column labels on top\n    ctx.save()\n    ctx.fillStyle = LABEL_COLOR\n    ctx.font = LABEL_FONT\n    ctx.textAlign = 'center'\n    ctx.textBaseline = 'bottom'\n    for (let c = 0; c < numCols; c++) {\n      const label = this.colLabels[c]\n      if (label === undefined) continue\n      const cx = offsetX + c * (cellWidth + this.cellGap) + cellWidth / 2\n      ctx.fillText(label, cx, plot.y - 4, cellWidth)\n    }\n    ctx.restore()\n\n    // Draw row labels on left\n    ctx.save()\n    ctx.fillStyle = LABEL_COLOR\n    ctx.font = LABEL_FONT\n    ctx.textAlign = 'right'\n    ctx.textBaseline = 'middle'\n    for (let r = 0; r < numRows; r++) {\n      const label = this.rowLabels[r]\n      if (label === undefined) continue\n      const cy = offsetY + r * (cellHeight + this.cellGap) + cellHeight / 2\n      ctx.fillText(label, plot.x - 6, cy)\n    }\n    ctx.restore()\n\n    // Build a lookup map for cell values\n    const cellMap = new Map<string, number>()\n    for (const cell of this.data) {\n      cellMap.set(`${String(cell.row)},${String(cell.col)}`, cell.value)\n    }\n\n    // Draw cells\n    ctx.save()\n    for (let r = 0; r < numRows; r++) {\n      for (let c = 0; c < numCols; c++) {\n        const cellX = offsetX + c * (cellWidth + this.cellGap)\n        const cellY = offsetY + r * (cellHeight + this.cellGap)\n        const value = cellMap.get(`${String(r)},${String(c)}`) ?? 0\n        const color = this.getCellColor(value)\n\n        ctx.fillStyle = color\n\n        if (this.cellRadius > 0) {\n          roundRect(ctx, cellX, cellY, cellWidth, cellHeight, this.cellRadius)\n          ctx.fill()\n        } else {\n          ctx.fillRect(cellX, cellY, cellWidth, cellHeight)\n        }\n\n        // Draw value text in cell\n        if (this.showValues) {\n          ctx.fillStyle = this.getContrastTextColor(value)\n          ctx.font = VALUE_FONT\n          ctx.textAlign = 'center'\n          ctx.textBaseline = 'middle'\n          ctx.fillText(\n            formatNumber(value),\n            cellX + cellWidth / 2,\n            cellY + cellHeight / 2,\n            cellWidth - 4\n          )\n        }\n      }\n    }\n    ctx.restore()\n  }\n\n  private getContrastTextColor(value: number): string {\n    const t = clamp((value - this.valueMin) / (this.valueMax - this.valueMin), 0, 1)\n    return t > 0.5 ? '#ffffff' : '#1e293b'\n  }\n\n  public update(data: HeatmapCell[]): void {\n    this.data = data\n    this.computeValueRange()\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":";;;;AAUA,IAAM,IAAoB,WACpB,IAAqB,WACrB,IAAmB,GACnB,IAAa,8BACb,IAAa,8BACb,IAAc,WAEP,IAAb,cAAkC,EAAU;CAC1C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAY,GAA4B;AAyBtC,EAxBA,MAAM,EAAO,EAEb,KAAK,OAAO,EAAO,MACnB,KAAK,YAAY,EAAO,WACxB,KAAK,YAAY,EAAO,WACxB,KAAK,WAAW,EAAO,eAAe,KAAA,IAAmC,IAAvB,EAAO,WAAW,IACpE,KAAK,YAAY,EAAO,eAAe,KAAA,IAAmC,IAAvB,EAAO,WAAW,IACrE,KAAK,aAAa,EAAO,eAAe,IACxC,KAAK,aAAa,EAAO,cAAc,GACvC,KAAK,UAAU,EAAO,WAAW,GACjC,KAAK,iBAAiB,EAAO,SAAS,YAAY,IAClD,KAAK,gBAAgB,EAAO,SAAS,UAAU,MAC/C,KAAK,UAAU,MACf,KAAK,kBAAkB,MACvB,KAAK,mBAAmB,MACxB,KAAK,WAAW,GAChB,KAAK,WAAW,GAEhB,KAAK,mBAAmB,EAEpB,KAAK,kBACP,KAAK,cAAc,EAGrB,KAAK,QAAQ;;CAGf,oBAAkC;AAChC,MAAI,KAAK,KAAK,WAAW,GAAG;AAE1B,GADA,KAAK,WAAW,GAChB,KAAK,WAAW;AAChB;;EAEF,IAAI,IAAM,UACN,IAAM;AACV,OAAK,IAAM,KAAQ,KAAK,KAEtB,CADI,EAAK,QAAQ,MAAK,IAAM,EAAK,QAC7B,EAAK,QAAQ,MAAK,IAAM,EAAK;AAGnC,EADA,KAAK,WAAW,GAChB,KAAK,WAAW,MAAQ,IAAM,IAAM,IAAI;;CAG1C,aAAqB,GAAuB;EAC1C,IAAM,IAAI,GAAO,IAAQ,KAAK,aAAa,KAAK,WAAW,KAAK,WAAW,GAAG,EAAE;AAChF,SAAO,EAAU,KAAK,UAAU,KAAK,WAAW,EAAE;;CAGpD,gBAKE;EACA,IAAM,IAAO,KAAK,UACZ,IAAU,KAAK,UAAU,QACzB,IAAU,KAAK,UAAU;AAS/B,SAPI,MAAY,KAAK,MAAY,IACxB;GAAE,WAAW;GAAG,YAAY;GAAG,SAAS,EAAK;GAAG,SAAS,EAAK;GAAG,GAMnE;GAAE,YAHU,EAAK,QAAQ,KAAK,WAAW,IAAU,MAAM;GAG5C,aAFA,EAAK,SAAS,KAAK,WAAW,IAAU,MAAM;GAElC,SAAS,EAAK;GAAG,SAAS,EAAK;GAAG;;CAGpE,eAA6B;AA+C3B,EA9CA,KAAK,UAAU,IAAI,EAAa,KAAK,UAAU,EAE/C,KAAK,mBAAmB,MAAwB;GAC9C,IAAM,IAAO,KAAK,OAAO,uBAAuB,EAC1C,IAAK,EAAE,UAAU,EAAK,MACtB,IAAK,EAAE,UAAU,EAAK,KAEtB,EAAE,cAAW,eAAY,YAAS,eAAY,KAAK,eAAe;AACxE,OAAI,KAAa,KAAK,KAAc,EAAG;GAEvC,IAAM,IAAM,KAAK,OAAO,IAAK,MAAY,IAAY,KAAK,SAAS,EAC7D,IAAM,KAAK,OAAO,IAAK,MAAY,IAAa,KAAK,SAAS;AAEpE,OAAI,IAAM,KAAK,KAAO,KAAK,UAAU,UAAU,IAAM,KAAK,KAAO,KAAK,UAAU,QAAQ;AACtF,SAAK,SAAS,MAAM;AACpB;;GAIF,IAAM,IAAQ,IAAU,KAAO,IAAY,KAAK,UAC1C,IAAQ,IAAU,KAAO,IAAa,KAAK;AACjD,OAAI,IAAK,KAAS,IAAK,IAAQ,KAAa,IAAK,KAAS,IAAK,IAAQ,GAAY;AACjF,SAAK,SAAS,MAAM;AACpB;;GAGF,IAAM,IAAO,KAAK,KAAK,MAAK,MAAK,EAAE,QAAQ,KAAO,EAAE,QAAQ,EAAI,EAC1D,IAAQ,MAAS,KAAA,IAAyB,IAAb,EAAK,OAClC,IAAW,KAAK,UAAU,MAAQ,OAAO,EAAI,EAC7C,IAAW,KAAK,UAAU,MAAQ,OAAO,EAAI,EAE/C;AAOJ,GANA,AACE,IADE,KAAK,kBAAkB,OAGf,WAAW,EAAS,KAAK,EAAS,uBAAuB,EAAa,EAAM,KAF5E,KAAK,cAAc,GAAO,GAAU,EAAS,EAKzD,KAAK,SAAS,KAAK,GAAI,GAAI,EAAQ;KAGrC,KAAK,yBAA+B;AAClC,QAAK,SAAS,MAAM;KAGtB,KAAK,OAAO,iBAAiB,aAAa,KAAK,gBAAgB,EAC/D,KAAK,OAAO,iBAAiB,cAAc,KAAK,iBAAiB;;CAGnE,SAAsB;AACpB,OAAK,OAAO;EAEZ,IAAM,EAAE,WAAQ,MACV,IAAO,KAAK,UACZ,IAAU,KAAK,UAAU,QACzB,IAAU,KAAK,UAAU;AAE/B,MAAI,MAAY,KAAK,MAAY,EAAG;EAEpC,IAAM,EAAE,cAAW,eAAY,YAAS,eAAY,KAAK,eAAe;AAOxE,EAJA,EAAI,MAAM,EACV,EAAI,YAAY,GAChB,EAAI,OAAO,GACX,EAAI,YAAY,UAChB,EAAI,eAAe;AACnB,OAAK,IAAI,IAAI,GAAG,IAAI,GAAS,KAAK;GAChC,IAAM,IAAQ,KAAK,UAAU;AAC7B,OAAI,MAAU,KAAA,EAAW;GACzB,IAAM,IAAK,IAAU,KAAK,IAAY,KAAK,WAAW,IAAY;AAClE,KAAI,SAAS,GAAO,GAAI,EAAK,IAAI,GAAG,EAAU;;AAShD,EAPA,EAAI,SAAS,EAGb,EAAI,MAAM,EACV,EAAI,YAAY,GAChB,EAAI,OAAO,GACX,EAAI,YAAY,SAChB,EAAI,eAAe;AACnB,OAAK,IAAI,IAAI,GAAG,IAAI,GAAS,KAAK;GAChC,IAAM,IAAQ,KAAK,UAAU;AAC7B,OAAI,MAAU,KAAA,EAAW;GACzB,IAAM,IAAK,IAAU,KAAK,IAAa,KAAK,WAAW,IAAa;AACpE,KAAI,SAAS,GAAO,EAAK,IAAI,GAAG,EAAG;;AAErC,IAAI,SAAS;EAGb,IAAM,oBAAU,IAAI,KAAqB;AACzC,OAAK,IAAM,KAAQ,KAAK,KACtB,GAAQ,IAAI,GAAG,OAAO,EAAK,IAAI,CAAC,GAAG,OAAO,EAAK,IAAI,IAAI,EAAK,MAAM;AAIpE,IAAI,MAAM;AACV,OAAK,IAAI,IAAI,GAAG,IAAI,GAAS,IAC3B,MAAK,IAAI,IAAI,GAAG,IAAI,GAAS,KAAK;GAChC,IAAM,IAAQ,IAAU,KAAK,IAAY,KAAK,UACxC,IAAQ,IAAU,KAAK,IAAa,KAAK,UACzC,IAAQ,EAAQ,IAAI,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,GAAG,IAAI;AAa1D,GAVA,EAAI,YAFU,KAAK,aAAa,EAAM,EAIlC,KAAK,aAAa,KACpB,EAAU,GAAK,GAAO,GAAO,GAAW,GAAY,KAAK,WAAW,EACpE,EAAI,MAAM,IAEV,EAAI,SAAS,GAAO,GAAO,GAAW,EAAW,EAI/C,KAAK,eACP,EAAI,YAAY,KAAK,qBAAqB,EAAM,EAChD,EAAI,OAAO,GACX,EAAI,YAAY,UAChB,EAAI,eAAe,UACnB,EAAI,SACF,EAAa,EAAM,EACnB,IAAQ,IAAY,GACpB,IAAQ,IAAa,GACrB,IAAY,EACb;;AAIP,IAAI,SAAS;;CAGf,qBAA6B,GAAuB;AAElD,SADU,GAAO,IAAQ,KAAK,aAAa,KAAK,WAAW,KAAK,WAAW,GAAG,EAAE,GACrE,KAAM,YAAY;;CAG/B,OAAc,GAA2B;AAGvC,EAFA,KAAK,OAAO,GACZ,KAAK,mBAAmB,EACxB,KAAK,QAAQ;;CAGf,UAAgC;AAQ9B,EAPI,KAAK,oBAAoB,QAC3B,KAAK,OAAO,oBAAoB,aAAa,KAAK,gBAAgB,EAEhE,KAAK,qBAAqB,QAC5B,KAAK,OAAO,oBAAoB,cAAc,KAAK,iBAAiB,EAEtE,KAAK,SAAS,SAAS,EACvB,MAAM,SAAS"}

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

@@ -0,0 +1,17 @@
+import { BaseChartConfig, TooltipConfig } from '../types';
+export interface HeatmapCell {
+    row: number;
+    col: number;
+    value: number;
+}
+export interface HeatmapChartConfig extends BaseChartConfig {
+    data: HeatmapCell[];
+    rowLabels: string[];
+    colLabels: string[];
+    tooltip?: TooltipConfig;
+    colorRange?: [string, string];
+    showValues?: boolean;
+    cellRadius?: number;
+    cellGap?: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/heatmap/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE9D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,IAAI,EAAE,WAAW,EAAE,CAAA;IACnB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB"}

package/dist/charts/index.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Charts - Canvas-based chart component library
+ * @countermeasure/web-components/charts
+ */
+export { BaseChart } from './base';
+export type { AccessibleDataPoint } from './base';
+export { InteractiveChart } from './interactive';
+export { SeriesChart } from './series';
+export type { BaseChartConfig, InteractiveChartConfig, SeriesChartConfig, ResolvedSeries, ChartPadding, PlotArea, DataPoint, ChartSeries, AxisConfig, LegendItem, LegendConfig, TooltipConfig, } from './types';
+export { scaleLinear, scaleBand, defaultColors, hexToRgba, clamp, formatNumber, niceScale, lerpColor, polarToCartesian, resolveColor, drawFilledBar, hitTestRect, findClosestPoint, } from './utils';
+export { drawXAxis, drawYAxis, drawGridLines } from './axis';
+export { ChartLegend } from './legend';
+export { ChartTooltip } from './tooltip';
+export { drawAnnotations } from './annotations';
+export type { Annotation } from './annotations';
+export { ChartZoom } from './zoom';
+export type { ZoomTransform } from './zoom';
+export { LineChart } from './line/index';
+export type { LineChartConfig } from './line/types';
+export { BarChart } from './bar/index';
+export type { BarChartConfig } from './bar/types';
+export { AreaChart } from './area/index';
+export type { AreaChartConfig } from './area/types';
+export { PieChart } from './pie/index';
+export type { PieChartConfig, PieSlice } from './pie/types';
+export { SparklineChart } from './sparkline/index';
+export type { SparklineChartConfig } from './sparkline/types';
+export { GaugeChart } from './gauge/index';
+export type { GaugeChartConfig } from './gauge/types';
+export { HeatmapChart } from './heatmap/index';
+export type { HeatmapChartConfig, HeatmapCell } from './heatmap/types';
+export { TreemapChart } from './treemap/index';
+export type { TreemapChartConfig, TreemapNode } from './treemap/types';
+export { ScatterChart } from './scatter/index';
+export type { ScatterChartConfig } from './scatter/types';
+export { RadarChart } from './radar/index';
+export type { RadarChartConfig, RadarDataset } from './radar/types';
+export { WaterfallChart } from './waterfall/index';
+export type { WaterfallChartConfig, WaterfallItem } from './waterfall/types';
+export { SankeyChart } from './sankey/index';
+export type { SankeyChartConfig, SankeyNode, SankeyLink } from './sankey/types';
+export { FunnelChart } from './funnel/index';
+export type { FunnelChartConfig, FunnelSegment } from './funnel/types';
+export { CandlestickChart } from './candlestick/index';
+export type { CandlestickChartConfig, CandlestickItem } from './candlestick/types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/charts/index.js

@@ -0,0 +1,24 @@
+import { BaseChart as e } from "./base.js";
+import { ChartLegend as t } from "./legend.js";
+import { ChartTooltip as n } from "./tooltip.js";
+import { t as r } from "../interactive-9Ky-mbcb.js";
+import { clamp as i, defaultColors as a, drawFilledBar as o, findClosestPoint as s, formatNumber as c, hexToRgba as l, hitTestRect as u, lerpColor as d, niceScale as f, polarToCartesian as p, resolveColor as m, scaleBand as h, scaleLinear as g } from "./utils.js";
+import { t as _ } from "../series-Cm9HrwZ5.js";
+import { drawGridLines as v, drawXAxis as y, drawYAxis as b } from "./axis.js";
+import { drawAnnotations as x } from "./annotations.js";
+import { ChartZoom as S } from "./zoom.js";
+import { LineChart as C } from "./line/index.js";
+import { BarChart as w } from "./bar/index.js";
+import { AreaChart as T } from "./area/index.js";
+import { PieChart as E } from "./pie/index.js";
+import { SparklineChart as D } from "./sparkline/index.js";
+import { GaugeChart as O } from "./gauge/index.js";
+import { HeatmapChart as k } from "./heatmap/index.js";
+import { TreemapChart as A } from "./treemap/index.js";
+import { ScatterChart as j } from "./scatter/index.js";
+import { RadarChart as M } from "./radar/index.js";
+import { WaterfallChart as N } from "./waterfall/index.js";
+import { SankeyChart as P } from "./sankey/index.js";
+import { FunnelChart as F } from "./funnel/index.js";
+import { CandlestickChart as I } from "./candlestick/index.js";
+export { T as AreaChart, w as BarChart, e as BaseChart, I as CandlestickChart, t as ChartLegend, n as ChartTooltip, S as ChartZoom, F as FunnelChart, O as GaugeChart, k as HeatmapChart, r as InteractiveChart, C as LineChart, E as PieChart, M as RadarChart, P as SankeyChart, j as ScatterChart, _ as SeriesChart, D as SparklineChart, A as TreemapChart, N as WaterfallChart, i as clamp, a as defaultColors, x as drawAnnotations, o as drawFilledBar, v as drawGridLines, y as drawXAxis, b as drawYAxis, s as findClosestPoint, c as formatNumber, l as hexToRgba, u as hitTestRect, d as lerpColor, f as niceScale, p as polarToCartesian, m as resolveColor, h as scaleBand, g as scaleLinear };