minerva-design 1.3.0 → 1.4.0

package/dist/charts/engine/canvas.js

@@ -3,124 +3,174 @@ import { buildItems as t } from "./items.js";
 import { drawBackground as n, drawForeground as r, font as i } from "./overlay.js";
 import { createCanvas2dPainter as a } from "./renderers/canvas2d.js";
 import { itemsSignature as o } from "./signature.js";
-import { createChartController as s } from "./controller.js";
+import { createChartController as s, scenePrimitives as c } from "./controller.js";
 //#region src/engine/canvas.ts
-var c = (e) => (e[0] + e[1]) / 2, l = (e, t, n, r, i, a) => {
+var l = (e) => (e[0] + e[1]) / 2, u = (e, t, n, r, i, a) => {
 	e.beginPath(), e.moveTo(t + a, n), e.lineTo(t + r - a, n), e.arcTo(t + r, n, t + r, n + a, a), e.lineTo(t + r, n + i - a), e.arcTo(t + r, n + i, t + r - a, n + i, a), e.lineTo(t + a, n + i), e.arcTo(t, n + i, t, n + i - a, a), e.lineTo(t, n + a), e.arcTo(t, n, t + a, n, a), e.closePath();
-}, u = (t, o, s, c, u, d = a(t)) => {
-	let { width: f, height: p, theme: m, model: h, view: g, layout: _ } = o, { plot: v, scales: y } = _, b = u;
-	if (t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, Math.ceil(f * b), Math.ceil(p * b)), t.setTransform(b, 0, 0, b, 0, 0), n(t, {
-		width: f,
-		height: p,
-		scales: y,
-		x: h.x,
-		y: h.y,
-		xTicks: _.xTicks,
-		yTicks: _.yTicks,
-		theme: m,
+}, d = (e, t, n) => {
+	e.save(), e.beginPath(), e.rect(n.x, n.y, n.width, n.height), e.clip(), e.lineJoin = "round", e.lineCap = "round";
+	for (let n of t) if (n.kind === "area") e.globalAlpha = n.opacity, e.fillStyle = n.color, n.segments.forEach((t, r) => {
+		let i = n.bottoms?.[r], a = t.length / 2;
+		if (!(a < 2)) {
+			e.beginPath();
+			for (let n = 0; n < a; n++) n === 0 ? e.moveTo(t[0], t[1]) : e.lineTo(t[n * 2], t[n * 2 + 1]);
+			for (let r = a - 1; r >= 0; r--) {
+				let a = i ? i[r] : n.baseline;
+				n.horizontal ? e.lineTo(a, t[r * 2 + 1]) : e.lineTo(t[r * 2], a);
+			}
+			e.closePath(), e.fill();
+		}
+	}), e.globalAlpha = 1;
+	else if (n.kind === "line") {
+		e.strokeStyle = n.color, e.lineWidth = n.width, e.beginPath();
+		for (let t of n.segments) for (let n = 0; n < t.length; n += 2) n === 0 ? e.moveTo(t[0], t[1]) : e.lineTo(t[n], t[n + 1]);
+		e.stroke();
+	} else if (n.kind === "bars") {
+		e.globalAlpha = n.opacity ?? 1;
+		let t = n.radius ?? 0;
+		for (let r = 0; r < n.rects.length; r += 4) {
+			let [i, a, o, s] = [
+				n.rects[r],
+				n.rects[r + 1],
+				n.rects[r + 2],
+				n.rects[r + 3]
+			];
+			e.fillStyle = n.colors?.[r / 4] ?? n.color;
+			let c = Math.min(t, o / 2, s / 2);
+			c > .5 ? (u(e, i, a, o, s, c), e.fill()) : e.fillRect(i, a, o, s);
+		}
+		e.globalAlpha = 1;
+	} else {
+		e.globalAlpha = n.opacity;
+		for (let t = 0; t < n.dots.length; t += 3) e.fillStyle = n.colors[t / 3] ?? "#888", e.beginPath(), e.arc(n.dots[t], n.dots[t + 1], n.dots[t + 2] / 2, 0, Math.PI * 2), e.fill();
+		e.globalAlpha = 1;
+	}
+	e.restore();
+}, f = (t, o, s, l, f, p = a(t)) => {
+	let { width: m, height: h, theme: g, model: _, view: v, layout: y } = o, { plot: b, scales: x } = y, S = f;
+	if (t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, Math.ceil(m * S), Math.ceil(h * S)), t.setTransform(S, 0, 0, S, 0, 0), n(t, {
+		width: m,
+		height: h,
+		scales: x,
+		x: _.x,
+		y: _.y,
+		xTicks: y.xTicks,
+		yTicks: y.yTicks,
+		y2: _.y2,
+		y2Ticks: y.y2Ticks,
+		theme: g,
 		annotations: o.annotations
 	}), o.legend) {
-		t.font = i(m, 12), t.textBaseline = "middle", t.textAlign = "left";
+		t.font = i(g, 12), t.textBaseline = "middle", t.textAlign = "left";
 		for (let n of o.legend.entries) {
 			let r = n.box.y + n.box.height / 2;
-			if (t.globalAlpha = n.hidden ? .45 : 1, t.fillStyle = n.color, n.shape === "dot" ? (t.beginPath(), t.arc(n.box.x + 5, r, 4, 0, Math.PI * 2), t.fill()) : n.shape === "line" ? t.fillRect(n.box.x, r - 1, 10, 2) : t.fillRect(n.box.x + 1, r - 4, 8, 8), t.fillStyle = e(m.textMuted), t.fillText(n.name, n.box.x + 14, r), n.hidden) {
+			if (t.globalAlpha = n.hidden ? .45 : 1, t.fillStyle = n.color, n.shape === "dot" ? (t.beginPath(), t.arc(n.box.x + 5, r, 4, 0, Math.PI * 2), t.fill()) : n.shape === "line" ? t.fillRect(n.box.x, r - 1, 10, 2) : t.fillRect(n.box.x + 1, r - 4, 8, 8), t.fillStyle = e(g.textMuted), t.fillText(n.name, n.box.x + 14, r), n.hidden) {
 				let e = n.box.width - 22;
 				t.fillRect(n.box.x + 14, r, e, 1);
 			}
 		}
 		t.globalAlpha = 1;
 	}
-	for (let n of o.hover?.marks ?? []) n.kind === "band" && (l(t, n.x, n.y, n.width, n.height, 6), t.fillStyle = e(m.text, .06), t.fill());
-	let x = (e, t, n) => {
-		let r = 2 / (e[1] - e[0]), i = (t - e[0]) * r - 1;
-		return n ? [-r, -i] : [r, i];
-	}, [S, C] = x(g.x, c.x, h.x.reverse), [w, T] = x(g.y, c.y, h.y.reverse);
-	if (d.paint(s, {
-		transform: {
-			xScale: S,
-			xOffset: C,
-			yScale: w,
-			yOffset: T
-		},
-		width: Math.max(1, Math.round(v.width * b)),
-		height: Math.max(1, Math.round(v.height * b)),
-		dpr: b
-	}, Math.round(v.x * b), Math.round(v.y * b)), t.setTransform(b, 0, 0, b, 0, 0), r(t, {
-		width: f,
-		height: p,
-		scales: y,
-		theme: m,
+	for (let n of o.hover?.marks ?? []) n.kind === "band" && (u(t, n.x, n.y, n.width, n.height, 6), t.fillStyle = e(g.text, .06), t.fill());
+	x.horizontal ? d(t, c(o), b) : C();
+	function C() {
+		let e = (e, t, n) => {
+			let r = 2 / (e[1] - e[0]), i = (t - e[0]) * r - 1;
+			return n ? [-r, -i] : [r, i];
+		}, [t, n] = e(v.x, l.x, _.x.reverse), [r, i] = e(v.y, l.y, _.y.reverse);
+		p.paint(s, {
+			transform: {
+				xScale: t,
+				xOffset: n,
+				yScale: r,
+				yOffset: i
+			},
+			width: Math.max(1, Math.round(b.width * S)),
+			height: Math.max(1, Math.round(b.height * S)),
+			dpr: S
+		}, Math.round(b.x * S), Math.round(b.y * S));
+	}
+	if (t.setTransform(S, 0, 0, S, 0, 0), r(t, {
+		width: m,
+		height: h,
+		scales: x,
+		theme: g,
 		annotations: o.annotations,
 		pointLabels: [],
 		clear: !1
 	}), o.pointLabels.length) {
-		t.save(), t.font = i(m), t.textAlign = "left", t.textBaseline = "middle", t.lineWidth = 3, t.lineJoin = "round", t.strokeStyle = e(m.background, .9), t.fillStyle = e(m.text, .85);
+		t.save(), t.font = i(g), t.textAlign = "left", t.textBaseline = "middle", t.lineWidth = 3, t.lineJoin = "round", t.strokeStyle = e(g.background, .9), t.fillStyle = e(g.text, .85);
 		for (let { label: e, box: n } of o.pointLabels) t.strokeText(e.text, n.x, n.y + n.height / 2), t.fillText(e.text, n.x, n.y + n.height / 2);
 		t.restore();
 	}
-	let E = o.hover;
-	if (E) {
-		if (E.crosshairX !== null) {
-			t.save(), t.strokeStyle = e(m.textMuted, .55), t.lineWidth = 1, t.setLineDash([3, 3]), t.beginPath();
-			let n = Math.round(E.crosshairX) + .5;
-			t.moveTo(n, v.y), t.lineTo(n, v.y + v.height), t.stroke(), t.restore();
+	let w = o.hover;
+	if (w) {
+		if (w.crosshairX !== null) {
+			t.save(), t.strokeStyle = e(g.textMuted, .55), t.lineWidth = 1, t.setLineDash([3, 3]), t.beginPath();
+			let n = Math.round(w.crosshairX) + .5;
+			t.moveTo(n, b.y), t.lineTo(n, b.y + b.height), t.stroke(), t.restore();
+		}
+		if (w.crosshairY !== null) {
+			t.save(), t.strokeStyle = e(g.textMuted, .55), t.lineWidth = 1, t.setLineDash([3, 3]), t.beginPath();
+			let n = Math.round(w.crosshairY) + .5;
+			t.moveTo(b.x, n), t.lineTo(b.x + b.width, n), t.stroke(), t.restore();
 		}
-		for (let n of E.marks) if (n.kind !== "band") {
+		for (let n of w.marks) if (n.kind !== "band") {
 			if (n.kind === "cell") {
-				l(t, n.x, n.y, n.width, n.height, 3), t.lineWidth = 3, t.strokeStyle = e(m.background), t.stroke(), t.lineWidth = 1.5, t.strokeStyle = e(m.text, .55), t.stroke();
+				u(t, n.x, n.y, n.width, n.height, 3), t.lineWidth = 3, t.strokeStyle = e(g.background), t.stroke(), t.lineWidth = 1.5, t.strokeStyle = e(g.text, .55), t.stroke();
 				continue;
 			}
-			t.beginPath(), t.arc(n.x, n.y, n.size / 2 + 4, 0, Math.PI * 2), t.fillStyle = n.halo, t.fill(), t.beginPath(), t.arc(n.x, n.y, n.size / 2 - 1, 0, Math.PI * 2), t.fillStyle = n.color, t.fill(), t.lineWidth = 2, t.strokeStyle = e(m.background), t.stroke();
+			t.beginPath(), t.arc(n.x, n.y, n.size / 2 + 4, 0, Math.PI * 2), t.fillStyle = n.halo, t.fill(), t.beginPath(), t.arc(n.x, n.y, n.size / 2 - 1, 0, Math.PI * 2), t.fillStyle = n.color, t.fill(), t.lineWidth = 2, t.strokeStyle = e(g.background), t.stroke();
 		}
 	}
 	if (o.dragging) {
 		let n = o.dragging;
-		t.beginPath(), t.arc(n.x, n.y, n.size / 2, 0, Math.PI * 2), t.fillStyle = n.color, t.globalAlpha = .85, t.fill(), t.globalAlpha = 1, t.lineWidth = 2, t.strokeStyle = e(m.background), t.stroke();
+		t.beginPath(), t.arc(n.x, n.y, n.size / 2, 0, Math.PI * 2), t.fillStyle = n.color, t.globalAlpha = .85, t.fill(), t.globalAlpha = 1, t.lineWidth = 2, t.strokeStyle = e(g.background), t.stroke();
 	}
-	let D = E?.tooltip;
-	if (D) {
-		let { box: n, lineHeight: r, padding: a } = D;
-		t.save(), t.shadowColor = "rgba(15, 23, 42, 0.18)", t.shadowBlur = 16, t.shadowOffsetY = 6, l(t, n.x, n.y, n.width, n.height, 8), t.fillStyle = e(m.background), t.fill(), t.restore(), l(t, n.x + .5, n.y + .5, n.width - 1, n.height - 1, 8), t.strokeStyle = e(m.axis, .6), t.lineWidth = 1, t.stroke(), t.textBaseline = "middle";
+	let T = w?.tooltip;
+	if (T) {
+		let { box: n, lineHeight: r, padding: a } = T;
+		t.save(), t.shadowColor = "rgba(15, 23, 42, 0.18)", t.shadowBlur = 16, t.shadowOffsetY = 6, u(t, n.x, n.y, n.width, n.height, 8), t.fillStyle = e(g.background), t.fill(), t.restore(), u(t, n.x + .5, n.y + .5, n.width - 1, n.height - 1, 8), t.strokeStyle = e(g.axis, .6), t.lineWidth = 1, t.stroke(), t.textBaseline = "middle";
 		let o = n.y + a + r / 2, s = n.x + a + 2, c = n.x + n.width - a - 2;
-		if (D.text) {
-			t.font = i(m, 12), t.fillStyle = e(m.text), t.textAlign = "left";
-			for (let e of D.text) t.fillText(e, s, o), o += r;
+		if (T.text) {
+			t.font = i(g, 12), t.fillStyle = e(g.text), t.textAlign = "left";
+			for (let e of T.text) t.fillText(e, s, o), o += r;
 		} else {
-			let { content: n } = D, a = s;
-			n.titleColor && (t.fillStyle = n.titleColor, t.beginPath(), t.arc(a + 4, o, 4, 0, Math.PI * 2), t.fill(), a += 14), t.font = i(m, 12, 600), t.fillStyle = e(m.text), t.textAlign = "left", t.fillText(n.title, a, o), o += r;
-			for (let l of n.rows) a = s, l.color && (t.fillStyle = l.color, t.beginPath(), t.arc(a + 4, o, 4, 0, Math.PI * 2), t.fill(), a += 14), t.font = i(m, 12), t.textAlign = "left", t.fillStyle = e(m.textMuted), t.fillText(l.name, a, o), t.font = i(m, 12, 600), t.textAlign = "right", t.fillStyle = e(m.text), t.fillText(l.value, c, o), o += r;
+			let { content: n } = T, a = s;
+			n.titleColor && (t.fillStyle = n.titleColor, t.beginPath(), t.arc(a + 4, o, 4, 0, Math.PI * 2), t.fill(), a += 14), t.font = i(g, 12, 600), t.fillStyle = e(g.text), t.textAlign = "left", t.fillText(n.title, a, o), o += r;
+			for (let l of n.rows) a = s, l.color && (t.fillStyle = l.color, t.beginPath(), t.arc(a + 4, o, 4, 0, Math.PI * 2), t.fill(), a += 14), t.font = i(g, 12), t.textAlign = "left", t.fillStyle = e(g.textMuted), t.fillText(l.name, a, o), t.font = i(g, 12, 600), t.textAlign = "right", t.fillStyle = e(g.text), t.fillText(l.value, c, o), o += r;
 		}
 	}
-}, d = (e) => {
-	let { canvas: n } = e, r = n.getContext("2d"), i = e.width, l = e.height, d = e.pixelRatio ?? 1, f = !1, p = null, m = [], h = null, g = "", _ = e.options, v = /* @__PURE__ */ new WeakMap(), y = 0, b = (e) => {
+}, p = (e) => {
+	let { canvas: n } = e, r = n.getContext("2d"), i = e.width, c = e.height, u = e.pixelRatio ?? 1, d = !1, p = null, m = [], h = null, g = "", _ = e.options, v = /* @__PURE__ */ new WeakMap(), y = 0, b = (e) => {
 		let t = v.get(e);
 		return t === void 0 && v.set(e, t = ++y), t;
 	}, x = {
 		x: 0,
 		y: 0
 	}, S = 0, C = "", w = (e, t) => r ? (t !== C && (r.font = t, C = t), r.measureText(e).width) : e.length * 6.5, T = r ? a(r) : null, E = globalThis, D = () => {
-		if (p = null, f || !r || !T) return;
+		if (p = null, d || !r || !T) return;
 		let e = k.getScene();
 		if (!e) return;
-		let a = Math.max(1, Math.round(i * d)), s = Math.max(1, Math.round(l * d));
+		let a = Math.max(1, Math.round(i * u)), s = Math.max(1, Math.round(c * u));
 		if (n.width !== a && (n.width = a), n.height !== s && (n.height = s), C = "", h !== e.model) {
 			h = e.model;
 			let n = o(e.model, b(e.theme), (e) => _.series[e]?.stack);
 			n !== g && (g = n, x = {
-				x: c(e.model.base.x),
-				y: c(e.model.base.y)
+				x: l(e.model.base.x),
+				y: l(e.model.base.y)
 			}, m = t(e.model, x, ++S));
 		}
-		u(r, e, m, x, d, T), C = "";
+		f(r, e, m, x, u, T), C = "";
 	}, O = () => {
-		f || p !== null || (p = n.requestAnimationFrame ? n.requestAnimationFrame(D) : E.requestAnimationFrame ? E.requestAnimationFrame(D) : setTimeout(D, 16));
+		d || p !== null || (p = n.requestAnimationFrame ? n.requestAnimationFrame(D) : E.requestAnimationFrame ? E.requestAnimationFrame(D) : setTimeout(D, 16));
 	}, k = s({
 		options: e.options,
 		theme: e.theme,
 		measureText: w,
 		onInvalidate: O
 	});
-	k.setSize(i, l);
+	k.setSize(i, c);
 	let A = (e, t) => ({
 		id: e.identifier ?? t,
 		touch: !0
@@ -131,7 +181,7 @@ var c = (e) => (e[0] + e[1]) / 2, l = (e, t, n, r, i, a) => {
 		},
 		setTheme: (e) => k.setTheme(e),
 		resize(e, t, n) {
-			i = e, l = t, n && (d = n), k.setSize(e, t), O();
+			i = e, c = t, n && (u = n), k.setSize(e, t), O();
 		},
 		render() {
 			p !== null && (n.cancelAnimationFrame ? n.cancelAnimationFrame(p) : E.cancelAnimationFrame ? E.cancelAnimationFrame(p) : clearTimeout(p)), D();
@@ -167,11 +217,11 @@ var c = (e) => (e[0] + e[1]) / 2, l = (e, t, n, r, i, a) => {
 		getController: () => k,
 		on: (e, t) => k.on(e, t),
 		destroy() {
-			f || (f = !0, p !== null && (n.cancelAnimationFrame ? n.cancelAnimationFrame(p) : E.cancelAnimationFrame ? E.cancelAnimationFrame(p) : clearTimeout(p)), T?.destroy(), k.destroy());
+			d || (d = !0, p !== null && (n.cancelAnimationFrame ? n.cancelAnimationFrame(p) : E.cancelAnimationFrame ? E.cancelAnimationFrame(p) : clearTimeout(p)), T?.destroy(), k.destroy());
 		}
 	};
 };
 //#endregion
-export { d as createCanvasChart, u as drawScene };
+export { p as createCanvasChart, d as drawPrimitives, f as drawScene };
 
 //# sourceMappingURL=canvas.js.map

package/dist/charts/engine/canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.js","names":["mid","r","roundedRect","ctx","x","y","w","h","drawScene","createCanvas2dPainter","scene","layout","dpr","pixelRatio","width","height","drawBackground","model","font","theme","e","cy","toCss","mark","scale","s","range","offset","o","reverse","xScale","xOffset","view","origin","yScale","yOffset","painter","items","plot","drawForeground","label","box","hover","cx","d","tip","padding","lineHeight","left","right","line","content","row","createCanvasChart","config","canvas","destroyed","frameId","itemsModel","itemsKey","options","themeIds","themeCount","themeId","id","version","fontSet","measureText","f","text","g","render","controller","pw","ph","key","itemsSignature","index","buildItems","schedule","createChartController","touchOptions","t","i","ratio","v","type","listener"],"sources":["../../../../charts/src/engine/canvas.ts"],"sourcesContent":["// createCanvasChart: a whole chart drawn on one 2D canvas without any DOM:\n// WeChat / Alipay / ByteDance mini-programs (`<canvas type=\"2d\">`), Taro,\n// uni-app, OffscreenCanvas, or a plain browser canvas. The host forwards\n// touches / pointer events; everything else is handled here.\n\nimport { toCss } from \"./color\";\nimport {\n  createChartController,\n  type ChartController,\n  type ChartControllerEventMap,\n  type ChartPointerOptions,\n  type ChartScene,\n} from \"./controller\";\nimport { buildItems, type Origin } from \"./items\";\nimport { drawBackground, drawForeground, font } from \"./overlay\";\nimport { createCanvas2dPainter } from \"./renderers/canvas2d\";\nimport type { RenderItem } from \"./renderers/types\";\nimport { itemsSignature } from \"./signature\";\nimport type { ChartThemeInput } from \"./theme\";\nimport type { ChartOptions, ChartRect, ChartView } from \"./types\";\n\n/**\n * The canvas a chart draws on: a browser `HTMLCanvasElement`, an\n * `OffscreenCanvas` or the node of a mini-program `<canvas type=\"2d\">`\n * (`SelectorQuery.fields({ node: true })`)\n */\nexport interface ChartCanvas {\n  width: number;\n  height: number;\n  getContext(type: \"2d\"): unknown;\n  /** Mini-program canvases schedule their frames themselves */\n  requestAnimationFrame?: (callback: () => void) => number;\n  cancelAnimationFrame?: (id: number) => void;\n}\n\n/** A touch point relative to the canvas (`x` / `y`) with its identifier */\nexport interface ChartTouch {\n  x: number;\n  y: number;\n  identifier?: number;\n}\n\nexport interface CanvasChartConfig {\n  canvas: ChartCanvas;\n  /** Size of the canvas in CSS pixels (rpx converted by the host) */\n  width: number;\n  height: number;\n  /**\n   * Device pixel ratio (`wx.getWindowInfo().pixelRatio` in mini-programs)\n   * @default 1\n   */\n  pixelRatio?: number;\n  options: ChartOptions;\n  /** Colors and fonts: values of the Minerva CSS variables */\n  theme?: ChartThemeInput;\n}\n\nexport interface CanvasChartInstance {\n  setOptions(options: ChartOptions): void;\n  setTheme(theme: ChartThemeInput | undefined): void;\n  /** New CSS size (and pixel ratio) of the canvas */\n  resize(width: number, height: number, pixelRatio?: number): void;\n  /** Draws now (frames are otherwise scheduled automatically) */\n  render(): void;\n  /** Touch handlers: pass the `touches` / `changedTouches` of the event */\n  touchStart(touches: readonly ChartTouch[]): void;\n  touchMove(touches: readonly ChartTouch[]): void;\n  touchEnd(changedTouches: readonly ChartTouch[]): void;\n  touchCancel(changedTouches?: readonly ChartTouch[]): void;\n  /** Mouse / pen handlers (H5, desktop mini-programs) */\n  pointerDown(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerMove(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerUp(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerLeave(): void;\n  /** Zooms around a pixel (factor < 1 zooms in) */\n  zoomAt(x: number, y: number, factor: number): void;\n  resetZoom(): void;\n  getView(): ChartView;\n  setView(view: Partial<ChartView>): void;\n  toggleSeries(id: string): void;\n  clearHover(): void;\n  getPlotRect(): ChartRect | null;\n  toPixel(x: number, y: number): { x: number; y: number } | null;\n  fromPixel(x: number, y: number): { x: number; y: number } | null;\n  /** The platform-free controller (scene, gestures) */\n  getController(): ChartController;\n  on<K extends keyof ChartControllerEventMap>(\n    type: K,\n    listener: (event: ChartControllerEventMap[K]) => void,\n  ): () => void;\n  destroy(): void;\n}\n\nconst mid = (r: [number, number]) => (r[0] + r[1]) / 2;\n\nconst roundedRect = (\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n) => {\n  ctx.beginPath();\n  ctx.moveTo(x + r, y);\n  ctx.lineTo(x + w - r, y);\n  ctx.arcTo(x + w, y, x + w, y + r, r);\n  ctx.lineTo(x + w, y + h - r);\n  ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n  ctx.lineTo(x + r, y + h);\n  ctx.arcTo(x, y + h, x, y + h - r, r);\n  ctx.lineTo(x, y + r);\n  ctx.arcTo(x, y, x + r, y, r);\n  ctx.closePath();\n};\n\n/** Draws a scene (legend, axes, data, labels, hover) on a 2D context */\nexport const drawScene = (\n  ctx: CanvasRenderingContext2D,\n  scene: ChartScene,\n  items: readonly RenderItem[],\n  origin: Origin,\n  pixelRatio: number,\n  painter = createCanvas2dPainter(ctx),\n) => {\n  const { width, height, theme, model, view, layout } = scene;\n  const { plot, scales } = layout;\n  const dpr = pixelRatio;\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, Math.ceil(width * dpr), Math.ceil(height * dpr));\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  drawBackground(ctx, {\n    width,\n    height,\n    scales,\n    x: model.x,\n    y: model.y,\n    xTicks: layout.xTicks,\n    yTicks: layout.yTicks,\n    theme,\n    annotations: scene.annotations,\n  });\n\n  // legend\n  if (scene.legend) {\n    ctx.font = font(theme, 12);\n    ctx.textBaseline = \"middle\";\n    ctx.textAlign = \"left\";\n    for (const e of scene.legend.entries) {\n      const cy = e.box.y + e.box.height / 2;\n      ctx.globalAlpha = e.hidden ? 0.45 : 1;\n      ctx.fillStyle = e.color;\n      if (e.shape === \"dot\") {\n        ctx.beginPath();\n        ctx.arc(e.box.x + 5, cy, 4, 0, Math.PI * 2);\n        ctx.fill();\n      } else if (e.shape === \"line\") {\n        ctx.fillRect(e.box.x, cy - 1, 10, 2);\n      } else {\n        ctx.fillRect(e.box.x + 1, cy - 4, 8, 8);\n      }\n      ctx.fillStyle = toCss(theme.textMuted);\n      ctx.fillText(e.name, e.box.x + 14, cy);\n      if (e.hidden) {\n        const w = e.box.width - 22;\n        ctx.fillRect(e.box.x + 14, cy, w, 1);\n      }\n    }\n    ctx.globalAlpha = 1;\n  }\n\n  // hover band of bars, below the data\n  for (const mark of scene.hover?.marks ?? []) {\n    if (mark.kind !== \"band\") continue;\n    roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 6);\n    ctx.fillStyle = toCss(theme.text, 0.06);\n    ctx.fill();\n  }\n\n  // data\n  const scale = (range: [number, number], o: number, reverse: boolean) => {\n    const s = 2 / (range[1] - range[0]);\n    const offset = (o - range[0]) * s - 1;\n    return reverse ? [-s, -offset] : [s, offset];\n  };\n  const [xScale, xOffset] = scale(view.x, origin.x, model.x.reverse);\n  const [yScale, yOffset] = scale(view.y, origin.y, model.y.reverse);\n  painter.paint(\n    items,\n    {\n      transform: { xScale, xOffset, yScale, yOffset },\n      width: Math.max(1, Math.round(plot.width * dpr)),\n      height: Math.max(1, Math.round(plot.height * dpr)),\n      dpr,\n    },\n    Math.round(plot.x * dpr),\n    Math.round(plot.y * dpr),\n  );\n\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  drawForeground(ctx, {\n    width,\n    height,\n    scales,\n    theme,\n    annotations: scene.annotations,\n    pointLabels: [],\n    clear: false,\n  });\n  // dot labels placed by the scene\n  if (scene.pointLabels.length) {\n    ctx.save();\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    ctx.lineWidth = 3;\n    ctx.lineJoin = \"round\";\n    ctx.strokeStyle = toCss(theme.background, 0.9);\n    ctx.fillStyle = toCss(theme.text, 0.85);\n    for (const { label, box } of scene.pointLabels) {\n      ctx.strokeText(label.text, box.x, box.y + box.height / 2);\n      ctx.fillText(label.text, box.x, box.y + box.height / 2);\n    }\n    ctx.restore();\n  }\n\n  // hover\n  const hover = scene.hover;\n  if (hover) {\n    if (hover.crosshairX !== null) {\n      ctx.save();\n      ctx.strokeStyle = toCss(theme.textMuted, 0.55);\n      ctx.lineWidth = 1;\n      ctx.setLineDash([3, 3]);\n      ctx.beginPath();\n      const cx = Math.round(hover.crosshairX) + 0.5;\n      ctx.moveTo(cx, plot.y);\n      ctx.lineTo(cx, plot.y + plot.height);\n      ctx.stroke();\n      ctx.restore();\n    }\n    for (const mark of hover.marks) {\n      if (mark.kind === \"band\") continue;\n      if (mark.kind === \"cell\") {\n        roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 3);\n        ctx.lineWidth = 3;\n        ctx.strokeStyle = toCss(theme.background);\n        ctx.stroke();\n        ctx.lineWidth = 1.5;\n        ctx.strokeStyle = toCss(theme.text, 0.55);\n        ctx.stroke();\n        continue;\n      }\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2 + 4, 0, Math.PI * 2);\n      ctx.fillStyle = mark.halo;\n      ctx.fill();\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2 - 1, 0, Math.PI * 2);\n      ctx.fillStyle = mark.color;\n      ctx.fill();\n      ctx.lineWidth = 2;\n      ctx.strokeStyle = toCss(theme.background);\n      ctx.stroke();\n    }\n  }\n  if (scene.dragging) {\n    const d = scene.dragging;\n    ctx.beginPath();\n    ctx.arc(d.x, d.y, d.size / 2, 0, Math.PI * 2);\n    ctx.fillStyle = d.color;\n    ctx.globalAlpha = 0.85;\n    ctx.fill();\n    ctx.globalAlpha = 1;\n    ctx.lineWidth = 2;\n    ctx.strokeStyle = toCss(theme.background);\n    ctx.stroke();\n  }\n  const tip = hover?.tooltip;\n  if (tip) {\n    const { box, lineHeight, padding } = tip;\n    ctx.save();\n    ctx.shadowColor = \"rgba(15, 23, 42, 0.18)\";\n    ctx.shadowBlur = 16;\n    ctx.shadowOffsetY = 6;\n    roundedRect(ctx, box.x, box.y, box.width, box.height, 8);\n    ctx.fillStyle = toCss(theme.background);\n    ctx.fill();\n    ctx.restore();\n    roundedRect(\n      ctx,\n      box.x + 0.5,\n      box.y + 0.5,\n      box.width - 1,\n      box.height - 1,\n      8,\n    );\n    ctx.strokeStyle = toCss(theme.axis, 0.6);\n    ctx.lineWidth = 1;\n    ctx.stroke();\n    ctx.textBaseline = \"middle\";\n    let y = box.y + padding + lineHeight / 2;\n    const left = box.x + padding + 2;\n    const right = box.x + box.width - padding - 2;\n    if (tip.text) {\n      ctx.font = font(theme, 12);\n      ctx.fillStyle = toCss(theme.text);\n      ctx.textAlign = \"left\";\n      for (const line of tip.text) {\n        ctx.fillText(line, left, y);\n        y += lineHeight;\n      }\n    } else {\n      const { content } = tip;\n      let x = left;\n      if (content.titleColor) {\n        ctx.fillStyle = content.titleColor;\n        ctx.beginPath();\n        ctx.arc(x + 4, y, 4, 0, Math.PI * 2);\n        ctx.fill();\n        x += 14;\n      }\n      ctx.font = font(theme, 12, 600);\n      ctx.fillStyle = toCss(theme.text);\n      ctx.textAlign = \"left\";\n      ctx.fillText(content.title, x, y);\n      y += lineHeight;\n      for (const row of content.rows) {\n        x = left;\n        if (row.color) {\n          ctx.fillStyle = row.color;\n          ctx.beginPath();\n          ctx.arc(x + 4, y, 4, 0, Math.PI * 2);\n          ctx.fill();\n          x += 14;\n        }\n        ctx.font = font(theme, 12);\n        ctx.textAlign = \"left\";\n        ctx.fillStyle = toCss(theme.textMuted);\n        ctx.fillText(row.name, x, y);\n        ctx.font = font(theme, 12, 600);\n        ctx.textAlign = \"right\";\n        ctx.fillStyle = toCss(theme.text);\n        ctx.fillText(row.value, right, y);\n        y += lineHeight;\n      }\n    }\n  }\n};\n\n/**\n * Creates a chart drawn on a 2D canvas: line, area, bar and scatter series,\n * annotations, legend and tooltip, tap / drag / pinch gestures. Works\n * without a DOM (mini-programs); see `createChart` for the GPU version of\n * the web.\n */\nexport const createCanvasChart = (\n  config: CanvasChartConfig,\n): CanvasChartInstance => {\n  const { canvas } = config;\n  const ctx = canvas.getContext(\"2d\") as CanvasRenderingContext2D | null;\n  let width = config.width;\n  let height = config.height;\n  let dpr = config.pixelRatio ?? 1;\n  let destroyed = false;\n  let frameId: number | null = null;\n  let items: RenderItem[] = [];\n  let itemsModel: unknown = null;\n  let itemsKey = \"\";\n  let options = config.options;\n  /** Ids of the themes seen (the controller replaces its theme on changes) */\n  const themeIds = new WeakMap<object, number>();\n  let themeCount = 0;\n  const themeId = (theme: object) => {\n    let id = themeIds.get(theme);\n    if (id === undefined) themeIds.set(theme, (id = ++themeCount));\n    return id;\n  };\n  let origin: Origin = { x: 0, y: 0 };\n  let version = 0;\n  let fontSet = \"\";\n\n  const measureText = (text: string, f: string) => {\n    if (!ctx) return text.length * 6.5;\n    if (f !== fontSet) {\n      ctx.font = f;\n      fontSet = f;\n    }\n    return ctx.measureText(text).width;\n  };\n\n  const painter = ctx ? createCanvas2dPainter(ctx) : null;\n\n  const g = globalThis as {\n    requestAnimationFrame?: (cb: () => void) => number;\n    cancelAnimationFrame?: (id: number) => void;\n  };\n\n  const render = () => {\n    frameId = null;\n    if (destroyed || !ctx || !painter) return;\n    const scene = controller.getScene();\n    if (!scene) return;\n    const pw = Math.max(1, Math.round(width * dpr));\n    const ph = Math.max(1, Math.round(height * dpr));\n    if (canvas.width !== pw) canvas.width = pw;\n    if (canvas.height !== ph) canvas.height = ph;\n    fontSet = \"\";\n    if (itemsModel !== scene.model) {\n      itemsModel = scene.model;\n      // a new model (any setOptions) keeps the items when nothing they\n      // depend on changed\n      const key = itemsSignature(\n        scene.model,\n        themeId(scene.theme),\n        (index) => options.series[index]?.stack,\n      );\n      if (key !== itemsKey) {\n        itemsKey = key;\n        origin = { x: mid(scene.model.base.x), y: mid(scene.model.base.y) };\n        items = buildItems(scene.model, origin, ++version);\n      }\n    }\n    drawScene(ctx, scene, items, origin, dpr, painter);\n    fontSet = \"\";\n  };\n\n  const schedule = () => {\n    if (destroyed || frameId !== null) return;\n    if (canvas.requestAnimationFrame)\n      frameId = canvas.requestAnimationFrame(render);\n    else if (g.requestAnimationFrame) frameId = g.requestAnimationFrame(render);\n    else frameId = setTimeout(render, 16) as unknown as number;\n  };\n\n  const controller = createChartController({\n    options: config.options,\n    theme: config.theme,\n    measureText,\n    onInvalidate: schedule,\n  });\n  controller.setSize(width, height);\n\n  const touchOptions = (t: ChartTouch, i: number): ChartPointerOptions => ({\n    id: t.identifier ?? i,\n    touch: true,\n  });\n\n  return {\n    setOptions: (o) => {\n      options = o;\n      controller.setOptions(o);\n    },\n    setTheme: (t) => controller.setTheme(t),\n    resize(w, h, ratio) {\n      width = w;\n      height = h;\n      if (ratio) dpr = ratio;\n      controller.setSize(w, h);\n      schedule();\n    },\n    render() {\n      if (frameId !== null) {\n        if (canvas.cancelAnimationFrame) canvas.cancelAnimationFrame(frameId);\n        else if (g.cancelAnimationFrame) g.cancelAnimationFrame(frameId);\n        else clearTimeout(frameId);\n      }\n      render();\n    },\n    touchStart(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerDown(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchMove(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerMove(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchEnd(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerUp(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchCancel(touches = [{ x: 0, y: 0 }]) {\n      touches.forEach((t, i) => controller.pointerCancel(touchOptions(t, i)));\n    },\n    pointerDown: (x, y, o) => controller.pointerDown(x, y, o),\n    pointerMove: (x, y, o) => controller.pointerMove(x, y, o),\n    pointerUp: (x, y, o) => controller.pointerUp(x, y, o),\n    pointerLeave: () => controller.pointerLeave(),\n    zoomAt: (x, y, f) => controller.zoomAt(x, y, f),\n    resetZoom: () => controller.resetZoom(),\n    getView: () => controller.getView(),\n    setView: (v) => controller.setView(v),\n    toggleSeries: (id) => controller.toggleSeries(id),\n    clearHover: () => controller.clearHover(),\n    getPlotRect: () => controller.getPlotRect(),\n    toPixel: (x, y) => controller.toPixel(x, y),\n    fromPixel: (x, y) => controller.fromPixel(x, y),\n    getController: () => controller,\n    on: (type, listener) => controller.on(type, listener),\n    destroy() {\n      if (destroyed) return;\n      destroyed = true;\n      if (frameId !== null) {\n        if (canvas.cancelAnimationFrame) canvas.cancelAnimationFrame(frameId);\n        else if (g.cancelAnimationFrame) g.cancelAnimationFrame(frameId);\n        else clearTimeout(frameId);\n      }\n      painter?.destroy();\n      controller.destroy();\n    },\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"canvas.js","names":["mid","r","roundedRect","ctx","x","y","w","h","drawPrimitives","plot","p","primitives","bottoms","k","n","run","i","b","radius","drawScene","createCanvas2dPainter","scene","layout","dpr","pixelRatio","width","height","drawBackground","model","font","theme","e","cy","toCss","mark","scales","scenePrimitives","paintData","scale","s","range","offset","o","reverse","xScale","xOffset","view","origin","yScale","yOffset","items","drawForeground","label","box","hover","cx","d","tip","padding","lineHeight","left","right","line","content","row","createCanvasChart","config","canvas","destroyed","frameId","itemsModel","itemsKey","options","themeIds","themeCount","themeId","id","version","fontSet","measureText","f","text","painter","g","render","controller","pw","ph","key","itemsSignature","index","buildItems","schedule","createChartController","touchOptions","t","ratio","v","type","listener"],"sources":["../../../../charts/src/engine/canvas.ts"],"sourcesContent":["// createCanvasChart: a whole chart drawn on one 2D canvas without any DOM:\n// WeChat / Alipay / ByteDance mini-programs (`<canvas type=\"2d\">`), Taro,\n// uni-app, OffscreenCanvas, or a plain browser canvas. The host forwards\n// touches / pointer events; everything else is handled here.\n\nimport { toCss } from \"./color\";\nimport {\n  createChartController,\n  scenePrimitives,\n  type ChartController,\n  type ChartControllerEventMap,\n  type ChartPointerOptions,\n  type ChartPrimitive,\n  type ChartScene,\n} from \"./controller\";\nimport { buildItems, type Origin } from \"./items\";\nimport { drawBackground, drawForeground, font } from \"./overlay\";\nimport { createCanvas2dPainter } from \"./renderers/canvas2d\";\nimport type { RenderItem } from \"./renderers/types\";\nimport { itemsSignature } from \"./signature\";\nimport type { ChartThemeInput } from \"./theme\";\nimport type { ChartOptions, ChartRect, ChartView } from \"./types\";\n\n/**\n * The canvas a chart draws on: a browser `HTMLCanvasElement`, an\n * `OffscreenCanvas` or the node of a mini-program `<canvas type=\"2d\">`\n * (`SelectorQuery.fields({ node: true })`)\n */\nexport interface ChartCanvas {\n  width: number;\n  height: number;\n  getContext(type: \"2d\"): unknown;\n  /** Mini-program canvases schedule their frames themselves */\n  requestAnimationFrame?: (callback: () => void) => number;\n  cancelAnimationFrame?: (id: number) => void;\n}\n\n/** A touch point relative to the canvas (`x` / `y`) with its identifier */\nexport interface ChartTouch {\n  x: number;\n  y: number;\n  identifier?: number;\n}\n\nexport interface CanvasChartConfig {\n  canvas: ChartCanvas;\n  /** Size of the canvas in CSS pixels (rpx converted by the host) */\n  width: number;\n  height: number;\n  /**\n   * Device pixel ratio (`wx.getWindowInfo().pixelRatio` in mini-programs)\n   * @default 1\n   */\n  pixelRatio?: number;\n  options: ChartOptions;\n  /** Colors and fonts: values of the Minerva CSS variables */\n  theme?: ChartThemeInput;\n}\n\nexport interface CanvasChartInstance {\n  setOptions(options: ChartOptions): void;\n  setTheme(theme: ChartThemeInput | undefined): void;\n  /** New CSS size (and pixel ratio) of the canvas */\n  resize(width: number, height: number, pixelRatio?: number): void;\n  /** Draws now (frames are otherwise scheduled automatically) */\n  render(): void;\n  /** Touch handlers: pass the `touches` / `changedTouches` of the event */\n  touchStart(touches: readonly ChartTouch[]): void;\n  touchMove(touches: readonly ChartTouch[]): void;\n  touchEnd(changedTouches: readonly ChartTouch[]): void;\n  touchCancel(changedTouches?: readonly ChartTouch[]): void;\n  /** Mouse / pen handlers (H5, desktop mini-programs) */\n  pointerDown(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerMove(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerUp(x: number, y: number, options?: ChartPointerOptions): void;\n  pointerLeave(): void;\n  /** Zooms around a pixel (factor < 1 zooms in) */\n  zoomAt(x: number, y: number, factor: number): void;\n  resetZoom(): void;\n  getView(): ChartView;\n  setView(view: Partial<ChartView>): void;\n  toggleSeries(id: string): void;\n  clearHover(): void;\n  getPlotRect(): ChartRect | null;\n  toPixel(x: number, y: number): { x: number; y: number } | null;\n  fromPixel(x: number, y: number): { x: number; y: number } | null;\n  /** The platform-free controller (scene, gestures) */\n  getController(): ChartController;\n  on<K extends keyof ChartControllerEventMap>(\n    type: K,\n    listener: (event: ChartControllerEventMap[K]) => void,\n  ): () => void;\n  destroy(): void;\n}\n\nconst mid = (r: [number, number]) => (r[0] + r[1]) / 2;\n\nconst roundedRect = (\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n) => {\n  ctx.beginPath();\n  ctx.moveTo(x + r, y);\n  ctx.lineTo(x + w - r, y);\n  ctx.arcTo(x + w, y, x + w, y + r, r);\n  ctx.lineTo(x + w, y + h - r);\n  ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n  ctx.lineTo(x + r, y + h);\n  ctx.arcTo(x, y + h, x, y + h - r, r);\n  ctx.lineTo(x, y + r);\n  ctx.arcTo(x, y, x + r, y, r);\n  ctx.closePath();\n};\n\n/**\n * Draws the shapes of `scenePrimitives` (CSS pixels of the chart) clipped to\n * the plot: the data of horizontal charts\n */\nexport const drawPrimitives = (\n  ctx: CanvasRenderingContext2D,\n  primitives: readonly ChartPrimitive[],\n  plot: { x: number; y: number; width: number; height: number },\n) => {\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n  ctx.lineJoin = \"round\";\n  ctx.lineCap = \"round\";\n  for (const p of primitives) {\n    if (p.kind === \"area\") {\n      ctx.globalAlpha = p.opacity;\n      ctx.fillStyle = p.color;\n      p.segments.forEach((run, k) => {\n        const bottoms = p.bottoms?.[k];\n        const n = run.length / 2;\n        if (n < 2) return;\n        ctx.beginPath();\n        for (let i = 0; i < n; i++) {\n          if (i === 0) ctx.moveTo(run[0], run[1]);\n          else ctx.lineTo(run[i * 2], run[i * 2 + 1]);\n        }\n        // back along the bottom edge (or the baseline)\n        for (let i = n - 1; i >= 0; i--) {\n          const b = bottoms ? bottoms[i] : p.baseline;\n          if (p.horizontal) ctx.lineTo(b, run[i * 2 + 1]);\n          else ctx.lineTo(run[i * 2], b);\n        }\n        ctx.closePath();\n        ctx.fill();\n      });\n      ctx.globalAlpha = 1;\n    } else if (p.kind === \"line\") {\n      ctx.strokeStyle = p.color;\n      ctx.lineWidth = p.width;\n      ctx.beginPath();\n      for (const run of p.segments) {\n        for (let i = 0; i < run.length; i += 2) {\n          if (i === 0) ctx.moveTo(run[0], run[1]);\n          else ctx.lineTo(run[i], run[i + 1]);\n        }\n      }\n      ctx.stroke();\n    } else if (p.kind === \"bars\") {\n      ctx.globalAlpha = p.opacity ?? 1;\n      const r = p.radius ?? 0;\n      for (let k = 0; k < p.rects.length; k += 4) {\n        const [x, y, w, h] = [\n          p.rects[k],\n          p.rects[k + 1],\n          p.rects[k + 2],\n          p.rects[k + 3],\n        ];\n        ctx.fillStyle = p.colors?.[k / 4] ?? p.color;\n        const radius = Math.min(r, w / 2, h / 2);\n        if (radius > 0.5) {\n          roundedRect(ctx, x, y, w, h, radius);\n          ctx.fill();\n        } else {\n          ctx.fillRect(x, y, w, h);\n        }\n      }\n      ctx.globalAlpha = 1;\n    } else {\n      ctx.globalAlpha = p.opacity;\n      for (let k = 0; k < p.dots.length; k += 3) {\n        ctx.fillStyle = p.colors[k / 3] ?? \"#888\";\n        ctx.beginPath();\n        ctx.arc(p.dots[k], p.dots[k + 1], p.dots[k + 2] / 2, 0, Math.PI * 2);\n        ctx.fill();\n      }\n      ctx.globalAlpha = 1;\n    }\n  }\n  ctx.restore();\n};\n\n/** Draws a scene (legend, axes, data, labels, hover) on a 2D context */\nexport const drawScene = (\n  ctx: CanvasRenderingContext2D,\n  scene: ChartScene,\n  items: readonly RenderItem[],\n  origin: Origin,\n  pixelRatio: number,\n  painter = createCanvas2dPainter(ctx),\n) => {\n  const { width, height, theme, model, view, layout } = scene;\n  const { plot, scales } = layout;\n  const dpr = pixelRatio;\n  ctx.setTransform(1, 0, 0, 1, 0, 0);\n  ctx.clearRect(0, 0, Math.ceil(width * dpr), Math.ceil(height * dpr));\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  drawBackground(ctx, {\n    width,\n    height,\n    scales,\n    x: model.x,\n    y: model.y,\n    xTicks: layout.xTicks,\n    yTicks: layout.yTicks,\n    y2: model.y2,\n    y2Ticks: layout.y2Ticks,\n    theme,\n    annotations: scene.annotations,\n  });\n\n  // legend\n  if (scene.legend) {\n    ctx.font = font(theme, 12);\n    ctx.textBaseline = \"middle\";\n    ctx.textAlign = \"left\";\n    for (const e of scene.legend.entries) {\n      const cy = e.box.y + e.box.height / 2;\n      ctx.globalAlpha = e.hidden ? 0.45 : 1;\n      ctx.fillStyle = e.color;\n      if (e.shape === \"dot\") {\n        ctx.beginPath();\n        ctx.arc(e.box.x + 5, cy, 4, 0, Math.PI * 2);\n        ctx.fill();\n      } else if (e.shape === \"line\") {\n        ctx.fillRect(e.box.x, cy - 1, 10, 2);\n      } else {\n        ctx.fillRect(e.box.x + 1, cy - 4, 8, 8);\n      }\n      ctx.fillStyle = toCss(theme.textMuted);\n      ctx.fillText(e.name, e.box.x + 14, cy);\n      if (e.hidden) {\n        const w = e.box.width - 22;\n        ctx.fillRect(e.box.x + 14, cy, w, 1);\n      }\n    }\n    ctx.globalAlpha = 1;\n  }\n\n  // hover band of bars, below the data\n  for (const mark of scene.hover?.marks ?? []) {\n    if (mark.kind !== \"band\") continue;\n    roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 6);\n    ctx.fillStyle = toCss(theme.text, 0.06);\n    ctx.fill();\n  }\n\n  // data (horizontal charts: as shapes, the painter draws vertical charts)\n  if (scales.horizontal) {\n    drawPrimitives(ctx, scenePrimitives(scene), plot);\n  } else {\n    paintData();\n  }\n  function paintData() {\n    const scale = (range: [number, number], o: number, reverse: boolean) => {\n      const s = 2 / (range[1] - range[0]);\n      const offset = (o - range[0]) * s - 1;\n      return reverse ? [-s, -offset] : [s, offset];\n    };\n    const [xScale, xOffset] = scale(view.x, origin.x, model.x.reverse);\n    const [yScale, yOffset] = scale(view.y, origin.y, model.y.reverse);\n    painter.paint(\n      items,\n      {\n        transform: { xScale, xOffset, yScale, yOffset },\n        width: Math.max(1, Math.round(plot.width * dpr)),\n        height: Math.max(1, Math.round(plot.height * dpr)),\n        dpr,\n      },\n      Math.round(plot.x * dpr),\n      Math.round(plot.y * dpr),\n    );\n  }\n\n  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  drawForeground(ctx, {\n    width,\n    height,\n    scales,\n    theme,\n    annotations: scene.annotations,\n    pointLabels: [],\n    clear: false,\n  });\n  // dot labels placed by the scene\n  if (scene.pointLabels.length) {\n    ctx.save();\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    ctx.lineWidth = 3;\n    ctx.lineJoin = \"round\";\n    ctx.strokeStyle = toCss(theme.background, 0.9);\n    ctx.fillStyle = toCss(theme.text, 0.85);\n    for (const { label, box } of scene.pointLabels) {\n      ctx.strokeText(label.text, box.x, box.y + box.height / 2);\n      ctx.fillText(label.text, box.x, box.y + box.height / 2);\n    }\n    ctx.restore();\n  }\n\n  // hover\n  const hover = scene.hover;\n  if (hover) {\n    if (hover.crosshairX !== null) {\n      ctx.save();\n      ctx.strokeStyle = toCss(theme.textMuted, 0.55);\n      ctx.lineWidth = 1;\n      ctx.setLineDash([3, 3]);\n      ctx.beginPath();\n      const cx = Math.round(hover.crosshairX) + 0.5;\n      ctx.moveTo(cx, plot.y);\n      ctx.lineTo(cx, plot.y + plot.height);\n      ctx.stroke();\n      ctx.restore();\n    }\n    if (hover.crosshairY !== null) {\n      ctx.save();\n      ctx.strokeStyle = toCss(theme.textMuted, 0.55);\n      ctx.lineWidth = 1;\n      ctx.setLineDash([3, 3]);\n      ctx.beginPath();\n      const cy = Math.round(hover.crosshairY) + 0.5;\n      ctx.moveTo(plot.x, cy);\n      ctx.lineTo(plot.x + plot.width, cy);\n      ctx.stroke();\n      ctx.restore();\n    }\n    for (const mark of hover.marks) {\n      if (mark.kind === \"band\") continue;\n      if (mark.kind === \"cell\") {\n        roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 3);\n        ctx.lineWidth = 3;\n        ctx.strokeStyle = toCss(theme.background);\n        ctx.stroke();\n        ctx.lineWidth = 1.5;\n        ctx.strokeStyle = toCss(theme.text, 0.55);\n        ctx.stroke();\n        continue;\n      }\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2 + 4, 0, Math.PI * 2);\n      ctx.fillStyle = mark.halo;\n      ctx.fill();\n      ctx.beginPath();\n      ctx.arc(mark.x, mark.y, mark.size / 2 - 1, 0, Math.PI * 2);\n      ctx.fillStyle = mark.color;\n      ctx.fill();\n      ctx.lineWidth = 2;\n      ctx.strokeStyle = toCss(theme.background);\n      ctx.stroke();\n    }\n  }\n  if (scene.dragging) {\n    const d = scene.dragging;\n    ctx.beginPath();\n    ctx.arc(d.x, d.y, d.size / 2, 0, Math.PI * 2);\n    ctx.fillStyle = d.color;\n    ctx.globalAlpha = 0.85;\n    ctx.fill();\n    ctx.globalAlpha = 1;\n    ctx.lineWidth = 2;\n    ctx.strokeStyle = toCss(theme.background);\n    ctx.stroke();\n  }\n  const tip = hover?.tooltip;\n  if (tip) {\n    const { box, lineHeight, padding } = tip;\n    ctx.save();\n    ctx.shadowColor = \"rgba(15, 23, 42, 0.18)\";\n    ctx.shadowBlur = 16;\n    ctx.shadowOffsetY = 6;\n    roundedRect(ctx, box.x, box.y, box.width, box.height, 8);\n    ctx.fillStyle = toCss(theme.background);\n    ctx.fill();\n    ctx.restore();\n    roundedRect(\n      ctx,\n      box.x + 0.5,\n      box.y + 0.5,\n      box.width - 1,\n      box.height - 1,\n      8,\n    );\n    ctx.strokeStyle = toCss(theme.axis, 0.6);\n    ctx.lineWidth = 1;\n    ctx.stroke();\n    ctx.textBaseline = \"middle\";\n    let y = box.y + padding + lineHeight / 2;\n    const left = box.x + padding + 2;\n    const right = box.x + box.width - padding - 2;\n    if (tip.text) {\n      ctx.font = font(theme, 12);\n      ctx.fillStyle = toCss(theme.text);\n      ctx.textAlign = \"left\";\n      for (const line of tip.text) {\n        ctx.fillText(line, left, y);\n        y += lineHeight;\n      }\n    } else {\n      const { content } = tip;\n      let x = left;\n      if (content.titleColor) {\n        ctx.fillStyle = content.titleColor;\n        ctx.beginPath();\n        ctx.arc(x + 4, y, 4, 0, Math.PI * 2);\n        ctx.fill();\n        x += 14;\n      }\n      ctx.font = font(theme, 12, 600);\n      ctx.fillStyle = toCss(theme.text);\n      ctx.textAlign = \"left\";\n      ctx.fillText(content.title, x, y);\n      y += lineHeight;\n      for (const row of content.rows) {\n        x = left;\n        if (row.color) {\n          ctx.fillStyle = row.color;\n          ctx.beginPath();\n          ctx.arc(x + 4, y, 4, 0, Math.PI * 2);\n          ctx.fill();\n          x += 14;\n        }\n        ctx.font = font(theme, 12);\n        ctx.textAlign = \"left\";\n        ctx.fillStyle = toCss(theme.textMuted);\n        ctx.fillText(row.name, x, y);\n        ctx.font = font(theme, 12, 600);\n        ctx.textAlign = \"right\";\n        ctx.fillStyle = toCss(theme.text);\n        ctx.fillText(row.value, right, y);\n        y += lineHeight;\n      }\n    }\n  }\n};\n\n/**\n * Creates a chart drawn on a 2D canvas: line, area, bar and scatter series,\n * annotations, legend and tooltip, tap / drag / pinch gestures. Works\n * without a DOM (mini-programs); see `createChart` for the GPU version of\n * the web.\n */\nexport const createCanvasChart = (\n  config: CanvasChartConfig,\n): CanvasChartInstance => {\n  const { canvas } = config;\n  const ctx = canvas.getContext(\"2d\") as CanvasRenderingContext2D | null;\n  let width = config.width;\n  let height = config.height;\n  let dpr = config.pixelRatio ?? 1;\n  let destroyed = false;\n  let frameId: number | null = null;\n  let items: RenderItem[] = [];\n  let itemsModel: unknown = null;\n  let itemsKey = \"\";\n  let options = config.options;\n  /** Ids of the themes seen (the controller replaces its theme on changes) */\n  const themeIds = new WeakMap<object, number>();\n  let themeCount = 0;\n  const themeId = (theme: object) => {\n    let id = themeIds.get(theme);\n    if (id === undefined) themeIds.set(theme, (id = ++themeCount));\n    return id;\n  };\n  let origin: Origin = { x: 0, y: 0 };\n  let version = 0;\n  let fontSet = \"\";\n\n  const measureText = (text: string, f: string) => {\n    if (!ctx) return text.length * 6.5;\n    if (f !== fontSet) {\n      ctx.font = f;\n      fontSet = f;\n    }\n    return ctx.measureText(text).width;\n  };\n\n  const painter = ctx ? createCanvas2dPainter(ctx) : null;\n\n  const g = globalThis as {\n    requestAnimationFrame?: (cb: () => void) => number;\n    cancelAnimationFrame?: (id: number) => void;\n  };\n\n  const render = () => {\n    frameId = null;\n    if (destroyed || !ctx || !painter) return;\n    const scene = controller.getScene();\n    if (!scene) return;\n    const pw = Math.max(1, Math.round(width * dpr));\n    const ph = Math.max(1, Math.round(height * dpr));\n    if (canvas.width !== pw) canvas.width = pw;\n    if (canvas.height !== ph) canvas.height = ph;\n    fontSet = \"\";\n    if (itemsModel !== scene.model) {\n      itemsModel = scene.model;\n      // a new model (any setOptions) keeps the items when nothing they\n      // depend on changed\n      const key = itemsSignature(\n        scene.model,\n        themeId(scene.theme),\n        (index) => options.series[index]?.stack,\n      );\n      if (key !== itemsKey) {\n        itemsKey = key;\n        origin = { x: mid(scene.model.base.x), y: mid(scene.model.base.y) };\n        items = buildItems(scene.model, origin, ++version);\n      }\n    }\n    drawScene(ctx, scene, items, origin, dpr, painter);\n    fontSet = \"\";\n  };\n\n  const schedule = () => {\n    if (destroyed || frameId !== null) return;\n    if (canvas.requestAnimationFrame)\n      frameId = canvas.requestAnimationFrame(render);\n    else if (g.requestAnimationFrame) frameId = g.requestAnimationFrame(render);\n    else frameId = setTimeout(render, 16) as unknown as number;\n  };\n\n  const controller = createChartController({\n    options: config.options,\n    theme: config.theme,\n    measureText,\n    onInvalidate: schedule,\n  });\n  controller.setSize(width, height);\n\n  const touchOptions = (t: ChartTouch, i: number): ChartPointerOptions => ({\n    id: t.identifier ?? i,\n    touch: true,\n  });\n\n  return {\n    setOptions: (o) => {\n      options = o;\n      controller.setOptions(o);\n    },\n    setTheme: (t) => controller.setTheme(t),\n    resize(w, h, ratio) {\n      width = w;\n      height = h;\n      if (ratio) dpr = ratio;\n      controller.setSize(w, h);\n      schedule();\n    },\n    render() {\n      if (frameId !== null) {\n        if (canvas.cancelAnimationFrame) canvas.cancelAnimationFrame(frameId);\n        else if (g.cancelAnimationFrame) g.cancelAnimationFrame(frameId);\n        else clearTimeout(frameId);\n      }\n      render();\n    },\n    touchStart(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerDown(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchMove(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerMove(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchEnd(touches) {\n      touches.forEach((t, i) =>\n        controller.pointerUp(t.x, t.y, touchOptions(t, i)),\n      );\n    },\n    touchCancel(touches = [{ x: 0, y: 0 }]) {\n      touches.forEach((t, i) => controller.pointerCancel(touchOptions(t, i)));\n    },\n    pointerDown: (x, y, o) => controller.pointerDown(x, y, o),\n    pointerMove: (x, y, o) => controller.pointerMove(x, y, o),\n    pointerUp: (x, y, o) => controller.pointerUp(x, y, o),\n    pointerLeave: () => controller.pointerLeave(),\n    zoomAt: (x, y, f) => controller.zoomAt(x, y, f),\n    resetZoom: () => controller.resetZoom(),\n    getView: () => controller.getView(),\n    setView: (v) => controller.setView(v),\n    toggleSeries: (id) => controller.toggleSeries(id),\n    clearHover: () => controller.clearHover(),\n    getPlotRect: () => controller.getPlotRect(),\n    toPixel: (x, y) => controller.toPixel(x, y),\n    fromPixel: (x, y) => controller.fromPixel(x, y),\n    getController: () => controller,\n    on: (type, listener) => controller.on(type, listener),\n    destroy() {\n      if (destroyed) return;\n      destroyed = true;\n      if (frameId !== null) {\n        if (canvas.cancelAnimationFrame) canvas.cancelAnimationFrame(frameId);\n        else if (g.cancelAnimationFrame) g.cancelAnimationFrame(frameId);\n        else clearTimeout(frameId);\n      }\n      painter?.destroy();\n      controller.destroy();\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/charts/engine/chart.cjs

@@ -1,2 +1,2 @@
-const e=require("./data.cjs"),t=require("./dom.cjs"),n=require("./items.cjs"),r=require("./layout.cjs"),i=require("./model.cjs"),a=require("./overlay.cjs"),o=require("./renderers/detect.cjs"),s=require("./scene.cjs"),c=require("./signature.cjs"),l=require("./theme.cjs"),u=require("./viewport.cjs");var d=e=>(e[0]+e[1])/2,f=e=>({x:[e.x[0],e.x[1]],y:[e.y[0],e.y[1]]}),p=(p,m)=>{let h=p.ownerDocument,g=h.defaultView,_=t.createChartDom(p),ee=new Map,v=new Set,y={},b=m,x=l.readTheme(_.root,b.palette),S,C={x:[0,1],y:[0,1]},w=!1,T={x:0,y:0},te=[],E=!0,ne=0,D=[],O=null,k=null,A=null,j=null,re=0,M=!1,N=0,P=null,ie=``,F=null,I=null,L=null,ae=[],oe=[],R=[],z=0,se=``,ce=``,B=null,V=null,le=()=>{},ue=new Promise(e=>{le=e}),H=(e,t)=>{y[e]?.forEach(e=>e(t))},de=null,U=null,W=()=>{if(de===b)return U;de=b;let e=b.interaction;if(e===!1)return U=null;let t=typeof e==`object`?e:{};return U={zoom:t.zoom??!0,wheel:t.wheel??`modifier`,pan:t.pan??!0,keyboard:t.keyboard??!0,dragPoints:t.dragPoints??!1}},fe=()=>b.tooltip===!1?null:typeof b.tooltip==`object`?b.tooltip:{},G=()=>{M||N||(N=g?.requestAnimationFrame?g.requestAnimationFrame(ve):setTimeout(ve,16))},K=()=>{S=i.buildModel(b,x,v,ee);let{base:e,zoom:t,minSpan:n}=S;w?(C={x:t.x?u.clampRange(C.x,e.x,n.x):[...e.x],y:t.y?u.clampRange(C.y,e.y,n.y):[...e.y]},w=!u.sameRange(C.x,e.x)||!u.sameRange(C.y,e.y)):C=f(e);let r=c.itemsSignature(S,z,e=>b.series[e]?.stack);r!==se&&(se=r,T={x:d(e.x),y:d(e.y)},E=!0,P&&!P.keyboard&&(P=null)),D=s.resolveAnnotations(b.annotations,x),me(),he(),G()},pe=()=>{let e=(e,t)=>Math.max(Math.abs(e[0]-t),Math.abs(e[1]-t))>(e[1]-e[0])*2e3;(e(C.x,T.x)||e(C.y,T.y))&&(T={x:d(C.x),y:d(C.y)},E=!0)},me=()=>{let e=b.legend,n=b.series.filter(e=>e.name).length,r=e===void 0?n>1:!!e,i=typeof e==`object`?e:{},a=i.toggle??!0,o=i.position===`bottom`,c=`${r}|${o}|${a}`;if(r)for(let e of S.series)c+=`\n${e.id}\u0001${e.name}\u0001${e.colorCss}\u0001${s.legendShape(e.type)}\u0001${e.hidden}`;if(c===ce)return;ce=c;let l=[..._.legend.children].indexOf(h.activeElement);if(_.legend.replaceChildren(),_.legend.style.display=r?`flex`:`none`,r){_.legend.style.order=o?`1`:`0`,_.legend.style.padding=o?`8px 4px 0`:`0 4px 8px`;for(let e of S.series){let n=h.createElement(a?`button`:`span`);n instanceof HTMLButtonElement&&(n.type=`button`,n.setAttribute(`aria-pressed`,String(!e.hidden)),n.addEventListener(`click`,()=>{v.has(e.id)?v.delete(e.id):v.add(e.id),K()})),t.styleElement(n,{display:`inline-flex`,alignItems:`center`,gap:`6px`,padding:`2px 4px`,margin:`0`,border:`0`,borderRadius:`4px`,background:`none`,font:`inherit`,color:`var(--text-secondary-color, #6b7280)`,cursor:a?`pointer`:`default`,opacity:e.hidden?`0.45`:`1`,textDecoration:e.hidden?`line-through`:`none`}),n.append(t.swatch(h,e.colorCss,s.legendShape(e.type)),h.createTextNode(e.name)),_.legend.appendChild(n)}l>=0&&_.legend.children[l]?.focus()}},he=()=>{let e=S.series.map(e=>e.name).join(`, `);_.stage.setAttribute(`aria-label`,b.ariaLabel??(e?`Chart: ${e}`:`Chart`));let t=W()?.keyboard;_.stage.style.touchAction=W()?.dragPoints?`none`:`pan-y`,t?_.stage.tabIndex=0:_.stage.removeAttribute(`tabindex`)},ge=(e,t,n,r)=>{let i=Math.max(1,Math.round(t*r)),a=Math.max(1,Math.round(n*r));e.width!==i&&(e.width=i),e.height!==a&&(e.height=a),e.style.width=`${t}px`,e.style.height=`${n}px`},_e=(e,t,n)=>{let r=2/(e[1]-e[0]),i=(t-e[0])*r-1;return n?[-r,-i]:[r,i]};function ve(){if(N=0,M)return;let e=_.stage.clientWidth,r=_.stage.clientHeight;if(e<=0||r<=0)return;let i=g?.devicePixelRatio||1;ge(_.background,e,r,i),ge(_.foreground,e,r,i);let o=_.background.getContext(`2d`),c=_.foreground.getContext(`2d`);o&&(o.setTransform(i,0,0,i,0,0),o.font=a.font(x));let l=s.layoutChart({model:S,view:C,theme:x,width:e,height:r,padding:b.padding,measure:o?e=>o.measureText(e).width:e=>e.length*x.fontSize*.6}),{plot:u}=l;k=l.xTicks,A=l.yTicks,O=l.scales;let d=ye();if(d&&d.join()!==ie&&(ie=d.join(),H(`layout`,{x:d[0],y:d[1],width:d[2],height:d[3]})),o&&a.drawBackground(o,{width:e,height:r,scales:O,x:S.x,y:S.y,xTicks:k,yTicks:A,theme:x,annotations:D}),c&&(c.setTransform(i,0,0,i,0,0),a.drawForeground(c,{width:e,height:r,scales:O,theme:x,annotations:D,pointLabels:s.collectPointLabels(S,C,O,A)})),j){let e=j.canvas;t.styleElement(e,{left:`${u.x}px`,top:`${u.y}px`,width:`${u.width}px`,height:`${u.height}px`});let r=Math.max(1,Math.round(u.width*i)),a=Math.max(1,Math.round(u.height*i));(e.width!==r||e.height!==a)&&j.resize(r,a),pe(),E&&(ne++,te=n.buildItems(S,T,ne),E=!1);let[o,s]=_e(C.x,T.x,S.x.reverse),[c,l]=_e(C.y,T.y,S.y.reverse);j.render(te,{transform:{xScale:o,xOffset:s,yScale:c,yOffset:l},width:r,height:a,dpr:i})}Y()}let q=(e,t)=>O?s.hitTest(S,O,k,e,t):null,ye=()=>{let e=O?.plot;return e?[e.x+_.stage.offsetLeft,e.y+_.stage.offsetTop,e.width,e.height]:null},be=(e,t)=>W()?.dragPoints?q(e,t)?.items.find(e=>S.series[e.seriesIndex].type===`scatter`)??null:null,J=e=>{let t=!s.sameHover(P?.event??null,e?.event??null);P=e,Y(),t&&H(`hover`,e?e.event:null)},xe=e=>{let n=fe()?.render;if(n)return n(e);let r=s.tooltipContent(S,e,A),i=h.createDocumentFragment(),a=h.createElement(`div`);t.styleElement(a,{display:`flex`,alignItems:`center`,gap:`6px`,fontWeight:`600`,marginBottom:`4px`,color:`var(--text-color, #1f2937)`}),r.titleColor&&a.appendChild(t.swatch(h,r.titleColor,`dot`)),a.appendChild(h.createTextNode(r.title)),i.append(a);for(let e of r.rows){let n=h.createElement(`div`);t.styleElement(n,{display:`flex`,alignItems:`center`,gap:`8px`}),e.color&&n.appendChild(t.swatch(h,e.color,`dot`));let r=h.createElement(`span`);t.styleElement(r,{flex:`1 1 auto`,color:`var(--text-secondary-color, #6b7280)`}),r.textContent=e.name;let a=h.createElement(`span`);t.styleElement(a,{fontWeight:`600`,fontVariantNumeric:`tabular-nums`,marginLeft:`12px`}),a.textContent=e.value,n.append(r,a),i.append(n)}return i},Se=(e,t,n,r=_.hover)=>(e[t]||(e[t]=n(),r.appendChild(e[t])),e[t].style.display=`block`,e[t]);function Y(){let e=O;P&&e&&B&&B.scales===e&&B.model===S&&s.sameHover(B.event,P.event)||Ce(e);let t=_.tooltip;if(!P||!e||!fe()||L?.moved||F?.moved){t.style.display=`none`;return}let n=fe()?.render,r,i;if(!n&&V&&V.model===S&&V.yTicks===A&&s.sameHover(V.event,P.event)&&t.style.display===`block`)r=V.width,i=V.height;else{V=null;let e=xe(P.event);if(e===null||e===``){t.style.display=`none`;return}typeof e==`string`?(t.textContent=e,t.style.whiteSpace=`pre`):(t.replaceChildren(e),t.style.whiteSpace=`nowrap`),t.style.display=`block`,r=t.offsetWidth,i=t.offsetHeight,n||(V={event:P.event,model:S,yTicks:A,width:r,height:i})}let a=_.stage.clientWidth,o=_.stage.clientHeight,c=P.anchorX+16;c+r>a-4&&(c=P.anchorX-16-r),c=Math.max(4,Math.min(c,a-r-4));let l=Math.max(4,Math.min(P.anchorY-i/2,o-i-4));t.style.transform=`translate(${Math.round(c)}px, ${Math.round(l)}px)`}function Ce(e){let n=0,r=0,i=0;if(B=null,_.crosshair.style.display=`none`,P&&e){B={event:P.event,model:S,scales:e};let{plot:a}=e;if(_.hover.style.width=`${_.stage.clientWidth}px`,_.hover.style.height=`${_.stage.clientHeight}px`,s.showsCrosshair(S,P.event,b.crosshair)){let n=P.event.items[0],r=e.xToPx(n.x);r>=a.x&&r<=a.x+a.width&&t.styleElement(_.crosshair,{display:`block`,left:`${Math.round(r)}px`,top:`${a.y}px`,height:`${a.height}px`})}for(let a of s.hoverMarks(S,e,P.event)){if(a.kind===`band`||a.kind===`cell`){let e=a.kind===`band`?Se(oe,r++,()=>t.createBand(h),_.underlay):Se(R,i++,()=>t.styleElement(t.createBand(h),{background:`transparent`,borderRadius:`3px`,boxShadow:`0 0 0 1.5px var(--surface-color, var(--background-color, #fff)), 0 0 0 3px color-mix(in srgb, var(--text-color, #1f2937) 55%, transparent)`}));t.styleElement(e,{left:`${a.x}px`,top:`${a.y}px`,width:`${a.width}px`,height:`${a.height}px`});continue}let e=Se(ae,n++,()=>t.createMarker(h));t.styleElement(e,{left:`${a.x}px`,top:`${a.y}px`,width:`${a.size}px`,height:`${a.size}px`,background:a.color,boxShadow:`0 0 0 4px ${a.halo}`})}}for(let e=n;e<ae.length;e++)ae[e].style.display=`none`;for(let e=r;e<oe.length;e++)oe[e].style.display=`none`;for(let e=i;e<R.length;e++)R[e].style.display=`none`}let X=(e,t)=>{let{base:n,minSpan:r}=S;C={x:u.clampRange(e.x,n.x,r.x),y:u.clampRange(e.y,n.y,r.y)},w=!u.sameRange(C.x,n.x)||!u.sameRange(C.y,n.y);let i=W();_.stage.style.cursor=w&&i?.pan?`grab`:``,t&&H(`zoom`,f(C)),G()},we=(e,t,n)=>{let r=O;if(!r)return;let i=f(C);S.zoom.x&&(i.x=u.zoomRange(C.x,r.pxToX(e),n)),S.zoom.y&&(i.y=u.zoomRange(C.y,r.pxToY(t),n)),X(i,!0)},Z=e=>{let t=_.stage.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top}},Q=(e,t)=>{let n=O?.plot;return!!n&&e>=n.x&&e<=n.x+n.width&&t>=n.y&&t<=n.y+n.height},Te=(e,t)=>{let n=O;if(!n)return null;let{plot:r}=n,i=Math.max(r.x,Math.min(r.x+r.width,e)),a=Math.max(r.y,Math.min(r.y+r.height,t));return{x:n.pxToX(i),y:n.pxToY(a)}},Ee=(e,n,r)=>{if(r===null){I&&(I.style.display=`none`);return}I||(I=t.createMarker(h),_.hover.appendChild(I));let i=(S.series.find(e=>e.type===`scatter`)?.pointSize??8)+8;_.hover.style.width=`${_.stage.clientWidth}px`,_.hover.style.height=`${_.stage.clientHeight}px`,t.styleElement(I,{display:`block`,left:`${e}px`,top:`${n}px`,width:`${i}px`,height:`${i}px`,background:r})},De=e=>{let{x:t,y:n}=Z(e);if(F&&F.id===e.pointerId){if(!F.moved&&Math.hypot(t-F.x,n-F.y)>3&&(F.moved=!0,_.stage.setPointerCapture?.(e.pointerId),_.stage.style.cursor=`grabbing`),F.moved){let e=Te(t,n);e&&(Ee(t,n,F.item.color),Y(),H(`drag`,{item:F.item,x:e.x,y:e.y}))}return}if(L&&L.id===e.pointerId){let r=t-L.x,i=n-L.y;if(!L.moved&&Math.hypot(r,i)>3){let t=W();w&&t?.pan&&(L.moved=!0,_.stage.setPointerCapture?.(e.pointerId),_.stage.style.cursor=`grabbing`)}if(L.moved&&O){let e=f(L.view);S.zoom.x&&(e.x=u.panRange(L.view.x,-r*O.xPerPx*(S.x.reverse?-1:1))),S.zoom.y&&(e.y=u.panRange(L.view.y,i*O.yPerPx*(S.y.reverse?-1:1))),X(e,!0);return}}let r=q(t,n);J(r?{event:r,anchorX:t,anchorY:n,keyboard:!1}:null),!L&&W()?.dragPoints&&(_.stage.style.cursor=be(t,n)||w&&W()?.pan?`grab`:``)},Oe=e=>{if(e.button!==0)return;let{x:t,y:n}=Z(e);if(!Q(t,n))return;let r=be(t,n);if(r){F={id:e.pointerId,item:r,x:t,y:n,moved:!1};return}L={id:e.pointerId,x:t,y:n,view:f(C),moved:!1}},ke=e=>{if(F&&F.id===e.pointerId){let{item:t,moved:n}=F;F=null,_.stage.hasPointerCapture?.(e.pointerId)&&_.stage.releasePointerCapture(e.pointerId),Ee(0,0,null);let{x:r,y:i}=Z(e);if(_.stage.style.cursor=be(r,i)?`grab`:``,n){let n=Te(r,i);n&&e.type!==`pointercancel`&&H(`drop`,{item:t,x:n.x,y:n.y}),Y()}else{let e=q(r,i);e&&H(`click`,e)}return}if(!L||L.id!==e.pointerId)return;let t=L.moved;if(L=null,_.stage.hasPointerCapture?.(e.pointerId)&&_.stage.releasePointerCapture(e.pointerId),_.stage.style.cursor=w&&W()?.pan?`grab`:``,t)Y();else{let{x:t,y:n}=Z(e),r=q(t,n);if(r)H(`click`,r);else if(e.type!==`pointercancel`&&Q(t,n)){let e=Te(t,n);e&&H(`plotClick`,e)}}},Ae=()=>{!L?.moved&&!F?.moved&&J(null)},je=e=>{let t=W();if(!t||t.zoom===!1||!S.zoom.x&&!S.zoom.y)return;let{x:n,y:r}=Z(e);if(!Q(n,r))return;let i=e.ctrlKey||e.metaKey;if(t.wheel===`always`||i)e.preventDefault(),we(n,r,u.wheelFactor(e.deltaY,e.deltaMode,e.ctrlKey&&!e.metaKey));else if(w&&S.zoom.x&&O&&Math.abs(e.deltaX)>Math.abs(e.deltaY)){e.preventDefault();let t=f(C);t.x=u.panRange(C.x,e.deltaX*O.xPerPx*(S.x.reverse?-1:1)),X(t,!0)}},Me=e=>{let{x:t,y:n}=Z(e);W()&&w&&Q(t,n)&&Ve()},Ne=t=>{let n=O;if(!n)return;let i=P?.keyboard?P.event.items[0]:null,a=(i&&S.series[i.seriesIndex])??S.series.find(e=>!e.hidden&&e.cols.count>0);if(!a)return;let{x:o,y:c,count:l}=a.cols,u;for(i?u=i.index+t:(u=a.cols.sorted?e.lowerBound(o,l,C.x[0]):0,t<0&&(u=a.cols.sorted?e.lowerBound(o,l,C.x[1])-1:l-1));u>=0&&u<l&&!Number.isFinite(c[u]);)u+=t||1;if(u<0||u>=l)return;let d=n;if(S.zoom.x&&(o[u]<C.x[0]||o[u]>C.x[1])){let e=C.x[1]-C.x[0];X({x:[o[u]-e/2,o[u]+e/2],y:C.y},!0),d=O=r.createScales(n.plot,C,S.x.reverse,S.y.reverse)}let f=s.pointOf(a,u,d),p=s.hoverItemOf(a,u),m={items:[p,...S.tooltipMode===`axis`&&a.type!==`scatter`?(q(f.px,f.py)?.items??[]).filter(e=>e.seriesIndex!==a.index):[]],x:p.x,xLabel:k?.formatValue(p.x)??String(p.x)};J({event:m,anchorX:f.px,anchorY:f.py,keyboard:!0});let h=p;_.live.textContent=`${h.seriesName}: ${m.xLabel}, ${A?.formatValue(h.y)??h.y}${h.label?` (${h.label})`:``}`},Pe=e=>{if(!W()?.keyboard)return;let t=()=>{let e=O?.plot;return e?[e.x+e.width/2,e.y+e.height/2]:[0,0]};switch(e.key){case`ArrowRight`:case`ArrowLeft`:e.preventDefault(),Ne(e.key===`ArrowRight`===S.x.reverse?-1:1);break;case`+`:case`=`:{if(!S.zoom.x&&!S.zoom.y)return;e.preventDefault();let[n,r]=t();we(n,r,.8);break}case`-`:case`_`:{if(!S.zoom.x&&!S.zoom.y)return;e.preventDefault();let[n,r]=t();we(n,r,1.25);break}case`0`:e.preventDefault(),Ve();break;case`Escape`:P&&(e.preventDefault(),J(null))}},Fe=()=>{let e;try{e=_.stage.matches(`:focus-visible`)}catch{e=!0}e&&(_.stage.style.boxShadow=`0 0 0 2px var(--primary-color, #4f46e5)`)},Ie=()=>{_.stage.style.boxShadow=``,P?.keyboard&&J(null)},$=_.stage;$.addEventListener(`pointermove`,De),$.addEventListener(`pointerdown`,Oe),$.addEventListener(`pointerup`,ke),$.addEventListener(`pointercancel`,ke),$.addEventListener(`pointerleave`,Ae),$.addEventListener(`wheel`,je,{passive:!1}),$.addEventListener(`dblclick`,Me),$.addEventListener(`keydown`,Pe),$.addEventListener(`focus`,Fe),$.addEventListener(`blur`,Ie);let Le=typeof ResizeObserver==`function`?new ResizeObserver(()=>G()):null;Le?.observe(_.stage);let Re=()=>{if(M)return;let e=l.readTheme(_.root,b.palette);l.themeColorsChanged(x,e)&&z++,x=e,K()},ze=l.watchTheme(Re),Be=async(e=new Set)=>{let n=++re,r=await o.createRenderer(b.renderer??`auto`,()=>t.createDataCanvas(h),t=>{M||j?.kind!==t||(j.destroy(),j.canvas.remove(),j=null,Be(new Set([...e,t])))},e);if(M||n!==re){r?.destroy();return}j&&(j.destroy(),j.canvas.remove()),j=r,r&&(_.root.dataset.renderer=r.kind,_.stage.insertBefore(r.canvas,_.foreground),E=!0,H(`renderer`,r.kind)),le(r?.kind??null),G()};function Ve(){w&&X(f(S.base),!0)}return K(),Be(),{setOptions(e){if(M)return;let t=b;b=e,(e.palette??[]).join()!==(t.palette??[]).join()&&(x=l.readTheme(_.root,e.palette),z++),(e.renderer??`auto`)!==(t.renderer??`auto`)&&Be(),K()},resize(){G()},resetZoom:Ve,getView:()=>f(C),setView(e){M||X({x:e.x??C.x,y:e.y??C.y},!1)},getRenderer:()=>j?.kind??null,getPlotRect(){let e=ye();return e?{x:e[0],y:e[1],width:e[2],height:e[3]}:null},toPixel(e,t){return O?{x:O.xToPx(e)+_.stage.offsetLeft,y:O.yToPx(t)+_.stage.offsetTop}:null},fromPixel(e,t){return O?{x:O.pxToX(e-_.stage.offsetLeft),y:O.pxToY(t-_.stage.offsetTop)}:null},ready:ue,refreshTheme:Re,on(e,t){let n=y[e];return n||(n=new Set,y[e]=n),n.add(t),()=>{n.delete(t)}},destroy(){if(!M){M=!0,N&&(g?.cancelAnimationFrame?g.cancelAnimationFrame(N):clearTimeout(N)),Le?.disconnect(),ze(),$.removeEventListener(`wheel`,je),j?.destroy(),j=null,_.root.remove();for(let e of Object.keys(y))delete y[e]}}}};exports.createChart=p;
+const e=require("./data.cjs"),t=require("./dom.cjs"),n=require("./items.cjs"),r=require("./locale.cjs"),i=require("./labels.cjs"),a=require("./layout.cjs"),o=require("./model.cjs"),s=require("./overlay.cjs"),c=require("./renderers/detect.cjs"),l=require("./scene.cjs"),u=require("./signature.cjs"),d=require("./theme.cjs"),f=require("./viewport.cjs");var p=e=>(e[0]+e[1])/2,m=e=>({x:[e.x[0],e.x[1]],y:[e.y[0],e.y[1]]}),h=(h,ee)=>{let g=h.ownerDocument,_=g.defaultView,v=t.createChartDom(h),te=new Map,y=new Set,b={},x=ee,S=d.readTheme(v.root,x.palette),C,w={x:[0,1],y:[0,1]},T=!1,E={x:0,y:0},ne=[],D=!0,re=0,ie=[],O=null,k=null,A=null,ae=null,j=null,oe=0,M=!1,N=0,P=null,se=``,F=null,I=null,L=null,ce=[],le=[],R=[],ue=0,de=``,fe=``,z=null,B=null,pe=()=>{},me=new Promise(e=>{pe=e}),V=(e,t)=>{b[e]?.forEach(e=>e(t))},he=null,H=null,U=()=>{if(he===x)return H;he=x;let e=x.interaction;if(e===!1)return H=null;let t=typeof e==`object`?e:{};return H={zoom:t.zoom??!0,wheel:t.wheel??`modifier`,pan:t.pan??!0,keyboard:t.keyboard??!0,dragPoints:t.dragPoints??!1}},ge=()=>x.tooltip===!1?null:typeof x.tooltip==`object`?x.tooltip:{},W=()=>{M||N||(N=_?.requestAnimationFrame?_.requestAnimationFrame(Se):setTimeout(Se,16))},G=()=>{C=o.buildModel(x,S,y,te);let{base:e,zoom:t,minSpan:n}=C;T?(w={x:t.x?f.clampRange(w.x,e.x,n.x):[...e.x],y:t.y?f.clampRange(w.y,e.y,n.y):[...e.y]},T=!f.sameRange(w.x,e.x)||!f.sameRange(w.y,e.y)):w=m(e);let r=u.itemsSignature(C,ue,e=>x.series[e]?.stack);r!==de&&(de=r,E={x:p(e.x),y:p(e.y)},D=!0,P&&!P.keyboard&&(P=null)),ie=l.resolveAnnotations(x.annotations,S),ve(),ye(),W()},_e=()=>{let e=(e,t)=>Math.max(Math.abs(e[0]-t),Math.abs(e[1]-t))>(e[1]-e[0])*2e3;(e(w.x,E.x)||e(w.y,E.y))&&(E={x:p(w.x),y:p(w.y)},D=!0)},ve=()=>{let e=x.legend,n=x.series.filter(e=>e.name).length,r=e===void 0?n>1:!!e,i=typeof e==`object`?e:{},a=i.toggle??!0,o=i.position===`bottom`,s=`${r}|${o}|${a}`;if(r)for(let e of C.series)s+=`\n${e.id}\u0001${e.name}\u0001${e.colorCss}\u0001${l.legendShape(e.type)}\u0001${e.hidden}`;if(s===fe)return;fe=s;let c=[...v.legend.children].indexOf(g.activeElement);if(v.legend.replaceChildren(),v.legend.style.display=r?`flex`:`none`,r){v.legend.style.order=o?`1`:`0`,v.legend.style.padding=o?`8px 4px 0`:`0 4px 8px`;for(let e of C.series){let n=g.createElement(a?`button`:`span`);n instanceof HTMLButtonElement&&(n.type=`button`,n.setAttribute(`aria-pressed`,String(!e.hidden)),n.addEventListener(`click`,()=>{y.has(e.id)?y.delete(e.id):y.add(e.id),G()})),t.styleElement(n,{display:`inline-flex`,alignItems:`center`,gap:`6px`,padding:`2px 4px`,margin:`0`,border:`0`,borderRadius:`4px`,background:`none`,font:`inherit`,color:`var(--text-secondary-color, #6b7280)`,cursor:a?`pointer`:`default`,opacity:e.hidden?`0.45`:`1`,textDecoration:e.hidden?`line-through`:`none`}),n.append(t.swatch(g,e.colorCss,l.legendShape(e.type)),g.createTextNode(e.name)),v.legend.appendChild(n)}c>=0&&v.legend.children[c]?.focus()}},ye=()=>{v.stage.setAttribute(`aria-label`,x.ariaLabel??i.chartAriaLabel(C));let e=U()?.keyboard;v.stage.style.touchAction=U()?.dragPoints?`none`:`pan-y`,e?v.stage.tabIndex=0:v.stage.removeAttribute(`tabindex`)},be=(e,t,n,r)=>{let i=Math.max(1,Math.round(t*r)),a=Math.max(1,Math.round(n*r));e.width!==i&&(e.width=i),e.height!==a&&(e.height=a),e.style.width=`${t}px`,e.style.height=`${n}px`},xe=(e,t,n)=>{let r=2/(e[1]-e[0]),i=(t-e[0])*r-1;return n?[-r,-i]:[r,i]};function Se(){if(N=0,M)return;let e=v.stage.clientWidth,r=v.stage.clientHeight;if(e<=0||r<=0)return;let i=_?.devicePixelRatio||1;be(v.background,e,r,i),be(v.foreground,e,r,i);let a=v.background.getContext(`2d`),o=v.foreground.getContext(`2d`);a&&(a.setTransform(i,0,0,i,0,0),a.font=s.font(S));let c=l.layoutChart({model:C,view:w,theme:S,width:e,height:r,padding:x.padding,measure:a?e=>a.measureText(e).width:e=>e.length*S.fontSize*.6}),{plot:u}=c;k=c.xTicks,A=c.yTicks,ae=c.y2Ticks,O=c.scales;let d=Ce();if(d&&d.join()!==se&&(se=d.join(),V(`layout`,{x:d[0],y:d[1],width:d[2],height:d[3]})),a&&s.drawBackground(a,{width:e,height:r,scales:O,x:C.x,y:C.y,xTicks:k,yTicks:A,y2:C.y2,y2Ticks:ae,theme:S,annotations:ie}),o&&(o.setTransform(i,0,0,i,0,0),s.drawForeground(o,{width:e,height:r,scales:O,theme:S,annotations:ie,pointLabels:l.collectPointLabels(C,w,O,A)})),j){let e=j.canvas,r=C.horizontal,a=r?u.height:u.width,o=r?u.width:u.height;t.styleElement(e,{left:`${u.x}px`,top:`${u.y}px`,width:`${a}px`,height:`${o}px`,transformOrigin:r?`0 0`:``,transform:r?`matrix(0, 1, 1, 0, 0, 0)`:``});let s=Math.max(1,Math.round(a*i)),c=Math.max(1,Math.round(o*i));(e.width!==s||e.height!==c)&&j.resize(s,c),_e(),D&&(re++,ne=n.buildItems(C,E,re),D=!1);let[l,d]=xe(w.x,E.x,C.x.reverse),[f,p]=xe(w.y,E.y,r?!C.y.reverse:C.y.reverse);j.render(ne,{transform:{xScale:l,xOffset:d,yScale:f,yOffset:p},width:s,height:c,dpr:i})}J()}let K=(e,t)=>O?l.hitTest(C,O,k,e,t):null,Ce=()=>{let e=O?.plot;return e?[e.x+v.stage.offsetLeft,e.y+v.stage.offsetTop,e.width,e.height]:null},we=(e,t)=>U()?.dragPoints?K(e,t)?.items.find(e=>C.series[e.seriesIndex].type===`scatter`)??null:null,q=e=>{let t=!l.sameHover(P?.event??null,e?.event??null);P=e,J(),t&&V(`hover`,e?e.event:null)},Te=e=>{let n=ge()?.render;if(n)return n(e);let r=l.tooltipContent(C,e,A,ae),i=g.createDocumentFragment(),a=g.createElement(`div`);t.styleElement(a,{display:`flex`,alignItems:`center`,gap:`6px`,fontWeight:`600`,marginBottom:`4px`,color:`var(--text-color, #1f2937)`}),r.titleColor&&a.appendChild(t.swatch(g,r.titleColor,`dot`)),a.appendChild(g.createTextNode(r.title)),i.append(a);for(let e of r.rows){let n=g.createElement(`div`);t.styleElement(n,{display:`flex`,alignItems:`center`,gap:`8px`}),e.color&&n.appendChild(t.swatch(g,e.color,`dot`));let r=g.createElement(`span`);t.styleElement(r,{flex:`1 1 auto`,color:`var(--text-secondary-color, #6b7280)`}),r.textContent=e.name;let a=g.createElement(`span`);t.styleElement(a,{fontWeight:`600`,fontVariantNumeric:`tabular-nums`,marginLeft:`12px`}),a.textContent=e.value,n.append(r,a),i.append(n)}return i},Ee=(e,t,n,r=v.hover)=>(e[t]||(e[t]=n(),r.appendChild(e[t])),e[t].style.display=`block`,e[t]);function J(){let e=O;P&&e&&z&&z.scales===e&&z.model===C&&l.sameHover(z.event,P.event)||De(e);let t=v.tooltip;if(!P||!e||!ge()||L?.moved||F?.moved){t.style.display=`none`;return}let n=ge()?.render,r,i;if(!n&&B&&B.model===C&&B.yTicks===A&&l.sameHover(B.event,P.event)&&t.style.display===`block`)r=B.width,i=B.height;else{B=null;let e=Te(P.event);if(e===null||e===``){t.style.display=`none`;return}typeof e==`string`?(t.textContent=e,t.style.whiteSpace=`pre`):(t.replaceChildren(e),t.style.whiteSpace=`nowrap`),t.style.display=`block`,r=t.offsetWidth,i=t.offsetHeight,n||(B={event:P.event,model:C,yTicks:A,width:r,height:i})}let a=v.stage.clientWidth,o=v.stage.clientHeight,s=P.anchorX+16;s+r>a-4&&(s=P.anchorX-16-r),s=Math.max(4,Math.min(s,a-r-4));let c=Math.max(4,Math.min(P.anchorY-i/2,o-i-4));t.style.transform=`translate(${Math.round(s)}px, ${Math.round(c)}px)`}function De(e){let n=0,r=0,i=0;if(z=null,v.crosshair.style.display=`none`,P&&e){z={event:P.event,model:C,scales:e};let{plot:a}=e;v.hover.style.width=`${v.stage.clientWidth}px`,v.hover.style.height=`${v.stage.clientHeight}px`;let o=l.crosshairAt(C,e,P.event,x.crosshair);if(o!==null){let n=`1px dashed color-mix(in srgb, var(--text-secondary-color, #6b7280) 45%, transparent)`;t.styleElement(v.crosshair,e.horizontal?{display:`block`,left:`${a.x}px`,top:`${Math.round(o)}px`,width:`${a.width}px`,height:`0`,borderLeft:`0`,borderTop:n}:{display:`block`,left:`${Math.round(o)}px`,top:`${a.y}px`,width:`0`,height:`${a.height}px`,borderLeft:n,borderTop:`0`})}for(let a of l.hoverMarks(C,e,P.event)){if(a.kind===`band`||a.kind===`cell`){let e=a.kind===`band`?Ee(le,r++,()=>t.createBand(g),v.underlay):Ee(R,i++,()=>t.styleElement(t.createBand(g),{background:`transparent`,borderRadius:`3px`,boxShadow:`0 0 0 1.5px var(--surface-color, var(--background-color, #fff)), 0 0 0 3px color-mix(in srgb, var(--text-color, #1f2937) 55%, transparent)`}));t.styleElement(e,{left:`${a.x}px`,top:`${a.y}px`,width:`${a.width}px`,height:`${a.height}px`});continue}let e=Ee(ce,n++,()=>t.createMarker(g));t.styleElement(e,{left:`${a.x}px`,top:`${a.y}px`,width:`${a.size}px`,height:`${a.size}px`,background:a.color,boxShadow:`0 0 0 4px ${a.halo}`})}}for(let e=n;e<ce.length;e++)ce[e].style.display=`none`;for(let e=r;e<le.length;e++)le[e].style.display=`none`;for(let e=i;e<R.length;e++)R[e].style.display=`none`}let Y=(e,t)=>{let{base:n,minSpan:r}=C;w={x:f.clampRange(e.x,n.x,r.x),y:f.clampRange(e.y,n.y,r.y)},T=!f.sameRange(w.x,n.x)||!f.sameRange(w.y,n.y);let i=U();v.stage.style.cursor=T&&i?.pan?`grab`:``,t&&V(`zoom`,m(w)),W()},Oe=(e,t,n)=>{let r=O;if(!r)return;let i=m(w),o=a.toData(r,e,t);C.zoom.x&&(i.x=f.zoomRange(w.x,o.x,n)),C.zoom.y&&(i.y=f.zoomRange(w.y,o.y,n)),Y(i,!0)},X=e=>{let t=v.stage.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top}},Z=(e,t)=>{let n=O?.plot;return!!n&&e>=n.x&&e<=n.x+n.width&&t>=n.y&&t<=n.y+n.height},ke=(e,t)=>{let n=O;if(!n)return null;let{plot:r}=n,i=Math.max(r.x,Math.min(r.x+r.width,e)),o=Math.max(r.y,Math.min(r.y+r.height,t));return a.toData(n,i,o)},Ae=(e,n,r)=>{if(r===null){I&&(I.style.display=`none`);return}I||(I=t.createMarker(g),v.hover.appendChild(I));let i=(C.series.find(e=>e.type===`scatter`)?.pointSize??8)+8;v.hover.style.width=`${v.stage.clientWidth}px`,v.hover.style.height=`${v.stage.clientHeight}px`,t.styleElement(I,{display:`block`,left:`${e}px`,top:`${n}px`,width:`${i}px`,height:`${i}px`,background:r})},je=e=>{let{x:t,y:n}=X(e);if(F&&F.id===e.pointerId){if(!F.moved&&Math.hypot(t-F.x,n-F.y)>3&&(F.moved=!0,v.stage.setPointerCapture?.(e.pointerId),v.stage.style.cursor=`grabbing`),F.moved){let e=ke(t,n);e&&(Ae(t,n,F.item.color),J(),V(`drag`,{item:F.item,x:e.x,y:e.y}))}return}if(L&&L.id===e.pointerId){let r=t-L.x,i=n-L.y;if(!L.moved&&Math.hypot(r,i)>3){let t=U();T&&t?.pan&&(L.moved=!0,v.stage.setPointerCapture?.(e.pointerId),v.stage.style.cursor=`grabbing`)}if(L.moved&&O){let e=m(L.view),r=a.toData(O,L.x,L.y),i=a.toData(O,t,n);C.zoom.x&&(e.x=f.panRange(L.view.x,r.x-i.x)),C.zoom.y&&(e.y=f.panRange(L.view.y,r.y-i.y)),Y(e,!0);return}}let r=K(t,n);q(r?{event:r,anchorX:t,anchorY:n,keyboard:!1}:null),!L&&U()?.dragPoints&&(v.stage.style.cursor=we(t,n)||T&&U()?.pan?`grab`:``)},Me=e=>{if(e.button!==0)return;let{x:t,y:n}=X(e);if(!Z(t,n))return;let r=we(t,n);if(r){F={id:e.pointerId,item:r,x:t,y:n,moved:!1};return}L={id:e.pointerId,x:t,y:n,view:m(w),moved:!1}},Ne=e=>{if(F&&F.id===e.pointerId){let{item:t,moved:n}=F;F=null,v.stage.hasPointerCapture?.(e.pointerId)&&v.stage.releasePointerCapture(e.pointerId),Ae(0,0,null);let{x:r,y:i}=X(e);if(v.stage.style.cursor=we(r,i)?`grab`:``,n){let n=ke(r,i);n&&e.type!==`pointercancel`&&V(`drop`,{item:t,x:n.x,y:n.y}),J()}else{let e=K(r,i);e&&V(`click`,e)}return}if(!L||L.id!==e.pointerId)return;let t=L.moved;if(L=null,v.stage.hasPointerCapture?.(e.pointerId)&&v.stage.releasePointerCapture(e.pointerId),v.stage.style.cursor=T&&U()?.pan?`grab`:``,t)J();else{let{x:t,y:n}=X(e),r=K(t,n);if(r)V(`click`,r);else if(e.type!==`pointercancel`&&Z(t,n)){let e=ke(t,n);e&&V(`plotClick`,e)}}},Pe=()=>{!L?.moved&&!F?.moved&&q(null)},Fe=e=>{let t=U();if(!t||t.zoom===!1||!C.zoom.x&&!C.zoom.y)return;let{x:n,y:r}=X(e);if(!Z(n,r))return;let i=e.ctrlKey||e.metaKey;if(t.wheel===`always`||i)e.preventDefault(),Oe(n,r,f.wheelFactor(e.deltaY,e.deltaMode,e.ctrlKey&&!e.metaKey));else if(T&&C.zoom.x&&O&&!O.horizontal&&Math.abs(e.deltaX)>Math.abs(e.deltaY)){e.preventDefault();let t=m(w);t.x=f.panRange(w.x,e.deltaX*O.xPerPx*(C.x.reverse?-1:1)),Y(t,!0)}},Ie=e=>{let{x:t,y:n}=X(e);U()&&T&&Z(t,n)&&$()},Le=t=>{let n=O;if(!n)return;let r=P?.keyboard?P.event.items[0]:null,i=(r&&C.series[r.seriesIndex])??C.series.find(e=>!e.hidden&&e.cols.count>0);if(!i)return;let{x:o,y:s,count:c}=i.cols,u;for(r?u=r.index+t:(u=i.cols.sorted?e.lowerBound(o,c,w.x[0]):0,t<0&&(u=i.cols.sorted?e.lowerBound(o,c,w.x[1])-1:c-1));u>=0&&u<c&&!Number.isFinite(s[u]);)u+=t||1;if(u<0||u>=c)return;let d=n;if(C.zoom.x&&(o[u]<w.x[0]||o[u]>w.x[1])){let e=w.x[1]-w.x[0];Y({x:[o[u]-e/2,o[u]+e/2],y:w.y},!0),d=O=a.createScales(n.plot,w,C.x.reverse,C.y.reverse,C.horizontal)}let f=l.pointOf(i,u,d),p=l.hoverItemOf(i,u),m={items:[p,...C.tooltipMode===`axis`&&i.type!==`scatter`?(K(f.px,f.py)?.items??[]).filter(e=>e.seriesIndex!==i.index):[]],x:p.x,xLabel:k?.formatValue(p.x)??String(p.x)};q({event:m,anchorX:f.px,anchorY:f.py,keyboard:!0});let h=p;v.live.textContent=`${h.seriesName}: ${m.xLabel}, ${A?.formatValue(h.y)??h.y}${h.label?` (${h.label})`:``}`},Re=e=>{if(!U()?.keyboard)return;let t=()=>{let e=O?.plot;return e?[e.x+e.width/2,e.y+e.height/2]:[0,0]};switch(e.key){case`ArrowRight`:case`ArrowLeft`:if(C.horizontal)return;e.preventDefault(),Le(e.key===`ArrowRight`===C.x.reverse?-1:1);break;case`ArrowDown`:case`ArrowUp`:if(!C.horizontal)return;e.preventDefault(),Le(e.key===`ArrowDown`===C.x.reverse?-1:1);break;case`+`:case`=`:{if(!C.zoom.x&&!C.zoom.y)return;e.preventDefault();let[n,r]=t();Oe(n,r,.8);break}case`-`:case`_`:{if(!C.zoom.x&&!C.zoom.y)return;e.preventDefault();let[n,r]=t();Oe(n,r,1.25);break}case`0`:e.preventDefault(),$();break;case`Escape`:P&&(e.preventDefault(),q(null))}},ze=()=>{let e;try{e=v.stage.matches(`:focus-visible`)}catch{e=!0}e&&(v.stage.style.boxShadow=`0 0 0 2px var(--primary-color, #4f46e5)`)},Be=()=>{v.stage.style.boxShadow=``,P?.keyboard&&q(null)},Q=v.stage;Q.addEventListener(`pointermove`,je),Q.addEventListener(`pointerdown`,Me),Q.addEventListener(`pointerup`,Ne),Q.addEventListener(`pointercancel`,Ne),Q.addEventListener(`pointerleave`,Pe),Q.addEventListener(`wheel`,Fe,{passive:!1}),Q.addEventListener(`dblclick`,Ie),Q.addEventListener(`keydown`,Re),Q.addEventListener(`focus`,ze),Q.addEventListener(`blur`,Be);let Ve=typeof ResizeObserver==`function`?new ResizeObserver(()=>W()):null;Ve?.observe(v.stage);let He=()=>{if(M)return;let e=d.readTheme(v.root,x.palette);d.themeColorsChanged(S,e)&&ue++,S=e,G()},Ue=d.watchTheme(He),We=r.watchLocale(()=>{!M&&!x.locale&&G()}),Ge=async(e=new Set)=>{let n=++oe,r=await c.createRenderer(x.renderer??`auto`,()=>t.createDataCanvas(g),t=>{M||j?.kind!==t||(j.destroy(),j.canvas.remove(),j=null,Ge(new Set([...e,t])))},e);if(M||n!==oe){r?.destroy();return}j&&(j.destroy(),j.canvas.remove()),j=r,r&&(v.root.dataset.renderer=r.kind,v.stage.insertBefore(r.canvas,v.foreground),D=!0,V(`renderer`,r.kind)),pe(r?.kind??null),W()};function $(){T&&Y(m(C.base),!0)}return G(),Ge(),{setOptions(e){if(M)return;let t=x;x=e,(e.palette??[]).join()!==(t.palette??[]).join()&&(S=d.readTheme(v.root,e.palette),ue++),(e.renderer??`auto`)!==(t.renderer??`auto`)&&Ge(),G()},resize(){W()},resetZoom:$,getView:()=>m(w),setView(e){M||Y({x:e.x??w.x,y:e.y??w.y},!1)},getRenderer:()=>j?.kind??null,getPlotRect(){let e=Ce();return e?{x:e[0],y:e[1],width:e[2],height:e[3]}:null},toPixel(e,t){if(!O)return null;let n=a.toScreen(O,e,t);return{x:n.x+v.stage.offsetLeft,y:n.y+v.stage.offsetTop}},fromPixel(e,t){return O?a.toData(O,e-v.stage.offsetLeft,t-v.stage.offsetTop):null},ready:me,refreshTheme:He,on(e,t){let n=b[e];return n||(n=new Set,b[e]=n),n.add(t),()=>{n.delete(t)}},destroy(){if(!M){M=!0,N&&(_?.cancelAnimationFrame?_.cancelAnimationFrame(N):clearTimeout(N)),Ve?.disconnect(),Ue(),We(),Q.removeEventListener(`wheel`,Fe),j?.destroy(),j=null,v.root.remove();for(let e of Object.keys(b))delete b[e]}}}};exports.createChart=h;
 //# sourceMappingURL=chart.cjs.map