@countermeasure-platform/web-components 0.2.0

package/dist/charts/interactive.d.ts

@@ -0,0 +1,15 @@
+import { BaseChart } from './base';
+import { InteractiveChartConfig } from './types';
+import { ChartLegend } from './legend';
+import { ChartTooltip } from './tooltip';
+export declare abstract class InteractiveChart extends BaseChart {
+    protected tooltip: ChartTooltip | null;
+    protected legend: ChartLegend | null;
+    private readonly boundMouseMove;
+    private readonly boundMouseLeave;
+    constructor(config: InteractiveChartConfig);
+    protected abstract handleMouseMove(e: MouseEvent): void;
+    protected abstract handleMouseLeave(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=interactive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactive.d.ts","sourceRoot":"","sources":["../../src/charts/interactive.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,8BAAsB,gBAAiB,SAAQ,SAAS;IACtD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAA;IACtC,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IACpC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAyB;IACxD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAY;gBAEhC,MAAM,EAAE,sBAAsB;IA4B1C,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IACvD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,IAAI,IAAI;IAE3B,OAAO,IAAI,IAAI;CAWhC"}

package/dist/charts/legend.d.ts

@@ -0,0 +1,16 @@
+import { LegendConfig, LegendItem } from './types';
+/** HTML-based chart legend overlay positioned relative to a container */
+export declare class ChartLegend {
+    private element;
+    private items;
+    private toggleCallback;
+    constructor(container: HTMLElement, config?: LegendConfig);
+    /** Render legend items with color indicators and labels */
+    update(items: LegendItem[]): void;
+    /** Register a callback invoked when a legend item is clicked */
+    onToggle(callback: (index: number, active: boolean) => void): void;
+    /** Remove the legend element from the DOM */
+    destroy(): void;
+    private handleToggle;
+}
+//# sourceMappingURL=legend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/charts/legend.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEvD,yEAAyE;AACzE,qBAAa,WAAW;IACtB,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,cAAc,CAA0D;gBAEpE,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,YAAY;IA2BzD,2DAA2D;IAC3D,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI;IAwCjC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAIlE,6CAA6C;IAC7C,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,YAAY;CAYrB"}

package/dist/charts/legend.js

@@ -0,0 +1,43 @@
+//#region src/charts/legend.ts
+var e = class {
+	element;
+	items = [];
+	toggleCallback = null;
+	constructor(e, t) {
+		let n = t?.position ?? "top", r = t?.visible ?? !0;
+		this.element = document.createElement("div"), this.element.className = `cmm-chart-legend cmm-chart-legend--${n}`, this.element.style.display = r ? "flex" : "none", this.element.style.flexWrap = "wrap", this.element.style.gap = "8px", this.element.style.padding = "4px 0", this.element.style.fontSize = "12px", this.element.style.fontFamily = "system-ui, sans-serif", n === "top" || n === "bottom" ? this.element.style.justifyContent = "center" : this.element.style.flexDirection = "column", n === "top" ? e.insertBefore(this.element, e.firstChild) : e.appendChild(this.element);
+	}
+	update(e) {
+		this.items = e, this.element.innerHTML = "";
+		for (let t = 0; t < e.length; t++) {
+			let n = e[t];
+			if (n === void 0) continue;
+			let r = document.createElement("span");
+			r.style.display = "inline-flex", r.style.alignItems = "center", r.style.gap = "4px", r.style.cursor = "pointer", r.style.userSelect = "none", r.style.opacity = n.active === !1 ? "0.4" : "1";
+			let i = document.createElement("span");
+			i.style.width = "10px", i.style.height = "10px", i.style.borderRadius = "50%", i.style.backgroundColor = n.color, i.style.display = "inline-block", i.style.flexShrink = "0";
+			let a = document.createElement("span");
+			a.style.color = "#334155", a.textContent = n.label, r.appendChild(i), r.appendChild(a);
+			let o = t;
+			r.addEventListener("click", () => {
+				this.handleToggle(o);
+			}), this.element.appendChild(r);
+		}
+	}
+	onToggle(e) {
+		this.toggleCallback = e;
+	}
+	destroy() {
+		this.element.remove();
+	}
+	handleToggle(e) {
+		let t = this.items[e];
+		if (t === void 0) return;
+		let n = t.active === !1;
+		t.active = n, this.update(this.items), this.toggleCallback !== null && this.toggleCallback(e, n);
+	}
+};
+//#endregion
+export { e as ChartLegend };
+
+//# sourceMappingURL=legend.js.map

package/dist/charts/legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.js","names":[],"sources":["../../src/charts/legend.ts"],"sourcesContent":["/**\n * Chart legend overlay\n * @countermeasure/web-components/charts/legend\n */\n\nimport type { LegendConfig, LegendItem } from './types'\n\n/** HTML-based chart legend overlay positioned relative to a container */\nexport class ChartLegend {\n  private element: HTMLDivElement\n  private items: LegendItem[] = []\n  private toggleCallback: ((index: number, active: boolean) => void) | null = null\n\n  constructor(container: HTMLElement, config?: LegendConfig) {\n    const position = config?.position ?? 'top'\n    const visible = config?.visible ?? true\n\n    this.element = document.createElement('div')\n    this.element.className = `cmm-chart-legend cmm-chart-legend--${position}`\n\n    this.element.style.display = visible ? 'flex' : 'none'\n    this.element.style.flexWrap = 'wrap'\n    this.element.style.gap = '8px'\n    this.element.style.padding = '4px 0'\n    this.element.style.fontSize = '12px'\n    this.element.style.fontFamily = 'system-ui, sans-serif'\n\n    if (position === 'top' || position === 'bottom') {\n      this.element.style.justifyContent = 'center'\n    } else {\n      this.element.style.flexDirection = 'column'\n    }\n\n    if (position === 'top') {\n      container.insertBefore(this.element, container.firstChild)\n    } else {\n      container.appendChild(this.element)\n    }\n  }\n\n  /** Render legend items with color indicators and labels */\n  update(items: LegendItem[]): void {\n    this.items = items\n    this.element.innerHTML = ''\n\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      if (item === undefined) continue\n\n      const entry = document.createElement('span')\n      entry.style.display = 'inline-flex'\n      entry.style.alignItems = 'center'\n      entry.style.gap = '4px'\n      entry.style.cursor = 'pointer'\n      entry.style.userSelect = 'none'\n      entry.style.opacity = item.active === false ? '0.4' : '1'\n\n      const dot = document.createElement('span')\n      dot.style.width = '10px'\n      dot.style.height = '10px'\n      dot.style.borderRadius = '50%'\n      dot.style.backgroundColor = item.color\n      dot.style.display = 'inline-block'\n      dot.style.flexShrink = '0'\n\n      const label = document.createElement('span')\n      label.style.color = '#334155'\n      label.textContent = item.label\n\n      entry.appendChild(dot)\n      entry.appendChild(label)\n\n      const index = i\n      entry.addEventListener('click', () => {\n        this.handleToggle(index)\n      })\n\n      this.element.appendChild(entry)\n    }\n  }\n\n  /** Register a callback invoked when a legend item is clicked */\n  onToggle(callback: (index: number, active: boolean) => void): void {\n    this.toggleCallback = callback\n  }\n\n  /** Remove the legend element from the DOM */\n  destroy(): void {\n    this.element.remove()\n  }\n\n  private handleToggle(index: number): void {\n    const item = this.items[index]\n    if (item === undefined) return\n\n    const nowActive = item.active === false\n    item.active = nowActive\n    this.update(this.items)\n\n    if (this.toggleCallback !== null) {\n      this.toggleCallback(index, nowActive)\n    }\n  }\n}\n"],"mappings":";AAQA,IAAa,IAAb,MAAyB;CACvB;CACA,QAA8B,EAAE;CAChC,iBAA4E;CAE5E,YAAY,GAAwB,GAAuB;EACzD,IAAM,IAAW,GAAQ,YAAY,OAC/B,IAAU,GAAQ,WAAW;AAkBnC,EAhBA,KAAK,UAAU,SAAS,cAAc,MAAM,EAC5C,KAAK,QAAQ,YAAY,sCAAsC,KAE/D,KAAK,QAAQ,MAAM,UAAU,IAAU,SAAS,QAChD,KAAK,QAAQ,MAAM,WAAW,QAC9B,KAAK,QAAQ,MAAM,MAAM,OACzB,KAAK,QAAQ,MAAM,UAAU,SAC7B,KAAK,QAAQ,MAAM,WAAW,QAC9B,KAAK,QAAQ,MAAM,aAAa,yBAE5B,MAAa,SAAS,MAAa,WACrC,KAAK,QAAQ,MAAM,iBAAiB,WAEpC,KAAK,QAAQ,MAAM,gBAAgB,UAGjC,MAAa,QACf,EAAU,aAAa,KAAK,SAAS,EAAU,WAAW,GAE1D,EAAU,YAAY,KAAK,QAAQ;;CAKvC,OAAO,GAA2B;AAEhC,EADA,KAAK,QAAQ,GACb,KAAK,QAAQ,YAAY;AAEzB,OAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,KAAK;GACrC,IAAM,IAAO,EAAM;AACnB,OAAI,MAAS,KAAA,EAAW;GAExB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAM5C,GALA,EAAM,MAAM,UAAU,eACtB,EAAM,MAAM,aAAa,UACzB,EAAM,MAAM,MAAM,OAClB,EAAM,MAAM,SAAS,WACrB,EAAM,MAAM,aAAa,QACzB,EAAM,MAAM,UAAU,EAAK,WAAW,KAAQ,QAAQ;GAEtD,IAAM,IAAM,SAAS,cAAc,OAAO;AAM1C,GALA,EAAI,MAAM,QAAQ,QAClB,EAAI,MAAM,SAAS,QACnB,EAAI,MAAM,eAAe,OACzB,EAAI,MAAM,kBAAkB,EAAK,OACjC,EAAI,MAAM,UAAU,gBACpB,EAAI,MAAM,aAAa;GAEvB,IAAM,IAAQ,SAAS,cAAc,OAAO;AAK5C,GAJA,EAAM,MAAM,QAAQ,WACpB,EAAM,cAAc,EAAK,OAEzB,EAAM,YAAY,EAAI,EACtB,EAAM,YAAY,EAAM;GAExB,IAAM,IAAQ;AAKd,GAJA,EAAM,iBAAiB,eAAe;AACpC,SAAK,aAAa,EAAM;KACxB,EAEF,KAAK,QAAQ,YAAY,EAAM;;;CAKnC,SAAS,GAA0D;AACjE,OAAK,iBAAiB;;CAIxB,UAAgB;AACd,OAAK,QAAQ,QAAQ;;CAGvB,aAAqB,GAAqB;EACxC,IAAM,IAAO,KAAK,MAAM;AACxB,MAAI,MAAS,KAAA,EAAW;EAExB,IAAM,IAAY,EAAK,WAAW;AAIlC,EAHA,EAAK,SAAS,GACd,KAAK,OAAO,KAAK,MAAM,EAEnB,KAAK,mBAAmB,QAC1B,KAAK,eAAe,GAAO,EAAU"}

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

@@ -0,0 +1,14 @@
+import { SeriesChart } from '../series';
+import { ChartSeries } from '../types';
+import { LineChartConfig } from './types';
+export declare class LineChart extends SeriesChart {
+    private readonly config;
+    constructor(config: LineChartConfig);
+    private computeDataBounds;
+    render(): void;
+    protected handleMouseMove(e: MouseEvent): void;
+    protected handleMouseLeave(): void;
+    update(series: ChartSeries[]): void;
+}
+export type { LineChartConfig } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/line/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAK9C,qBAAa,SAAU,SAAQ,WAAW;IACxC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiB;gBAE5B,MAAM,EAAE,eAAe;IAMnC,OAAO,CAAC,iBAAiB;IA6BzB,MAAM,IAAI,IAAI;IAsGd,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAwD9C,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAM3B,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI;CAI3C;AAED,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/charts/line/index.js

@@ -0,0 +1,85 @@
+import { drawSmoothPath as e, hexToRgba as t, niceScale as n, scaleBand as r, scaleLinear as i } from "../utils.js";
+import { t as a } from "../../series-Cm9HrwZ5.js";
+import { drawXAxis as o, drawYAxis as s } from "../axis.js";
+//#region src/charts/line/index.ts
+var c = 2, l = 4, u = class extends a {
+	config;
+	constructor(e) {
+		super(e), this.config = e, this.render();
+	}
+	computeDataBounds(e) {
+		let t = /* @__PURE__ */ new Set(), n = Infinity, r = -Infinity;
+		for (let i of e) for (let e of i.data) t.add(String(e.x)), e.y < n && (n = e.y), e.y > r && (r = e.y);
+		return n === Infinity && (n = 0, r = 1), {
+			labels: Array.from(t),
+			yMin: this.config.yAxis?.min ?? n,
+			yMax: this.config.yAxis?.max ?? r
+		};
+	}
+	render() {
+		this.clear();
+		let a = this.getVisibleSeries(), { labels: u, yMin: d, yMax: f } = this.computeDataBounds(a), p = this.plotArea, m = n(d, f, this.config.yAxis?.tickCount ?? 5);
+		o(this.ctx, p, u, this.config.xAxis), s(this.ctx, p, m.min, m.max, this.config.yAxis);
+		let h = r(u, [p.x, p.x + p.width], 0), g = i([m.min, m.max], [p.y + p.height, p.y]), _ = h.bandwidth() / 2, v = this.config.lineWidth ?? c, y = this.config.smooth === !0, b = this.config.showDots !== !1, x = this.config.fillArea === !0;
+		for (let n of a) {
+			if (n.data.length === 0) continue;
+			let r = [];
+			for (let e of n.data) {
+				let t = h(String(e.x)) + _, n = g(e.y);
+				r.push({
+					px: t,
+					py: n
+				});
+			}
+			if (x && r.length > 1) {
+				this.ctx.beginPath();
+				let i = r[0];
+				if (i !== void 0) {
+					if (this.ctx.moveTo(i.px, i.py), y && r.length > 2) e(this.ctx, r);
+					else for (let e = 1; e < r.length; e++) {
+						let t = r[e];
+						t !== void 0 && this.ctx.lineTo(t.px, t.py);
+					}
+					let a = r[r.length - 1];
+					a !== void 0 && this.ctx.lineTo(a.px, p.y + p.height), this.ctx.lineTo(i.px, p.y + p.height), this.ctx.closePath(), this.ctx.fillStyle = t(n.color, .15), this.ctx.fill();
+				}
+			}
+			if (r.length > 1) {
+				this.ctx.beginPath();
+				let t = r[0];
+				if (t !== void 0) if (this.ctx.moveTo(t.px, t.py), y && r.length > 2) e(this.ctx, r);
+				else for (let e = 1; e < r.length; e++) {
+					let t = r[e];
+					t !== void 0 && this.ctx.lineTo(t.px, t.py);
+				}
+				this.ctx.strokeStyle = n.color, this.ctx.lineWidth = v, this.ctx.lineJoin = "round", this.ctx.lineCap = "round", this.ctx.stroke();
+			}
+			if (b) for (let e of r) this.ctx.beginPath(), this.ctx.arc(e.px, e.py, l, 0, Math.PI * 2), this.ctx.fillStyle = n.color, this.ctx.fill(), this.ctx.strokeStyle = "#ffffff", this.ctx.lineWidth = 1.5, this.ctx.stroke();
+		}
+		this.updateSeriesLegend();
+	}
+	handleMouseMove(e) {
+		if (this.tooltip === null) return;
+		let t = this.canvas.getBoundingClientRect(), a = e.clientX - t.left, o = e.clientY - t.top, s = this.plotArea;
+		if (a < s.x || a > s.x + s.width || o < s.y || o > s.y + s.height) {
+			this.tooltip.hide();
+			return;
+		}
+		let c = this.getVisibleSeries(), { labels: l, yMin: u, yMax: d } = this.computeDataBounds(c), f = n(u, d, this.config.yAxis?.tickCount ?? 5), p = r(l, [s.x, s.x + s.width], 0), m = i([f.min, f.max], [s.y + s.height, s.y]), h = p.bandwidth() / 2, g = Infinity, _ = "", v = 0, y = 0;
+		for (let e of c) for (let t of e.data) {
+			let n = p(String(t.x)) + h, r = m(t.y), i = Math.sqrt((a - n) ** 2 + (o - r) ** 2);
+			i < g && (g = i, v = n, y = r, _ = this.config.tooltip?.format === void 0 ? `${e.name}: ${String(t.y)}` : this.config.tooltip.format(t.y, String(t.x), e.name));
+		}
+		g < 30 ? this.tooltip.show(v, y, _) : this.tooltip.hide();
+	}
+	handleMouseLeave() {
+		this.tooltip !== null && this.tooltip.hide();
+	}
+	update(e) {
+		this.series = this.resolveSeries(e), this.render();
+	}
+};
+//#endregion
+export { u as LineChart };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/charts/line/index.ts"],"sourcesContent":["/**\n * Line chart component\n * @countermeasure/web-components/charts/line\n */\n\nimport { SeriesChart } from '../series'\nimport type { ChartSeries } from '../types'\nimport { scaleLinear, scaleBand, hexToRgba, niceScale, drawSmoothPath } from '../utils'\nimport { drawXAxis, drawYAxis } from '../axis'\nimport type { LineChartConfig } from './types'\n\nconst DEFAULT_LINE_WIDTH = 2\nconst DEFAULT_DOT_RADIUS = 4\n\nexport class LineChart extends SeriesChart {\n  private readonly config: LineChartConfig\n\n  constructor(config: LineChartConfig) {\n    super(config)\n    this.config = config\n    this.render()\n  }\n\n  private computeDataBounds(visible: { data: { x: number | string; y: number }[] }[]): {\n    labels: string[]\n    yMin: number\n    yMax: number\n  } {\n    const labelsSet = new Set<string>()\n    let yMin = Infinity\n    let yMax = -Infinity\n\n    for (const s of visible) {\n      for (const d of s.data) {\n        labelsSet.add(String(d.x))\n        if (d.y < yMin) yMin = d.y\n        if (d.y > yMax) yMax = d.y\n      }\n    }\n\n    if (yMin === Infinity) {\n      yMin = 0\n      yMax = 1\n    }\n\n    return {\n      labels: Array.from(labelsSet),\n      yMin: this.config.yAxis?.min ?? yMin,\n      yMax: this.config.yAxis?.max ?? yMax,\n    }\n  }\n\n  render(): void {\n    this.clear()\n\n    const visible = this.getVisibleSeries()\n    const { labels, yMin, yMax } = this.computeDataBounds(visible)\n    const plot = this.plotArea\n    const tickCount = this.config.yAxis?.tickCount ?? 5\n    const nice = niceScale(yMin, yMax, tickCount)\n\n    // Draw axes\n    drawXAxis(this.ctx, plot, labels, this.config.xAxis)\n    drawYAxis(this.ctx, plot, nice.min, nice.max, this.config.yAxis)\n\n    // Create scales\n    const xScale = scaleBand(labels, [plot.x, plot.x + plot.width], 0)\n    const yScale = scaleLinear([nice.min, nice.max], [plot.y + plot.height, plot.y])\n    const bandOffset = xScale.bandwidth() / 2\n\n    const lineWidth = this.config.lineWidth ?? DEFAULT_LINE_WIDTH\n    const smooth = this.config.smooth === true\n    const showDots = this.config.showDots !== false\n    const fillArea = this.config.fillArea === true\n\n    // Draw each visible series\n    for (const s of visible) {\n      if (s.data.length === 0) continue\n\n      const points: { px: number; py: number }[] = []\n      for (const d of s.data) {\n        const px = xScale(String(d.x)) + bandOffset\n        const py = yScale(d.y)\n        points.push({ px, py })\n      }\n\n      // Fill area below line\n      if (fillArea && points.length > 1) {\n        this.ctx.beginPath()\n        const firstPoint = points[0]\n        if (firstPoint !== undefined) {\n          this.ctx.moveTo(firstPoint.px, firstPoint.py)\n          if (smooth && points.length > 2) {\n            drawSmoothPath(this.ctx, points)\n          } else {\n            for (let i = 1; i < points.length; i++) {\n              const pt = points[i]\n              if (pt !== undefined) {\n                this.ctx.lineTo(pt.px, pt.py)\n              }\n            }\n          }\n          const lastPoint = points[points.length - 1]\n          if (lastPoint !== undefined) {\n            this.ctx.lineTo(lastPoint.px, plot.y + plot.height)\n          }\n          this.ctx.lineTo(firstPoint.px, plot.y + plot.height)\n          this.ctx.closePath()\n          this.ctx.fillStyle = hexToRgba(s.color, 0.15)\n          this.ctx.fill()\n        }\n      }\n\n      // Draw line\n      if (points.length > 1) {\n        this.ctx.beginPath()\n        const firstPoint = points[0]\n        if (firstPoint !== undefined) {\n          this.ctx.moveTo(firstPoint.px, firstPoint.py)\n          if (smooth && points.length > 2) {\n            drawSmoothPath(this.ctx, points)\n          } else {\n            for (let i = 1; i < points.length; i++) {\n              const pt = points[i]\n              if (pt !== undefined) {\n                this.ctx.lineTo(pt.px, pt.py)\n              }\n            }\n          }\n        }\n        this.ctx.strokeStyle = s.color\n        this.ctx.lineWidth = lineWidth\n        this.ctx.lineJoin = 'round'\n        this.ctx.lineCap = 'round'\n        this.ctx.stroke()\n      }\n\n      // Draw dots\n      if (showDots) {\n        for (const pt of points) {\n          this.ctx.beginPath()\n          this.ctx.arc(pt.px, pt.py, DEFAULT_DOT_RADIUS, 0, Math.PI * 2)\n          this.ctx.fillStyle = s.color\n          this.ctx.fill()\n          this.ctx.strokeStyle = '#ffffff'\n          this.ctx.lineWidth = 1.5\n          this.ctx.stroke()\n        }\n      }\n    }\n\n    this.updateSeriesLegend()\n  }\n\n  protected handleMouseMove(e: MouseEvent): void {\n    if (this.tooltip === null) return\n\n    const rect = this.canvas.getBoundingClientRect()\n    const mouseX = e.clientX - rect.left\n    const mouseY = e.clientY - rect.top\n    const plot = this.plotArea\n\n    if (\n      mouseX < plot.x ||\n      mouseX > plot.x + plot.width ||\n      mouseY < plot.y ||\n      mouseY > plot.y + plot.height\n    ) {\n      this.tooltip.hide()\n      return\n    }\n\n    const visible = this.getVisibleSeries()\n    const { labels, yMin, yMax } = this.computeDataBounds(visible)\n    const tickCount = this.config.yAxis?.tickCount ?? 5\n    const nice = niceScale(yMin, yMax, tickCount)\n    const xScale = scaleBand(labels, [plot.x, plot.x + plot.width], 0)\n    const yScale = scaleLinear([nice.min, nice.max], [plot.y + plot.height, plot.y])\n    const bandOffset = xScale.bandwidth() / 2\n\n    let closestDist = Infinity\n    let closestContent = ''\n    let closestX = 0\n    let closestY = 0\n\n    for (const s of visible) {\n      for (const d of s.data) {\n        const px = xScale(String(d.x)) + bandOffset\n        const py = yScale(d.y)\n        const dist = Math.sqrt((mouseX - px) ** 2 + (mouseY - py) ** 2)\n        if (dist < closestDist) {\n          closestDist = dist\n          closestX = px\n          closestY = py\n          if (this.config.tooltip?.format !== undefined) {\n            closestContent = this.config.tooltip.format(d.y, String(d.x), s.name)\n          } else {\n            closestContent = `${s.name}: ${String(d.y)}`\n          }\n        }\n      }\n    }\n\n    if (closestDist < 30) {\n      this.tooltip.show(closestX, closestY, closestContent)\n    } else {\n      this.tooltip.hide()\n    }\n  }\n\n  protected handleMouseLeave(): void {\n    if (this.tooltip !== null) {\n      this.tooltip.hide()\n    }\n  }\n\n  public update(series: ChartSeries[]): void {\n    this.series = this.resolveSeries(series)\n    this.render()\n  }\n}\n\nexport type { LineChartConfig } from './types'\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { SeriesChartConfig } from '../types';
+export interface LineChartConfig extends SeriesChartConfig {
+    smooth?: boolean;
+    showDots?: boolean;
+    lineWidth?: number;
+    fillArea?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/line/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

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

@@ -0,0 +1,24 @@
+import { InteractiveChart } from '../interactive';
+import { PieChartConfig, PieSlice } from './types';
+export declare class PieChart extends InteractiveChart {
+    private slices;
+    private resolved;
+    private colors;
+    private donut;
+    private donutRatio;
+    private showLabels;
+    private showValues;
+    private startAngle;
+    private hoveredIndex;
+    private activeSlices;
+    constructor(config: PieChartConfig);
+    /** Replace the slices and re-render */
+    update(slices: PieSlice[]): void;
+    render(): void;
+    private resolveSlices;
+    private computeTotal;
+    private updateLegend;
+    protected handleMouseMove(e: MouseEvent): void;
+    protected handleMouseLeave(): void;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/pie/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAkBvD,qBAAa,QAAS,SAAQ,gBAAgB;IAC5C,OAAO,CAAC,MAAM,CAAY;IAC1B,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,YAAY,CAAK;IAEzB,OAAO,CAAC,YAAY,CAAW;gBAEnB,MAAM,EAAE,cAAc;IAyBlC,uCAAuC;IACvC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQhC,MAAM,IAAI,IAAI;IAmFd,OAAO,CAAC,aAAa;IAqCrB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,YAAY;IAapB,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IA0E9C,SAAS,CAAC,gBAAgB,IAAI,IAAI;CASnC"}

package/dist/charts/pie/index.js

@@ -0,0 +1,123 @@
+import { t as e } from "../../interactive-9Ky-mbcb.js";
+import { defaultColors as t, formatNumber as n, hexToRgba as r } from "../utils.js";
+//#region src/charts/pie/index.ts
+var i = Math.PI / 180, a = "11px system-ui, sans-serif", o = "bold 11px system-ui, sans-serif", s = 6, c = .15, l = class extends e {
+	slices;
+	resolved = [];
+	colors;
+	donut;
+	donutRatio;
+	showLabels;
+	showValues;
+	startAngle;
+	hoveredIndex = -1;
+	activeSlices;
+	constructor(e) {
+		super(e), this.slices = e.slices, this.colors = t(), this.donut = e.donut ?? !1, this.donutRatio = e.donutRatio ?? .6, this.showLabels = e.showLabels ?? !1, this.showValues = e.showValues ?? !1, this.startAngle = e.startAngle ?? -90, this.activeSlices = e.slices.map(() => !0), this.legend !== null && this.legend.onToggle((e, t) => {
+			e < this.activeSlices.length && (this.activeSlices[e] = t), this.resolveSlices(), this.render();
+		}), this.resolveSlices(), this.render();
+	}
+	update(e) {
+		this.slices = e, this.activeSlices = e.map(() => !0), this.resolveSlices(), this.updateLegend(), this.render();
+	}
+	render() {
+		this.clear();
+		let e = this.plotArea, t = e.x + e.width / 2, n = e.y + e.height / 2, l = Math.min(e.width, e.height) / 2, u = this.donut ? l * this.donutRatio : 0;
+		for (let e = 0; e < this.resolved.length; e++) {
+			let d = this.resolved[e];
+			if (d === void 0) continue;
+			let f = e === this.hoveredIndex, p = 0, m = 0;
+			if (f) {
+				let e = d.midAngle * i;
+				p = Math.cos(e) * s, m = Math.sin(e) * s;
+			}
+			let h = t + p, g = n + m;
+			if (this.ctx.save(), this.ctx.beginPath(), this.ctx.moveTo(h + Math.cos(d.startAngle * i) * u, g + Math.sin(d.startAngle * i) * u), this.ctx.arc(h, g, l, d.startAngle * i, d.endAngle * i), this.ctx.arc(h, g, u, d.endAngle * i, d.startAngle * i, !0), this.ctx.closePath(), this.ctx.fillStyle = f ? r(d.color, 1 - c) : d.color, this.ctx.fill(), this.ctx.strokeStyle = "#ffffff", this.ctx.lineWidth = 1.5, this.ctx.stroke(), this.ctx.restore(), this.showLabels || this.showValues) {
+				let e = u + (l - u) * .65, r = d.midAngle * i, s = t + Math.cos(r) * e, c = n + Math.sin(r) * e;
+				this.ctx.save(), this.ctx.textAlign = "center", this.ctx.textBaseline = "middle", this.ctx.fillStyle = "#ffffff", this.showLabels && this.showValues ? (this.ctx.font = a, this.ctx.fillText(d.label, s, c - 7), this.ctx.font = o, this.ctx.fillText(`${d.percentage.toFixed(1)}%`, s, c + 7)) : this.showLabels ? (this.ctx.font = a, this.ctx.fillText(d.label, s, c)) : (this.ctx.font = o, this.ctx.fillText(`${d.percentage.toFixed(1)}%`, s, c)), this.ctx.restore();
+			}
+		}
+		this.updateLegend();
+	}
+	resolveSlices() {
+		let e = this.computeTotal();
+		if (e <= 0) {
+			this.resolved = [];
+			return;
+		}
+		let t = [], n = this.startAngle;
+		for (let r = 0; r < this.slices.length; r++) {
+			let i = this.slices[r];
+			if (i === void 0 || !(this.activeSlices[r] ?? !0)) continue;
+			let a = i.value / e * 100, o = i.value / e * 360, s = i.color ?? this.colors[r % this.colors.length] ?? "#3b82f6";
+			t.push({
+				label: i.label,
+				value: i.value,
+				color: s,
+				startAngle: n,
+				endAngle: n + o,
+				midAngle: n + o / 2,
+				percentage: a
+			}), n += o;
+		}
+		this.resolved = t;
+	}
+	computeTotal() {
+		let e = 0;
+		for (let t = 0; t < this.slices.length; t++) {
+			let n = this.slices[t];
+			n !== void 0 && (this.activeSlices[t] ?? !0) && (e += n.value);
+		}
+		return e;
+	}
+	updateLegend() {
+		if (this.legend === null) return;
+		let e = [];
+		for (let t = 0; t < this.slices.length; t++) {
+			let n = this.slices[t];
+			if (n === void 0) continue;
+			let r = n.color ?? this.colors[t % this.colors.length] ?? "#3b82f6", i = this.activeSlices[t] ?? !0;
+			e.push({
+				label: n.label,
+				color: r,
+				active: i
+			});
+		}
+		this.legend.update(e);
+	}
+	handleMouseMove(e) {
+		let t = this.canvas.getBoundingClientRect(), r = e.clientX - t.left, i = e.clientY - t.top, a = this.plotArea, o = a.x + a.width / 2, s = a.y + a.height / 2, c = Math.min(a.width, a.height) / 2, l = this.donut ? c * this.donutRatio : 0, u = r - o, d = i - s, f = Math.sqrt(u * u + d * d);
+		if (f < l || f > c) {
+			this.hoveredIndex !== -1 && (this.hoveredIndex = -1, this.tooltip !== null && this.tooltip.hide(), this.render());
+			return;
+		}
+		let p = 180 / Math.PI * Math.atan2(d, u), m = this.resolved[0];
+		if (m !== void 0) for (; p < m.startAngle;) p += 360;
+		let h = -1;
+		for (let e = 0; e < this.resolved.length; e++) {
+			let t = this.resolved[e];
+			if (t === void 0) continue;
+			let n = t.startAngle, r = t.endAngle;
+			for (; n > p + 360;) n -= 360, r -= 360;
+			for (; r < p - 360;) n += 360, r += 360;
+			if (p >= n && p < r) {
+				h = e;
+				break;
+			}
+		}
+		if (h !== this.hoveredIndex && (this.hoveredIndex = h, this.render()), h !== -1 && this.tooltip !== null) {
+			let e = this.resolved[h];
+			if (e !== void 0) {
+				let t = `<strong>${e.label}</strong><br/>${n(e.value)} (${e.percentage.toFixed(1)}%)`;
+				this.tooltip.show(r, 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 { l as PieChart };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/charts/pie/index.ts"],"sourcesContent":["/**\n * Pie / donut chart using Canvas 2D\n * @countermeasure/web-components/charts/pie\n */\n\nimport { InteractiveChart } from '../interactive'\nimport type { LegendItem } from '../types'\nimport { defaultColors, hexToRgba, formatNumber } from '../utils'\nimport type { PieChartConfig, PieSlice } from './types'\n\nconst DEG_TO_RAD = Math.PI / 180\nconst LABEL_FONT = '11px system-ui, sans-serif'\nconst VALUE_FONT = 'bold 11px system-ui, sans-serif'\nconst HOVER_PULL = 6\nconst HOVER_ALPHA = 0.15\n\ninterface ResolvedSlice {\n  label: string\n  value: number\n  color: string\n  startAngle: number\n  endAngle: number\n  midAngle: number\n  percentage: number\n}\n\nexport class PieChart extends InteractiveChart {\n  private slices: PieSlice[]\n  private resolved: ResolvedSlice[] = []\n  private colors: string[]\n  private donut: boolean\n  private donutRatio: number\n  private showLabels: boolean\n  private showValues: boolean\n  private startAngle: number\n  private hoveredIndex = -1\n\n  private activeSlices: boolean[]\n\n  constructor(config: PieChartConfig) {\n    super(config)\n    this.slices = config.slices\n    this.colors = defaultColors()\n    this.donut = config.donut ?? false\n    this.donutRatio = config.donutRatio ?? 0.6\n    this.showLabels = config.showLabels ?? false\n    this.showValues = config.showValues ?? false\n    this.startAngle = config.startAngle ?? -90\n    this.activeSlices = config.slices.map(() => true)\n\n    if (this.legend !== null) {\n      this.legend.onToggle((index, active) => {\n        if (index < this.activeSlices.length) {\n          this.activeSlices[index] = active\n        }\n        this.resolveSlices()\n        this.render()\n      })\n    }\n\n    this.resolveSlices()\n    this.render()\n  }\n\n  /** Replace the slices and re-render */\n  update(slices: PieSlice[]): void {\n    this.slices = slices\n    this.activeSlices = slices.map(() => true)\n    this.resolveSlices()\n    this.updateLegend()\n    this.render()\n  }\n\n  render(): void {\n    this.clear()\n    const plot = this.plotArea\n    const cx = plot.x + plot.width / 2\n    const cy = plot.y + plot.height / 2\n    const radius = Math.min(plot.width, plot.height) / 2\n    const innerRadius = this.donut ? radius * this.donutRatio : 0\n\n    for (let i = 0; i < this.resolved.length; i++) {\n      const slice = this.resolved[i]\n      if (slice === undefined) continue\n\n      const isHovered = i === this.hoveredIndex\n      let pullX = 0\n      let pullY = 0\n\n      if (isHovered) {\n        const midRad = slice.midAngle * DEG_TO_RAD\n        pullX = Math.cos(midRad) * HOVER_PULL\n        pullY = Math.sin(midRad) * HOVER_PULL\n      }\n\n      const sCx = cx + pullX\n      const sCy = cy + pullY\n\n      this.ctx.save()\n      this.ctx.beginPath()\n      this.ctx.moveTo(\n        sCx + Math.cos(slice.startAngle * DEG_TO_RAD) * innerRadius,\n        sCy + Math.sin(slice.startAngle * DEG_TO_RAD) * innerRadius\n      )\n      this.ctx.arc(sCx, sCy, radius, slice.startAngle * DEG_TO_RAD, slice.endAngle * DEG_TO_RAD)\n      this.ctx.arc(\n        sCx,\n        sCy,\n        innerRadius,\n        slice.endAngle * DEG_TO_RAD,\n        slice.startAngle * DEG_TO_RAD,\n        true\n      )\n      this.ctx.closePath()\n\n      this.ctx.fillStyle = isHovered ? hexToRgba(slice.color, 1 - HOVER_ALPHA) : slice.color\n      this.ctx.fill()\n\n      // Thin white border between slices\n      this.ctx.strokeStyle = '#ffffff'\n      this.ctx.lineWidth = 1.5\n      this.ctx.stroke()\n      this.ctx.restore()\n\n      // Labels and values at midpoint of arc\n      if (this.showLabels || this.showValues) {\n        const labelRadius = innerRadius + (radius - innerRadius) * 0.65\n        const midRad = slice.midAngle * DEG_TO_RAD\n        const lx = cx + Math.cos(midRad) * labelRadius\n        const ly = cy + Math.sin(midRad) * labelRadius\n\n        this.ctx.save()\n        this.ctx.textAlign = 'center'\n        this.ctx.textBaseline = 'middle'\n        this.ctx.fillStyle = '#ffffff'\n\n        if (this.showLabels && this.showValues) {\n          this.ctx.font = LABEL_FONT\n          this.ctx.fillText(slice.label, lx, ly - 7)\n          this.ctx.font = VALUE_FONT\n          this.ctx.fillText(`${slice.percentage.toFixed(1)}%`, lx, ly + 7)\n        } else if (this.showLabels) {\n          this.ctx.font = LABEL_FONT\n          this.ctx.fillText(slice.label, lx, ly)\n        } else {\n          this.ctx.font = VALUE_FONT\n          this.ctx.fillText(`${slice.percentage.toFixed(1)}%`, lx, ly)\n        }\n\n        this.ctx.restore()\n      }\n    }\n\n    this.updateLegend()\n  }\n\n  private resolveSlices(): void {\n    const total = this.computeTotal()\n    if (total <= 0) {\n      this.resolved = []\n      return\n    }\n\n    const result: ResolvedSlice[] = []\n    let currentAngle = this.startAngle\n\n    for (let i = 0; i < this.slices.length; i++) {\n      const s = this.slices[i]\n      if (s === undefined) continue\n\n      const isActive = this.activeSlices[i] ?? true\n      if (!isActive) continue\n\n      const percentage = (s.value / total) * 100\n      const sweep = (s.value / total) * 360\n      const color = s.color ?? this.colors[i % this.colors.length] ?? '#3b82f6'\n\n      result.push({\n        label: s.label,\n        value: s.value,\n        color,\n        startAngle: currentAngle,\n        endAngle: currentAngle + sweep,\n        midAngle: currentAngle + sweep / 2,\n        percentage,\n      })\n\n      currentAngle += sweep\n    }\n\n    this.resolved = result\n  }\n\n  private computeTotal(): number {\n    let total = 0\n    for (let i = 0; i < this.slices.length; i++) {\n      const s = this.slices[i]\n      if (s === undefined) continue\n      const isActive = this.activeSlices[i] ?? true\n      if (isActive) {\n        total += s.value\n      }\n    }\n    return total\n  }\n\n  private updateLegend(): void {\n    if (this.legend === null) return\n    const items: LegendItem[] = []\n    for (let i = 0; i < this.slices.length; i++) {\n      const s = this.slices[i]\n      if (s === undefined) continue\n      const color = s.color ?? this.colors[i % this.colors.length] ?? '#3b82f6'\n      const active = this.activeSlices[i] ?? true\n      items.push({ label: s.label, color, active })\n    }\n    this.legend.update(items)\n  }\n\n  protected 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 cx = plot.x + plot.width / 2\n    const cy = plot.y + plot.height / 2\n    const radius = Math.min(plot.width, plot.height) / 2\n    const innerRadius = this.donut ? radius * this.donutRatio : 0\n\n    const dx = mx - cx\n    const dy = my - cy\n    const dist = Math.sqrt(dx * dx + dy * dy)\n\n    if (dist < innerRadius || dist > radius) {\n      if (this.hoveredIndex !== -1) {\n        this.hoveredIndex = -1\n        if (this.tooltip !== null) {\n          this.tooltip.hide()\n        }\n        this.render()\n      }\n      return\n    }\n\n    // Compute angle in degrees matching our coordinate system\n    let angle = Math.atan2(dy, dx) * (180 / Math.PI)\n\n    // Normalize angle to be within range of our slices\n    const firstSlice = this.resolved[0]\n    if (firstSlice !== undefined) {\n      while (angle < firstSlice.startAngle) {\n        angle += 360\n      }\n    }\n\n    let found = -1\n    for (let i = 0; i < this.resolved.length; i++) {\n      const slice = this.resolved[i]\n      if (slice === undefined) continue\n      let start = slice.startAngle\n      let end = slice.endAngle\n      // Normalize for comparison\n      while (start > angle + 360) {\n        start -= 360\n        end -= 360\n      }\n      while (end < angle - 360) {\n        start += 360\n        end += 360\n      }\n      if (angle >= start && angle < end) {\n        found = i\n        break\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 slice = this.resolved[found]\n      if (slice !== undefined) {\n        const content = `<strong>${slice.label}</strong><br/>${formatNumber(slice.value)} (${slice.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  protected 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/pie/types.d.ts

@@ -0,0 +1,15 @@
+import { InteractiveChartConfig } from '../types';
+export interface PieSlice {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface PieChartConfig extends InteractiveChartConfig {
+    slices: PieSlice[];
+    donut?: boolean;
+    donutRatio?: number;
+    showLabels?: boolean;
+    showValues?: boolean;
+    startAngle?: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/pie/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAEtD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,cAAe,SAAQ,sBAAsB;IAC5D,MAAM,EAAE,QAAQ,EAAE,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB"}

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

@@ -0,0 +1,27 @@
+import { InteractiveChart } from '../interactive';
+import { RadarChartConfig, RadarDataset } from './types';
+export declare class RadarChart extends InteractiveChart {
+    private labels;
+    private datasets;
+    private colors;
+    private levels;
+    private showDots;
+    private fillOpacity;
+    private maxValue;
+    private activeDatasets;
+    private hoveredDataset;
+    private hoveredAxis;
+    constructor(config: RadarChartConfig);
+    /** Replace datasets and re-render */
+    update(datasets: RadarDataset[]): void;
+    render(): void;
+    private computeMax;
+    private drawLevels;
+    private drawSpokes;
+    private drawLabels;
+    private drawDataset;
+    private updateLegend;
+    protected handleMouseMove(e: MouseEvent): void;
+    protected handleMouseLeave(): void;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/radar/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAU7D,qBAAa,UAAW,SAAQ,gBAAgB;IAC9C,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,cAAc,CAAW;IACjC,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,WAAW,CAAK;gBAEZ,MAAM,EAAE,gBAAgB;IAuBpC,qCAAqC;IACrC,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI;IAMtC,MAAM,IAAI,IAAI;IAoDd,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,UAAU;IAgClB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,UAAU;IAoClB,OAAO,CAAC,WAAW;IAgEnB,OAAO,CAAC,YAAY;IAapB,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IA8E9C,SAAS,CAAC,gBAAgB,IAAI,IAAI;CAUnC"}

package/dist/charts/radar/index.js

@@ -0,0 +1,151 @@
+import { t as e } from "../../interactive-9Ky-mbcb.js";
+import { defaultColors as t, formatNumber as n, hexToRgba as r } from "../utils.js";
+//#region src/charts/radar/index.ts
+var i = Math.PI * 2, a = "#e2e8f0", o = "#cbd5e1", s = "#334155", c = "11px system-ui, sans-serif", l = 3.5, u = 14, d = class extends e {
+	labels;
+	datasets;
+	colors;
+	levels;
+	showDots;
+	fillOpacity;
+	maxValue;
+	activeDatasets;
+	hoveredDataset = -1;
+	hoveredAxis = -1;
+	constructor(e) {
+		super(e), this.labels = e.labels, this.datasets = e.datasets, this.colors = t(), this.levels = e.levels ?? 5, this.showDots = e.showDots ?? !0, this.fillOpacity = e.fillOpacity ?? .2, this.maxValue = e.max, this.activeDatasets = e.datasets.map(() => !0), this.legend !== null && this.legend.onToggle((e, t) => {
+			e < this.activeDatasets.length && (this.activeDatasets[e] = t), this.render();
+		}), this.render();
+	}
+	update(e) {
+		this.datasets = e, this.activeDatasets = e.map(() => !0), this.render();
+	}
+	render() {
+		this.clear();
+		let e = this.plotArea, t = e.x + e.width / 2, n = e.y + e.height / 2, r = Math.min(e.width, e.height) / 2 - u - 4, a = this.labels.length;
+		if (a < 3) return;
+		let o = this.computeMax();
+		if (o <= 0) return;
+		let s = i / a;
+		this.drawLevels(t, n, r, a, s), this.drawSpokes(t, n, r, a, s), this.drawLabels(t, n, r, a, s);
+		for (let e = 0; e < this.datasets.length; e++) {
+			let i = this.datasets[e];
+			if (i === void 0 || !(this.activeDatasets[e] ?? !0)) continue;
+			let c = i.color ?? this.colors[e % this.colors.length] ?? "#3b82f6", l = i.fillOpacity ?? this.fillOpacity, u = e === this.hoveredDataset;
+			this.drawDataset(t, n, r, o, a, s, i, c, l, u);
+		}
+		this.updateLegend();
+	}
+	computeMax() {
+		if (this.maxValue !== void 0) return this.maxValue;
+		let e = 0;
+		for (let t = 0; t < this.datasets.length; t++) {
+			let n = this.datasets[t];
+			if (n !== void 0 && (this.activeDatasets[t] ?? !0)) for (let t of n.values) t > e && (e = t);
+		}
+		return e > 0 ? e : 1;
+	}
+	drawLevels(e, t, n, r, i) {
+		this.ctx.save(), this.ctx.strokeStyle = a, this.ctx.lineWidth = .75;
+		for (let a = 1; a <= this.levels; a++) {
+			let o = n / this.levels * a;
+			this.ctx.beginPath();
+			for (let n = 0; n <= r; n++) {
+				let r = n * i - Math.PI / 2, a = e + Math.cos(r) * o, s = t + Math.sin(r) * o;
+				n === 0 ? this.ctx.moveTo(a, s) : this.ctx.lineTo(a, s);
+			}
+			this.ctx.closePath(), this.ctx.stroke();
+		}
+		this.ctx.restore();
+	}
+	drawSpokes(e, t, n, r, i) {
+		this.ctx.save(), this.ctx.strokeStyle = o, this.ctx.lineWidth = .75;
+		for (let a = 0; a < r; a++) {
+			let r = a * i - Math.PI / 2;
+			this.ctx.beginPath(), this.ctx.moveTo(e, t), this.ctx.lineTo(e + Math.cos(r) * n, t + Math.sin(r) * n), this.ctx.stroke();
+		}
+		this.ctx.restore();
+	}
+	drawLabels(e, t, n, r, i) {
+		this.ctx.save(), this.ctx.fillStyle = s, this.ctx.font = c, this.ctx.textBaseline = "middle";
+		for (let a = 0; a < r; a++) {
+			let r = this.labels[a];
+			if (r === void 0) continue;
+			let o = a * i - Math.PI / 2, s = e + Math.cos(o) * (n + u), c = t + Math.sin(o) * (n + u), l = Math.cos(o);
+			Math.abs(l) < .01 ? this.ctx.textAlign = "center" : l > 0 ? this.ctx.textAlign = "left" : this.ctx.textAlign = "right", this.ctx.fillText(r, s, c);
+		}
+		this.ctx.restore();
+	}
+	drawDataset(e, t, n, a, o, s, c, u, d, f) {
+		let p = [];
+		for (let r = 0; r < o; r++) {
+			let i = (c.values[r] ?? 0) / a, o = r * s - Math.PI / 2, l = e + Math.cos(o) * n * i, u = t + Math.sin(o) * n * i;
+			p.push({
+				x: l,
+				y: u
+			});
+		}
+		if (p.length === 0) return;
+		this.ctx.save(), this.ctx.beginPath();
+		let m = p[0];
+		m !== void 0 && this.ctx.moveTo(m.x, m.y);
+		for (let e = 1; e < p.length; e++) {
+			let t = p[e];
+			t !== void 0 && this.ctx.lineTo(t.x, t.y);
+		}
+		if (this.ctx.closePath(), this.ctx.fillStyle = r(u, f ? d + .15 : d), this.ctx.fill(), this.ctx.strokeStyle = u, this.ctx.lineWidth = f ? 2.5 : 1.5, this.ctx.stroke(), this.ctx.restore(), this.showDots) {
+			this.ctx.save();
+			for (let e of p) this.ctx.beginPath(), this.ctx.arc(e.x, e.y, l, 0, i), this.ctx.fillStyle = u, this.ctx.fill(), this.ctx.strokeStyle = "#ffffff", this.ctx.lineWidth = 1, this.ctx.stroke();
+			this.ctx.restore();
+		}
+	}
+	updateLegend() {
+		if (this.legend === null) return;
+		let e = [];
+		for (let t = 0; t < this.datasets.length; t++) {
+			let n = this.datasets[t];
+			if (n === void 0) continue;
+			let r = n.color ?? this.colors[t % this.colors.length] ?? "#3b82f6", i = this.activeDatasets[t] ?? !0;
+			e.push({
+				label: n.label,
+				color: r,
+				active: i
+			});
+		}
+		this.legend.update(e);
+	}
+	handleMouseMove(e) {
+		let t = this.canvas.getBoundingClientRect(), r = e.clientX - t.left, a = e.clientY - t.top, o = this.plotArea, s = o.x + o.width / 2, c = o.y + o.height / 2, l = Math.min(o.width, o.height) / 2 - u - 4, d = this.labels.length;
+		if (d < 3) return;
+		let f = this.computeMax();
+		if (f <= 0) return;
+		let p = i / d, m = -1, h = Infinity;
+		for (let e = 0; e < d; e++) {
+			let t = e * p - Math.PI / 2, n = s + Math.cos(t) * l, i = c + Math.sin(t) * l, o = Math.sqrt((r - n) ** 2 + (a - i) ** 2);
+			o < h && (h = o, m = e);
+		}
+		let g = -1, _ = 30;
+		for (let e = 0; e < this.datasets.length; e++) {
+			let t = this.datasets[e];
+			if (t !== void 0 && (this.activeDatasets[e] ?? !0)) for (let n = 0; n < d; n++) {
+				let i = (t.values[n] ?? 0) / f, o = n * p - Math.PI / 2, u = s + Math.cos(o) * l * i, d = c + Math.sin(o) * l * i, m = Math.sqrt((r - u) ** 2 + (a - d) ** 2);
+				m < _ && (_ = m, g = e);
+			}
+		}
+		let v = g !== this.hoveredDataset || m !== this.hoveredAxis;
+		if (this.hoveredDataset = g, this.hoveredAxis = m, v && this.render(), g !== -1 && m !== -1 && this.tooltip !== null) {
+			let e = this.datasets[g], t = this.labels[m];
+			if (e !== void 0 && t !== void 0) {
+				let i = e.values[m] ?? 0, o = `<strong>${e.label}</strong><br/>${t}: ${n(i)}`;
+				this.tooltip.show(r, a, o);
+			}
+		} else this.tooltip !== null && this.tooltip.hide();
+	}
+	handleMouseLeave() {
+		(this.hoveredDataset !== -1 || this.hoveredAxis !== -1) && (this.hoveredDataset = -1, this.hoveredAxis = -1, this.tooltip !== null && this.tooltip.hide(), this.render());
+	}
+};
+//#endregion
+export { d as RadarChart };
+
+//# sourceMappingURL=index.js.map