phoria2 1.2.0 → 1.4.0

package/dist/charts.js

@@ -1,266 +1,266 @@
-import { $ as e, At as t, Ft as n, Ot as r, Q as i, Tt as a, V as o, Z as s, _t as c, ct as l, et as u, kt as d, l as f, m as p, n as m, nt as h, rt as g, tt as _ } from "./core.js";
+import { At as e, Bt as t, Ft as n, Nt as r, Pt as i, St as a, W as o, at as s, ct as c, dt as l, it as u, l as d, m as f, n as p, nt as m, pt as h, rt as g, st as _, tt as v } from "./core.js";
 // src/charts/axes.js
-var v = .97, y = .08, b = /* @__PURE__ */ new Float32Array(16);
-function x(e, t, r) {
-	let i = t.worldPosition;
-	n(b, e.worldMatrix);
-	let a = b[0] * i[0] + b[4] * i[1] + b[8] * i[2] + b[12], o = b[1] * i[0] + b[5] * i[1] + b[9] * i[2] + b[13] - r, s = b[2] * i[0] + b[6] * i[1] + b[10] * i[2] + b[14], c = Math.hypot(a, o, s) || 1;
+var y = .97, b = .08, x = /* @__PURE__ */ new Float32Array(16);
+function S(e, n, r) {
+	let i = n.worldPosition;
+	t(x, e.worldMatrix);
+	let a = x[0] * i[0] + x[4] * i[1] + x[8] * i[2] + x[12], o = x[1] * i[0] + x[5] * i[1] + x[9] * i[2] + x[13] - r, s = x[2] * i[0] + x[6] * i[1] + x[10] * i[2] + x[14], c = Math.hypot(a, o, s) || 1;
 	return [
 		a / c,
 		o / c,
 		s / c
 	];
 }
-function S({ box: t, axes: n, theme: r, overlap: a }) {
-	let [o, s, c] = t, u = new h({
+function C({ box: e, axes: t, theme: n, overlap: r }) {
+	let [i, a, o] = e, s = new _({
 		name: "axes",
 		pickable: !1
-	}), d = (e) => x(u, e, s / 2), f = r === "light" ? "#c3c8d2" : "#3a3d47", p = (e) => {
+	}), c = (e) => S(s, e, a / 2), l = n === "light" ? "#c3c8d2" : "#3a3d47", u = (e) => {
 		let t = e.channel?.axis?.ticks;
 		if (!Array.isArray(t)) return e.scale.kind === "band" ? e.scale.ticks() : e.scale.ticks(t ?? 5);
 		let [n, r] = e.scale.range, i = Math.min(n, r), a = Math.max(n, r);
 		return t.filter((t) => e.scale(t) >= i - 1e-9 && e.scale(t) <= a + 1e-9);
-	}, m = (e) => e && e.scale.kind !== "band" && e.channel?.axis !== !1 ? p(e) : [], g = m(n.x), _ = m(n.y), b = m(n.z), S = (t, r) => {
-		let i = [], a = (e, t) => i.push(...e, ...t), p = (e) => r < 0 ? -e / 2 : e / 2;
-		if (t === "y") {
-			let e = r < 0 ? 0 : s;
-			for (let t of g) {
-				let r = n.x.scale(t);
-				a([
+	}, d = (e) => e && e.scale.kind !== "band" && e.channel?.axis !== !1 ? u(e) : [], f = d(t.x), p = d(t.y), v = d(t.z), x = (e, n) => {
+		let r = [], u = (e, t) => r.push(...e, ...t), d = (e) => n < 0 ? -e / 2 : e / 2;
+		if (e === "y") {
+			let e = n < 0 ? 0 : a;
+			for (let n of f) {
+				let r = t.x.scale(n);
+				u([
 					r,
 					e,
-					-c / 2
+					-o / 2
 				], [
 					r,
 					e,
-					c / 2
+					o / 2
 				]);
 			}
-			for (let t of b) {
-				let r = n.z.scale(t);
-				a([
-					-o / 2,
+			for (let n of v) {
+				let r = t.z.scale(n);
+				u([
+					-i / 2,
 					e,
 					r
 				], [
-					o / 2,
+					i / 2,
 					e,
 					r
 				]);
 			}
-			C(a, [
-				-o / 2,
+			w(u, [
+				-i / 2,
 				e,
-				-c / 2
+				-o / 2
 			], [
-				o / 2,
+				i / 2,
 				e,
-				-c / 2
+				-o / 2
 			], [
-				o / 2,
+				i / 2,
 				e,
-				c / 2
+				o / 2
 			], [
-				-o / 2,
+				-i / 2,
 				e,
-				c / 2
+				o / 2
 			]);
-		} else if (t === "x") {
-			let e = p(o);
-			for (let t of _) {
-				let r = n.y.scale(t);
-				a([
+		} else if (e === "x") {
+			let e = d(i);
+			for (let n of p) {
+				let r = t.y.scale(n);
+				u([
 					e,
 					r,
-					-c / 2
+					-o / 2
 				], [
 					e,
 					r,
-					c / 2
+					o / 2
 				]);
 			}
-			for (let t of b) {
-				let r = n.z.scale(t);
-				a([
+			for (let n of v) {
+				let r = t.z.scale(n);
+				u([
 					e,
 					0,
 					r
 				], [
 					e,
-					s,
+					a,
 					r
 				]);
 			}
-			C(a, [
+			w(u, [
 				e,
 				0,
-				-c / 2
+				-o / 2
 			], [
 				e,
-				s,
-				-c / 2
+				a,
+				-o / 2
 			], [
 				e,
-				s,
-				c / 2
+				a,
+				o / 2
 			], [
 				e,
 				0,
-				c / 2
+				o / 2
 			]);
 		} else {
-			let e = p(c);
-			for (let t of _) {
-				let r = n.y.scale(t);
-				a([
-					-o / 2,
+			let e = d(o);
+			for (let n of p) {
+				let r = t.y.scale(n);
+				u([
+					-i / 2,
 					r,
 					e
 				], [
-					o / 2,
+					i / 2,
 					r,
 					e
 				]);
 			}
-			for (let t of g) {
-				let r = n.x.scale(t);
-				a([
+			for (let n of f) {
+				let r = t.x.scale(n);
+				u([
 					r,
 					0,
 					e
 				], [
 					r,
-					s,
+					a,
 					e
 				]);
 			}
-			C(a, [
-				-o / 2,
+			w(u, [
+				-i / 2,
 				0,
 				e
 			], [
-				o / 2,
+				i / 2,
 				0,
 				e
 			], [
-				o / 2,
-				s,
+				i / 2,
+				a,
 				e
 			], [
-				-o / 2,
-				s,
+				-i / 2,
+				a,
 				e
 			]);
 		}
-		let m = "xyz".indexOf(t);
-		u.add(new e({
-			geometry: new l({ positions: i }),
-			material: { color: f },
+		let m = "xyz".indexOf(e);
+		s.add(new g({
+			geometry: new h({ positions: r }),
+			material: { color: l },
 			pickable: !1,
-			showFrom: (e) => -r * d(e)[m] > y
+			showFrom: (e) => -n * c(e)[m] > b
 		}));
 	};
 	for (let e of [
 		"x",
 		"y",
 		"z"
-	]) for (let t of [-1, 1]) S(e, t);
-	let w = Math.max(o, s, c) * .04, T = (e) => `phoria-axis-${e} phoria-${r}`, E = (e, t, r) => {
-		let o = n[e];
-		if (!o || o.channel?.axis === !1) return;
-		let s = "xyz".indexOf(e), c = p(o);
-		for (let e of t) {
-			let t = u.add(new h({ showFrom: (t) => {
-				let n = d(t);
-				return Math.abs(n[s]) < v && e.when(n);
+	]) for (let t of [-1, 1]) x(e, t);
+	let C = Math.max(i, a, o) * .04, T = (e) => `phoria-axis-${e} phoria-${n}`, E = (e, n, i) => {
+		let a = t[e];
+		if (!a || a.channel?.axis === !1) return;
+		let o = "xyz".indexOf(e), l = u(a);
+		for (let e of n) {
+			let t = s.add(new _({ showFrom: (t) => {
+				let n = c(t);
+				return Math.abs(n[o]) < y && e.when(n);
 			} }));
-			for (let n of c) t.add(new i({
-				text: o.scale.format(n),
-				position: e.at(o.scale(n), w),
-				place: r,
+			for (let n of l) t.add(new m({
+				text: a.scale.format(n),
+				position: e.at(a.scale(n), C),
+				place: i,
 				className: T("tick"),
 				priority: 1,
-				overlap: a
+				overlap: r
 			}));
-			o.title && t.add(new i({
-				text: o.title,
-				position: e.title(w),
-				place: r,
+			a.title && t.add(new m({
+				text: a.title,
+				position: e.title(C),
+				place: i,
 				className: T("title"),
 				priority: 2,
-				overlap: a
+				overlap: r
 			}));
 		}
 	}, D = (e) => e[1] >= -.08, O = (e) => e >= -.1 ? 1 : -1;
-	return E("x", [-1, 1].flatMap((e) => [0, s].map((t) => ({
+	return E("x", [-1, 1].flatMap((e) => [0, a].map((t) => ({
 		when: (n) => t === 0 === D(n) && O(n[2]) === e,
 		at: (n, r) => [
 			n,
 			t,
-			e * (c / 2 + r)
+			e * (o / 2 + r)
 		],
 		title: (n) => [
 			0,
 			t,
-			e * (c / 2 + n * 3.5)
+			e * (o / 2 + n * 3.5)
 		]
-	}))), "below"), E("z", [-1, 1].flatMap((e) => [0, s].map((t) => ({
+	}))), "below"), E("z", [-1, 1].flatMap((e) => [0, a].map((t) => ({
 		when: (n) => t === 0 === D(n) && O(n[0]) === e,
 		at: (n, r) => [
-			e * (o / 2 + r),
+			e * (i / 2 + r),
 			t,
 			n
 		],
 		title: (n) => [
-			e * (o / 2 + n * 4),
+			e * (i / 2 + n * 4),
 			t,
 			0
 		]
 	}))), "below"), E("y", [-1, 1].flatMap((e) => [-1, 1].map((t) => ({
 		when: (n) => O(n[0]) === -e && O(n[2]) === t,
 		at: (n, r) => [
-			e * (o / 2 + r),
+			e * (i / 2 + r),
 			n,
-			t * c / 2
+			t * o / 2
 		],
 		title: (n) => [
-			e * (o / 2 + n),
-			s + n * 2,
-			t * c / 2
+			e * (i / 2 + n),
+			a + n * 2,
+			t * o / 2
 		]
-	}))), "left"), u;
+	}))), "left"), s;
 }
-function C(e, t, n, r, i) {
+function w(e, t, n, r, i) {
 	e(t, n), e(n, r), e(r, i), e(i, t);
 }
 // src/charts/scales.js
-var w = Math.log(10);
-function T(e, t) {
-	let n = e / Math.max(1, t), r = 10 ** Math.floor(Math.log(n) / w), i = n / r;
+var T = Math.log(10);
+function E(e, t) {
+	let n = e / Math.max(1, t), r = 10 ** Math.floor(Math.log(n) / T), i = n / r;
 	return r * (i >= 7.07 ? 10 : i >= 3.16 ? 5 : i >= 1.41 ? 2 : 1);
 }
-function E(e, n, i = !1) {
+function D(e, t, i = !1) {
 	if (typeof e == "function") return e;
 	if (e && typeof e == "object") {
 		let t = i ? new Intl.DateTimeFormat(void 0, e) : new Intl.NumberFormat(void 0, e);
 		return (e) => t.format(e);
 	}
-	return e !== void 0 && t("charts", `'format' must be Intl format options or a function, got ${r(e)}`), n;
+	return e !== void 0 && n("charts", `'format' must be Intl format options or a function, got ${r(e)}`), t;
 }
-function D(e, t) {
-	let n = Math.max(0, Math.min(6, -Math.floor(Math.log(e || 1) / w))), r = new Intl.NumberFormat(void 0, { maximumFractionDigits: n }), i = new Intl.NumberFormat(void 0, {
+function O(e, t) {
+	let n = Math.max(0, Math.min(6, -Math.floor(Math.log(e || 1) / T))), r = new Intl.NumberFormat(void 0, { maximumFractionDigits: n }), i = new Intl.NumberFormat(void 0, {
 		notation: "compact",
 		maximumFractionDigits: 1
 	}), a = Math.abs(t) >= 1e4 && e >= Math.abs(t) / 100;
 	return (e) => (a ? i : r).format(e);
 }
-function O(e, n) {
-	return Array.isArray(e) && e.length === 2 && e.every((e) => typeof e == "number" && Number.isFinite(e)) || t("charts", `'${n}' must be [min, max] numbers, got ${r(e)}`), [e[0], e[1]];
+function k(e, t) {
+	return Array.isArray(e) && e.length === 2 && e.every((e) => typeof e == "number" && Number.isFinite(e)) || n("charts", `'${t}' must be [min, max] numbers, got ${r(e)}`), [e[0], e[1]];
 }
-function k({ domain: e, range: t = [0, 1], nice: n = !1, zero: r = !1, clamp: i = !1, format: a }) {
-	let [o, s] = O(e, "domain"), [c, l] = O(t, "range");
+function A({ domain: e, range: t = [0, 1], nice: n = !1, zero: r = !1, clamp: i = !1, format: a }) {
+	let [o, s] = k(e, "domain"), [c, l] = k(t, "range");
 	if (r && (o = Math.min(0, o), s = Math.max(0, s)), o === s && (o -= o ? Math.abs(o) * .5 : 1, s += s ? Math.abs(s) * .5 : 1), n) {
-		let e = T(s - o, 5);
+		let e = E(s - o, 5);
 		o = Math.floor(o / e) * e, s = Math.ceil(s / e) * e;
 	}
 	let u = (l - c) / (s - o), d = ((e) => {
@@ -268,17 +268,17 @@ function k({ domain: e, range: t = [0, 1], nice: n = !1, zero: r = !1, clamp: i
 		return i ? Math.min(Math.max(t, Math.min(c, l)), Math.max(c, l)) : t;
 	});
 	return d.kind = "linear", d.domain = [o, s], d.range = [c, l], d.invert = (e) => o + (e - c) / u, d.ticks = (e = 5) => {
-		let t = T(s - o, e), n = [];
+		let t = E(s - o, e), n = [];
 		for (let e = Math.ceil(o / t) * t; e <= s + t * 1e-9; e += t) n.push(+e.toFixed(12));
 		return n;
-	}, d.format = E(a, D(T(s - o, 5), Math.max(Math.abs(o), Math.abs(s)))), d;
+	}, d.format = D(a, O(E(s - o, 5), Math.max(Math.abs(o), Math.abs(s)))), d;
 }
-function A({ domain: e, range: n = [0, 1], format: r }) {
-	let [i, a] = O(e, "domain");
-	(i <= 0 || a <= 0) && t("charts", `a log scale needs a domain above 0, got [${i}, ${a}] - use a linear scale for zero or negative values`);
-	let o = k({
+function j({ domain: e, range: t = [0, 1], format: r }) {
+	let [i, a] = k(e, "domain");
+	(i <= 0 || a <= 0) && n("charts", `a log scale needs a domain above 0, got [${i}, ${a}] - use a linear scale for zero or negative values`);
+	let o = A({
 		domain: [Math.log10(i), Math.log10(a)],
-		range: n
+		range: t
 	}), s = ((e) => o(Math.log10(e)));
 	return s.kind = "log", s.domain = [i, a], s.range = o.range, s.invert = (e) => 10 ** o.invert?.(e), s.ticks = () => {
 		let e = [];
@@ -291,70 +291,70 @@ function A({ domain: e, range: n = [0, 1], format: r }) {
 			r >= i * .999 && r <= a * 1.001 && e.push(r);
 		}
 		return e;
-	}, s.format = E(r, (e) => new Intl.NumberFormat(void 0, {
+	}, s.format = D(r, (e) => new Intl.NumberFormat(void 0, {
 		notation: "compact",
 		maximumFractionDigits: 1
 	}).format(e)), s;
 }
-var j = 1e3, M = 60 * j, N = 60 * M, P = 24 * N, F = [
-	[j, "s"],
-	[5 * j, "s"],
-	[15 * j, "s"],
-	[30 * j, "s"],
-	[M, "m"],
-	[5 * M, "m"],
-	[15 * M, "m"],
-	[30 * M, "m"],
-	[N, "h"],
-	[3 * N, "h"],
-	[6 * N, "h"],
-	[12 * N, "h"],
-	[P, "d"],
-	[2 * P, "d"],
-	[7 * P, "w"],
-	[30 * P, "M"],
-	[91 * P, "Q"],
-	[365 * P, "Y"]
+var M = 1e3, N = 60 * M, P = 60 * N, F = 24 * P, I = [
+	[M, "s"],
+	[5 * M, "s"],
+	[15 * M, "s"],
+	[30 * M, "s"],
+	[N, "m"],
+	[5 * N, "m"],
+	[15 * N, "m"],
+	[30 * N, "m"],
+	[P, "h"],
+	[3 * P, "h"],
+	[6 * P, "h"],
+	[12 * P, "h"],
+	[F, "d"],
+	[2 * F, "d"],
+	[7 * F, "w"],
+	[30 * F, "M"],
+	[91 * F, "Q"],
+	[365 * F, "Y"]
 ], ee = {
 	s: [
 		(e) => e.getSeconds(),
 		(e, t) => e.setSeconds(t),
-		j
+		M
 	],
 	m: [
 		(e) => e.getMinutes(),
 		(e, t) => e.setMinutes(t),
-		M
+		N
 	],
 	h: [
 		(e) => e.getHours(),
 		(e, t) => e.setHours(t),
-		N
+		P
 	],
 	d: [
 		(e) => e.getDate(),
 		(e, t) => e.setDate(t),
-		P
+		F
 	],
 	w: [
 		(e) => e.getDate(),
 		(e, t) => e.setDate(t),
-		P
+		F
 	],
 	M: [
 		(e) => e.getMonth(),
 		(e, t) => e.setMonth(t),
-		30 * P
+		30 * F
 	],
 	Q: [
 		(e) => e.getMonth(),
 		(e, t) => e.setMonth(t),
-		30 * P
+		30 * F
 	],
 	Y: [
 		(e) => e.getFullYear(),
 		(e, t) => e.setFullYear(t),
-		365 * P
+		365 * F
 	]
 }, te = {
 	s: {
@@ -388,15 +388,15 @@ var j = 1e3, M = 60 * j, N = 60 * M, P = 24 * N, F = [
 	},
 	Y: { year: "numeric" }
 };
-function I(e) {
-	let n = e instanceof Date ? e : new Date(e);
-	return Number.isNaN(n.getTime()) && t("charts", `${r(e)} isn't a date - use Date objects, timestamps or ISO strings like '2026-10-25'`), n;
+function L(e) {
+	let t = e instanceof Date ? e : new Date(e);
+	return Number.isNaN(t.getTime()) && n("charts", `${r(e)} isn't a date - use Date objects, timestamps or ISO strings like '2026-10-25'`), t;
 }
 function ne({ domain: e, range: t = [0, 1], format: n }) {
-	let r = I(e[0]).getTime(), i = I(e[1]).getTime(), a = k({
+	let r = L(e[0]).getTime(), i = L(e[1]).getTime(), a = A({
 		domain: [r, i],
 		range: t
-	}), o = Math.max(1, i - r), s = (e) => F.find(([t]) => o / t <= e) ?? F[F.length - 1], c = ((e) => a(I(e).getTime()));
+	}), o = Math.max(1, i - r), s = (e) => I.find(([t]) => o / t <= e) ?? I[I.length - 1], c = ((e) => a(L(e).getTime()));
 	c.kind = "time", c.domain = [new Date(r), new Date(i)], c.range = a.range, c.invert = (e) => new Date(a.invert?.(e)), c.ticks = (e = 5) => {
 		let [t, n] = s(e), [a, c, l] = ee[n], u = Math.max(1, Math.round(t / l));
 		if (n === "Y") {
@@ -417,17 +417,17 @@ function ne({ domain: e, range: t = [0, 1], format: n }) {
 		return p;
 	};
 	let l = new Intl.DateTimeFormat(void 0, te[s(6)[1]]);
-	return c.format = E(n, (e) => l.format(I(e)), !0), c;
+	return c.format = D(n, (e) => l.format(L(e)), !0), c;
 }
-function re({ domain: e, range: n = [0, 1], padding: i = .2, format: a }) {
-	Array.isArray(e) || t("charts", `a band scale's domain is a list of categories, got ${r(e)}`);
-	let [o, s] = O(n, "range"), c = new Map(e.map((e, t) => [String(e), t])), l = (s - o) / Math.max(1, e.length), u = ((e) => {
+function re({ domain: e, range: t = [0, 1], padding: i = .2, format: a }) {
+	Array.isArray(e) || n("charts", `a band scale's domain is a list of categories, got ${r(e)}`);
+	let [o, s] = k(t, "range"), c = new Map(e.map((e, t) => [String(e), t])), l = (s - o) / Math.max(1, e.length), u = ((e) => {
 		let t = c.get(String(e));
 		return t === void 0 ? NaN : o + l * (t + .5);
 	});
-	return u.kind = "band", u.domain = e, u.range = [o, s], u.step = l, u.bandwidth = Math.abs(l) * (1 - i), u.ticks = () => e, u.format = E(a, (e) => String(e)), u;
+	return u.kind = "band", u.domain = e, u.range = [o, s], u.step = l, u.bandwidth = Math.abs(l) * (1 - i), u.ticks = () => e, u.format = D(a, (e) => String(e)), u;
 }
-var L = {
+var R = {
 	category: [
 		"#4e79a7",
 		"#f28e2b",
@@ -476,12 +476,12 @@ var L = {
 		"#2166ac"
 	]
 };
-function R({ domain: e, scheme: n, range: i, kind: a }) {
-	n !== void 0 && !(n in L) && t("charts", `colour scheme '${n}' isn't one we have - use ${Object.keys(L).map((e) => `'${e}'`).join(", ")}, or a range of colours`);
-	let o = a ? a === "sequential" : e.length === 2 && e.every((e) => typeof e == "number");
-	o && (e.length < 2 || e.some((e) => typeof e != "number")) && t("charts", `a sequential colour scale needs two or more numbers in its domain, got ${r(e)}`);
-	let s = (i ?? L[n ?? (o ? "viridis" : "category")]).map((e) => c.fromInput(e, "charts")), l;
-	if (o) {
+function z({ domain: e, scheme: t, range: i, kind: o }) {
+	t !== void 0 && !(t in R) && n("charts", `colour scheme '${t}' isn't one we have - use ${Object.keys(R).map((e) => `'${e}'`).join(", ")}, or a range of colours`);
+	let s = o ? o === "sequential" : e.length === 2 && e.every((e) => typeof e == "number");
+	s && (e.length < 2 || e.some((e) => typeof e != "number")) && n("charts", `a sequential colour scale needs two or more numbers in its domain, got ${r(e)}`);
+	let c = (i ?? R[t ?? (s ? "viridis" : "category")]).map((e) => a.fromInput(e, "charts")), l;
+	if (s) {
 		let t = (t) => {
 			let n = e.length - 1, r = 0;
 			for (; r < n - 1 && t > e[r + 1];) r++;
@@ -489,20 +489,20 @@ function R({ domain: e, scheme: n, range: i, kind: a }) {
 			return Math.min(1, Math.max(0, (r + i) / n));
 		};
 		l = ((e) => {
-			if (s.length < 2) return s[0].clone();
-			let n = t(e) * (s.length - 1), r = Math.min(s.length - 2, Math.floor(n));
-			return s[r].clone().lerp(s[r + 1], n - r);
+			if (c.length < 2) return c[0].clone();
+			let n = t(e) * (c.length - 1), r = Math.min(c.length - 2, Math.floor(n));
+			return c[r].clone().lerp(c[r + 1], n - r);
 		}), l.kind = "sequential", l.colors = () => [];
 	} else {
 		let t = new Map(e.map((e, t) => [String(e), t]));
-		l = ((e) => s[(t.get(String(e)) ?? 0) % s.length].clone()), l.kind = "categorical", l.colors = () => e.map((e) => ({
+		l = ((e) => c[(t.get(String(e)) ?? 0) % c.length].clone()), l.kind = "categorical", l.colors = () => e.map((e) => ({
 			value: e,
 			color: l(e)
 		}));
 	}
-	return l.domain = e, l.range = s.map((e) => e.getStyle()), l;
+	return l.domain = e, l.range = c.map((e) => e.getStyle()), l;
 }
-function z(e) {
+function B(e) {
 	let t = [...new Map(e.map((e) => [e instanceof Date ? e.getTime() : e, e])).values()];
 	return typeof t[0] == "number" || t[0] instanceof Date ? t.sort((e, t) => +e - t) : t;
 }
@@ -520,7 +520,7 @@ function ie(e, { title: t, theme: n, position: r = "top-right", format: i, ticks
 		r.className = "phoria-legend-swatch", r.style.background = n.getStyle(), e.append(r, i(t)), e.addEventListener("click", () => o?.(t, !e.classList.toggle("off"))), s.append(e);
 	}
 	else {
-		let t = e.domain[0], n = e.domain[e.domain.length - 1], r = k({
+		let t = e.domain[0], n = e.domain[e.domain.length - 1], r = A({
 			domain: [t, n],
 			range: [0, 100]
 		}), o = document.createElement("div");
@@ -543,12 +543,12 @@ function ie(e, { title: t, theme: n, position: r = "top-right", format: i, ticks
 	return s;
 }
 // src/charts/marks.js
-function B(e, t, n) {
+function V(e, t, n) {
 	let r = e.x?.get(t);
 	return `${r instanceof Date ? r.getTime() : r}|${e.z ? e.z.get(t) : ""}|${n < 0 ? "-" : "+"}`;
 }
 var ae = (e) => `phoria-value phoria-${e.theme}`;
-function V(e, t) {
+function H(e, t) {
 	let n = e.spec.channels.label;
 	if (!n) return null;
 	let r = n.priority, i = typeof r == "function" ? r : typeof r == "string" ? (e) => Number(e[r]) || 0 : r ?? 0;
@@ -561,21 +561,21 @@ function V(e, t) {
 		overlap: e.overlap
 	};
 }
-var H = (e, t, n) => e && t ? e(t.get(n)) : 0;
+var U = (e, t, n) => e && t ? e(t.get(n)) : 0;
 function oe(e) {
-	let t = U(64, e), n = {
+	let t = se(64, e), n = {
 		nodes: [t],
 		layout(t) {
 			let { x: n, y: r, z: i } = e.scales, a = e.spec.channels, o = e.spec.options.width ?? .7, s = (n.bandwidth ?? e.box[0] / 20) * o / .8, c = i?.bandwidth === void 0 ? Math.min(s, e.box[2] * .8) : i.bandwidth * o / .8, l = r(Math.max(r.domain[0], Math.min(0, r.domain[1]))), u = /* @__PURE__ */ new Map(), d = new Float32Array(t.length * 9);
 			return t.forEach((t, o) => {
 				let f = Number(a.y.get(t)) || 0, p = l, m = r(f);
 				if (e.spec.options.stack) {
-					let e = B(a, t, f), n = u.get(e) ?? 0;
+					let e = V(a, t, f), n = u.get(e) ?? 0;
 					p = r(n), m = r(n + f), u.set(e, n + f);
 				}
 				d.set([
-					H(n, a.x, t),
-					H(i, a.z, t),
+					U(n, a.x, t),
+					U(i, a.z, t),
 					p,
 					m,
 					s,
@@ -584,7 +584,7 @@ function oe(e) {
 				], o * 9);
 			}), {
 				rows: t,
-				keys: W(e, t),
+				keys: ce(e, t),
 				state: d,
 				stride: 9
 			};
@@ -592,7 +592,7 @@ function oe(e) {
 		apply(r, i) {
 			let a = r.length / i.stride;
 			if (a > t.instanceMatrices.length / 16) {
-				let r = U(a * 2, e);
+				let r = se(a * 2, e);
 				t.parent?.add(r), t.parent?.remove(t), t.dispose(), n.nodes[0] = t = r;
 			}
 			t.count = a, t.data = i.rows;
@@ -623,39 +623,42 @@ function oe(e) {
 	};
 	return n;
 }
-function U(e, t) {
-	let n = new s({
-		geometry: f(1),
+function se(e, t) {
+	let n = new v({
+		geometry: d(1),
 		material: { roughness: .55 },
 		count: e,
-		labels: V(t, "above")
+		labels: H(t, "above")
 	});
 	return n.count = 0, n;
 }
-function W(e, t) {
+function ce(e, t) {
 	let n = e.spec.channels.key;
 	return n ? t.map((e) => n.get(e)) : t.length && t[0] && "id" in t[0] ? t.map((e) => e.id) : t.map((e, t) => t);
 }
-function se(e) {
+function le(e) {
 	let t = !!e.spec.channels.size?.field, n = Math.min(...e.box) / 40, r = e.spec.channels.opacity?.value, i = {
 		roughness: .4,
 		...r === void 0 ? {} : { opacity: r }
-	}, a = t ? new s({
-		geometry: p({
+	}, a = t ? new v({
+		geometry: f({
 			radius: 1,
 			detail: 1
 		}),
 		material: i,
 		count: 64,
-		labels: V(e, "above")
-	}) : new _({
+		labels: H(e, "above")
+	}) : new s({
 		geometry: G(64),
 		material: {
 			size: e.spec.channels.size?.value ?? n * 1.4,
 			vertexColors: !0,
+			map: ue(),
+			depthWrite: !1,
 			...i
 		},
-		labels: V(e, "above")
+		sort: !0,
+		labels: H(e, "above")
 	});
 	t && (a.count = 0);
 	let o = {
@@ -664,9 +667,9 @@ function se(e) {
 			let { x: r, y: i, z: a } = e.scales, o = e.spec.channels, s = t ? 7 : 6, c = new Float32Array(n.length * s);
 			return n.forEach((n, l) => {
 				let u = [
-					H(r, o.x, n),
-					H(i, o.y, n),
-					H(a, o.z, n)
+					U(r, o.x, n),
+					U(i, o.y, n),
+					U(a, o.z, n)
 				];
 				c.set(t ? [
 					...u,
@@ -675,7 +678,7 @@ function se(e) {
 				] : [...u, ...e.rgb(n)], l * s);
 			}), {
 				rows: n,
-				keys: W(e, n),
+				keys: ce(e, n),
 				state: c,
 				stride: s
 			};
@@ -684,7 +687,7 @@ function se(e) {
 			let r = e.length / n.stride;
 			if (a.data = n.rows, t) {
 				if (r > a.instanceMatrices.length / 16) {
-					let e = new s({
+					let e = new v({
 						geometry: a.geometry,
 						material: a.material,
 						count: r * 2,
@@ -713,8 +716,8 @@ function se(e) {
 			}
 			let i = a.geometry;
 			r > i.vertexCount && (a.geometry = G(r * 2));
-			let c = a.geometry.positions, l = a.geometry.colors;
-			for (let t = 0; t < r; t++) c.set(e.subarray(t * 6, t * 6 + 3), t * 3), l.set(e.subarray(t * 6 + 3, t * 6 + 6), t * 3);
+			let s = a.geometry.positions, c = a.geometry.colors;
+			for (let t = 0; t < r; t++) s.set(e.subarray(t * 6, t * 6 + 3), t * 3), c.set(e.subarray(t * 6 + 3, t * 6 + 6), t * 3);
 			a.geometry.drawCount = r, a.geometry.needsUpdate(), a.geometry !== i && i.dispose();
 		},
 		enter(e) {
@@ -723,16 +726,30 @@ function se(e) {
 	};
 	return o;
 }
+var W = null;
+function ue() {
+	if (W) return W;
+	let e = /* @__PURE__ */ new Uint8Array(16384);
+	for (let t = 0; t < 64; t++) for (let n = 0; n < 64; n++) {
+		let r = Math.hypot(n + .5 - 32, t + .5 - 32) / 32, i = r < .78 ? 1 : 1 - (r - .78) / .22 * .38, a = Math.min(1, Math.max(0, (1 - r) * 32 / 1.5)), o = (t * 64 + n) * 4;
+		e[o] = e[o + 1] = e[o + 2] = Math.round(i * 255), e[o + 3] = Math.round(a * 255);
+	}
+	return W = new l({ image: {
+		data: e,
+		width: 64,
+		height: 64
+	} });
+}
 function G(e) {
-	let t = new l({
+	let t = new h({
 		positions: new Float32Array(e * 3),
 		colors: new Float32Array(e * 3)
 	});
 	return t.drawCount = 0, t;
 }
-function ce(t, n) {
-	let r = new e({
-		geometry: new l({ positions: [
+function de(e, t) {
+	let n = new g({
+		geometry: new h({ positions: [
 			0,
 			0,
 			0,
@@ -745,16 +762,16 @@ function ce(t, n) {
 			vertexColors: !0
 		},
 		pickable: !1
-	}), i = new _({
+	}), r = new s({
 		geometry: G(8),
 		material: {
 			size: 7,
 			sizeAttenuation: !1,
 			vertexColors: !0
 		},
-		labels: V(t, "above")
-	}), a = n ? new u({
-		geometry: new l({ positions: [
+		labels: H(e, "above")
+	}), i = t ? new u({
+		geometry: new h({ positions: [
 			0,
 			0,
 			0,
@@ -774,24 +791,24 @@ function ce(t, n) {
 		pickable: !1
 	}) : null;
 	return {
-		nodes: a ? [
-			a,
-			r,
-			i
-		] : [r, i],
-		layout(e) {
-			let { x: n, y: r, z: i } = t.scales, a = t.spec.channels, o = a.color?.field ? a.color : a.detail ?? (a.z?.field ? a.z : null), s = /* @__PURE__ */ new Map();
-			for (let t of e) {
-				let e = o ? String(o.get(t)) : "";
-				s.has(e) || s.set(e, []), s.get(e).push(t);
+		nodes: i ? [
+			i,
+			n,
+			r
+		] : [n, r],
+		layout(t) {
+			let { x: n, y: r, z: i } = e.scales, a = e.spec.channels, o = a.color?.field ? a.color : a.detail ?? (a.z?.field ? a.z : null), s = /* @__PURE__ */ new Map();
+			for (let e of t) {
+				let t = o ? String(o.get(e)) : "";
+				s.has(t) || s.set(t, []), s.get(t).push(e);
 			}
 			let c = [...s.values()].map((e) => e.sort((e, t) => n(a.x.get(e)) - n(a.x.get(t)))), l = /* @__PURE__ */ new Map(), u = c.flat(), d = new Float32Array(u.length * 4), f = 0;
-			for (let e of c) for (let o of e) {
-				let e = a.x.get(o), s = Number(a.y.get(o)) || 0, c = B(a, o, s), u = t.spec.options.stack ? l.get(c) ?? 0 : 0;
-				t.spec.options.stack && l.set(c, u + s), d.set([
-					n(e),
+			for (let t of c) for (let o of t) {
+				let t = a.x.get(o), s = Number(a.y.get(o)) || 0, c = V(a, o, s), u = e.spec.options.stack ? l.get(c) ?? 0 : 0;
+				e.spec.options.stack && l.set(c, u + s), d.set([
+					n(t),
 					r(u + s),
-					H(i, a.z, o),
+					U(i, a.z, o),
 					r(u)
 				], f * 4), f++;
 			}
@@ -802,22 +819,22 @@ function ce(t, n) {
 				stride: 4,
 				shape: {
 					lengths: c.map((e) => e.length),
-					colors: c.map((e) => t.rgb(e[0]))
+					colors: c.map((t) => e.rgb(t[0]))
 				}
 			};
 		},
 		apply(e, t) {
-			let { lengths: n, colors: o } = t.shape, s = [], c = [], l = [], u = [], d = [], f = [], p = [], m = 0;
-			n.forEach((t, n) => {
+			let { lengths: a, colors: o } = t.shape, s = [], c = [], l = [], u = [], d = [], f = [], p = [], m = 0;
+			a.forEach((t, n) => {
 				let r = o[n];
 				for (let n = 0; n < t; n++, m++) {
-					let [t, i, o, h] = e.subarray(m * 4, m * 4 + 4);
-					if (l.push(t, i, o), u.push(...r), n > 0 && (s.push(...e.subarray((m - 1) * 4, (m - 1) * 4 + 3), t, i, o), c.push(...r, ...r)), a) {
+					let [t, a, o, h] = e.subarray(m * 4, m * 4 + 4);
+					if (l.push(t, a, o), u.push(...r), n > 0 && (s.push(...e.subarray((m - 1) * 4, (m - 1) * 4 + 3), t, a, o), c.push(...r, ...r)), i) {
 						let e = f.length / 3;
-						d.push(t, i, o, t, h, o), f.push(...r, ...r), n > 0 && p.push(e - 2, e - 1, e, e - 1, e + 1, e);
+						d.push(t, a, o, t, h, o), f.push(...r, ...r), n > 0 && p.push(e - 2, e - 1, e, e - 1, e + 1, e);
 					}
 				}
-			}), r.geometry = K(r.geometry, s.length ? {
+			}), n.geometry = K(n.geometry, s.length ? {
 				positions: s,
 				colors: c
 			} : { positions: [
@@ -827,7 +844,7 @@ function ce(t, n) {
 				0,
 				0,
 				0
-			] }), i.geometry = K(i.geometry, {
+			] }), r.geometry = K(r.geometry, {
 				positions: l.length ? l : [
 					0,
 					0,
@@ -838,7 +855,7 @@ function ce(t, n) {
 					0,
 					0
 				]
-			}), i.geometry.drawCount = l.length / 3, i.material.size = Math.max(...n, 0) > 40 ? 4 : 7, i.data = t.rows, a && (a.geometry = K(a.geometry, p.length ? {
+			}), r.geometry.drawCount = l.length / 3, r.material.size = Math.max(...a, 0) > 40 ? 4 : 7, r.data = t.rows, i && (i.geometry = K(i.geometry, p.length ? {
 				positions: d,
 				colors: f,
 				indices: p
@@ -857,11 +874,11 @@ function ce(t, n) {
 	};
 }
 function K(e, t) {
-	return e.dispose(), new l(t);
+	return e.dispose(), new h(t);
 }
-function le(e) {
-	let n = new u({
-		geometry: new l({ positions: [
+function fe(e) {
+	let t = new u({
+		geometry: new h({ positions: [
 			0,
 			0,
 			0,
@@ -879,12 +896,12 @@ function le(e) {
 		}
 	});
 	return {
-		nodes: [n],
-		layout(n) {
-			let { x: r, y: i, z: a } = e.scales, o = e.spec.channels, s = z(n.map((e) => o.x.get(e))), c = z(n.map((e) => o.z.get(e))), l = new Map(n.map((e) => [`${+o.x.get(e)}|${+o.z.get(e)}|${o.x.get(e)}|${o.z.get(e)}`, e])), u = (e, t) => l.get(`${+e}|${+t}|${e}|${t}`), d = s.length * c.length - l.size;
+		nodes: [t],
+		layout(t) {
+			let { x: r, y: i, z: a } = e.scales, o = e.spec.channels, s = B(t.map((e) => o.x.get(e))), c = B(t.map((e) => o.z.get(e))), l = new Map(t.map((e) => [`${+o.x.get(e)}|${+o.z.get(e)}|${o.x.get(e)}|${o.z.get(e)}`, e])), u = (e, t) => l.get(`${+e}|${+t}|${e}|${t}`), d = s.length * c.length - l.size;
 			if (d > 0) {
 				let e = s.flatMap((e) => c.map((t) => [e, t])).find(([e, t]) => !u(e, t));
-				t("chart()", `a surface needs a value for every x and z pair - ${d} of ${s.length * c.length} are missing (first: x ${e[0]}, z ${e[1]})`);
+				n("chart()", `a surface needs a value for every x and z pair - ${d} of ${s.length * c.length} are missing (first: x ${e[0]}, z ${e[1]})`);
 			}
 			let f = [], p = new Float32Array(s.length * c.length * 6), m = 0;
 			for (let t of c) for (let n of s) {
@@ -907,47 +924,47 @@ function le(e) {
 				}
 			};
 		},
-		apply(e, t) {
-			let { nx: r, nz: i } = t.shape, a = [], o = [], s = [];
+		apply(e, n) {
+			let { nx: r, nz: i } = n.shape, a = [], o = [], s = [];
 			for (let t = 0; t < r * i; t++) a.push(...e.subarray(t * 6, t * 6 + 3)), o.push(...e.subarray(t * 6 + 3, t * 6 + 6));
 			for (let e = 0; e < i - 1; e++) for (let t = 0; t < r - 1; t++) {
 				let n = e * r + t, i = n + 1, a = n + r, o = a + 1;
 				s.push(n, a, i, i, a, o);
 			}
-			n.geometry = K(n.geometry, {
+			t.geometry = K(t.geometry, {
 				positions: a,
 				colors: o,
 				indices: s
-			}), n.data = t.rows;
+			}), t.data = n.rows;
 		}
 	};
 }
 // src/charts/network.js
-function ue(e) {
+function pe(e) {
 	return () => {
 		e = e + 1831565813 | 0;
 		let t = Math.imul(e ^ e >>> 15, 1 | e);
 		return t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t, ((t ^ t >>> 14) >>> 0) / 4294967296;
 	};
 }
-var de = [
+var me = [
 	1.2,
 	2.5,
 	4.5
 ];
-function fe(n) {
-	let i = n.spec.options, a = me(n), o = n.spec.link, u = i.source ?? "source", d = i.target ?? "target", f = /* @__PURE__ */ new Map(), m = (e) => new s({
-		geometry: p({
+function he(e) {
+	let t = e.spec.options, i = _e(e), o = e.spec.link, c = t.source ?? "source", l = t.target ?? "target", u = /* @__PURE__ */ new Map(), d = (t) => new v({
+		geometry: f({
 			radius: 1,
 			detail: 2
 		}),
 		material: { roughness: .35 },
-		count: e,
-		labels: V(n, "above")
-	}), h = m(Math.max(8, n.spec.rows.length * 2));
-	h.count = 0;
-	let g = de.map((t) => new e({
-		geometry: new l({ positions: [
+		count: t,
+		labels: H(e, "above")
+	}), p = d(Math.max(8, e.spec.rows.length * 2));
+	p.count = 0;
+	let m = me.map((e) => new g({
+		geometry: new h({ positions: [
 			0,
 			0,
 			0,
@@ -956,59 +973,59 @@ function fe(n) {
 			0
 		] }),
 		material: {
-			width: t,
+			width: e,
 			vertexColors: !0
 		},
 		data: []
-	})), v = new e({
-		geometry: new l({ positions: [] }),
+	})), _ = new g({
+		geometry: new h({ positions: [] }),
 		material: {
 			width: 4,
 			color: "#7fd3ff"
 		},
 		pickable: !1,
 		visible: !1
-	}), y = o.flow ? new _({
-		geometry: new l({ positions: [] }),
+	}), y = o.flow ? new s({
+		geometry: new h({ positions: [] }),
 		material: {
-			size: .012 * Math.min(...n.box),
+			size: .012 * Math.min(...e.box),
 			color: "#bff0ff"
 		},
 		pickable: !1
 	}) : null, b = [], x = [], S = [], C = [], w = null, T = {
 		nodes: [
-			...g,
-			v,
-			h,
+			...m,
+			_,
+			p,
 			...y ? [y] : []
 		],
-		layout(e) {
-			let i = e.map(a), o = new Map(i.map((e, t) => [e, t]));
-			S = n.spec.links.filter((e, i) => {
-				let s = e[u], c = e[d];
-				return (s === void 0 || c === void 0) && t("chart()", `link ${i} has no '${s === void 0 ? u : d}' - links name their ends with source: '${u}', target: '${d}' (set 'source' and 'target' to your field names)`), n.spec.rows.some((e) => a(e) === s) || t("chart()", `link ${i}: ${u} ${r(s)} names no node`), n.spec.rows.some((e) => a(e) === c) || t("chart()", `link ${i}: ${d} ${r(c)} names no node`), o.has(s) && o.has(c);
+		layout(t) {
+			let a = t.map(i), o = new Map(a.map((e, t) => [e, t]));
+			S = e.spec.links.filter((t, a) => {
+				let s = t[c], u = t[l];
+				return (s === void 0 || u === void 0) && n("chart()", `link ${a} has no '${s === void 0 ? c : l}' - links name their ends with source: '${c}', target: '${l}' (set 'source' and 'target' to your field names)`), e.spec.rows.some((e) => i(e) === s) || n("chart()", `link ${a}: ${c} ${r(s)} names no node`), e.spec.rows.some((e) => i(e) === u) || n("chart()", `link ${a}: ${l} ${r(u)} names no node`), o.has(s) && o.has(u);
 			});
-			let s = N(e, i, S.map((e) => [o.get(e[u]), o.get(e[d])])), c = new Float32Array(e.length * 7);
-			return e.forEach((e, t) => c.set([
-				...s[t],
-				n.size ? n.size(n.spec.channels.size.get(e)) : .06 * Math.min(...n.box),
-				...n.rgb(e)
-			], t * 7)), {
-				rows: e,
-				keys: i,
-				state: c,
+			let s = N(t, a, S.map((e) => [o.get(e[c]), o.get(e[l])])), u = new Float32Array(t.length * 7);
+			return t.forEach((t, n) => u.set([
+				...s[n],
+				e.size ? e.size(e.spec.channels.size.get(t)) : .06 * Math.min(...e.box),
+				...e.rgb(t)
+			], n * 7)), {
+				rows: t,
+				keys: a,
+				state: u,
 				stride: 7,
-				shape: { pairs: S.map((e) => [e[u], e[d]]) }
+				shape: { pairs: S.map((e) => [e[c], e[l]]) }
 			};
 		},
 		apply(e, t) {
 			let n = e.length / t.stride;
-			if (C = t.rows, w !== null && !C.some((e) => a(e) === w) && (w = null, v.visible = !1), n > h.instanceMatrices.length / 16) {
-				let e = m(n * 2);
-				E && e.on("hover", D), h.parent?.add(e), h.parent?.remove(h), h.dispose(), T.nodes[T.nodes.indexOf(h)] = e, h = e;
+			if (C = t.rows, w !== null && !C.some((e) => i(e) === w) && (w = null, _.visible = !1), n > p.instanceMatrices.length / 16) {
+				let e = d(n * 2);
+				E && e.on("hover", D), p.parent?.add(e), p.parent?.remove(p), p.dispose(), T.nodes[T.nodes.indexOf(p)] = e, p = e;
 			}
-			h.count = n, h.data = t.rows;
-			let r = t.rows.map(a), i = new Map(r.map((e, t) => [e, t]));
+			p.count = n, p.data = t.rows;
+			let r = t.rows.map(i), a = new Map(r.map((e, t) => [e, t]));
 			x = [];
 			for (let t = 0; t < n; t++) {
 				let [n, r, i, a, o, s, c] = e.subarray(t * 7, t * 7 + 7);
@@ -1016,7 +1033,7 @@ function fe(n) {
 					n,
 					r,
 					i
-				]), h.setInstance(t, {
+				]), p.setInstance(t, {
 					position: [
 						n,
 						r,
@@ -1030,24 +1047,24 @@ function fe(n) {
 					])
 				});
 			}
-			let s = de.map(() => ({
+			let s = me.map(() => ({
 				positions: [],
 				colors: [],
 				rows: []
 			}));
 			b = [], S.forEach((e, t) => {
-				let n = i.get(e[u]), r = i.get(e[d]);
+				let n = a.get(e[c]), r = a.get(e[l]);
 				if (n === void 0 || r === void 0) return;
-				let a = s[A(e)], c = j(e);
-				a.positions.push(...x[n], ...x[r]), a.colors.push(...c, ...c), a.rows.push(e), o.flow && b.push({
+				let i = s[A(e)], u = j(e);
+				i.positions.push(...x[n], ...x[r]), i.colors.push(...u, ...u), i.rows.push(e), o.flow && b.push({
 					a: n,
 					b: r,
 					speed: M(e),
 					phase: t * .618 % 1
 				});
-			}), g.forEach((e, t) => {
+			}), m.forEach((e, t) => {
 				let n = s[t];
-				e.geometry.dispose(), e.geometry = new l(n.positions.length ? {
+				e.geometry.dispose(), e.geometry = new h(n.positions.length ? {
 					positions: n.positions,
 					colors: n.colors
 				} : { positions: [
@@ -1070,67 +1087,67 @@ function fe(n) {
 				n.phase = (n.phase + e * n.speed) % 1;
 				let i = x[n.a], a = x[n.b];
 				for (let e = 0; e < 3; e++) t[r * 3 + e] = i[e] + (a[e] - i[e]) * n.phase;
-			}), y.geometry.vertexCount === b.length ? (y.geometry.positions.set(t), y.geometry.needsUpdate()) : (y.geometry.dispose(), y.geometry = new l({ positions: t }));
+			}), y.geometry.vertexCount === b.length ? (y.geometry.positions.set(t), y.geometry.needsUpdate()) : (y.geometry.dispose(), y.geometry = new h({ positions: t }));
 		},
 		tooltipRows(e) {
-			return g.includes(e.node) ? "link" : "node";
+			return m.includes(e.node) ? "link" : "node";
 		}
-	}, E = (i.highlight ?? "neighbours") === "neighbours";
-	E && h.on("hover", D);
-	function D(e) {
-		let t = e && e.node === h && e.instance !== null ? a(C[e.instance]) : null;
-		if (t !== w) {
-			w = t, v.visible = t !== null, t !== null && O(t);
-			for (let e = 0; e < h.count; e++) h.setColor(e, k(e, n.rgb(C[e])));
+	}, E = (t.highlight ?? "neighbours") === "neighbours";
+	E && p.on("hover", D);
+	function D(t) {
+		let n = t && t.node === p && t.instance !== null ? i(C[t.instance]) : null;
+		if (n !== w) {
+			w = n, _.visible = n !== null, n !== null && O(n);
+			for (let t = 0; t < p.count; t++) p.setColor(t, k(t, e.rgb(C[t])));
 		}
 	}
 	function O(e) {
 		let t = [];
 		for (let n of S) {
-			if (n[u] !== e && n[d] !== e) continue;
-			let r = C.findIndex((e) => a(e) === n[u]), i = C.findIndex((e) => a(e) === n[d]);
-			r >= 0 && i >= 0 && t.push(...x[r], ...x[i]);
+			if (n[c] !== e && n[l] !== e) continue;
+			let r = C.findIndex((e) => i(e) === n[c]), a = C.findIndex((e) => i(e) === n[l]);
+			r >= 0 && a >= 0 && t.push(...x[r], ...x[a]);
 		}
-		v.geometry.dispose(), v.geometry = new l({ positions: t });
+		_.geometry.dispose(), _.geometry = new h({ positions: t });
 	}
-	function k(e, t) {
-		if (w === null || !E) return t;
-		let r = a(C[e]);
-		return r === w || S.some((e) => e[u] === w && e[d] === r || e[d] === w && e[u] === r) ? t : new c().setSRGB(t[0], t[1], t[2]).lerp(n.theme === "light" ? "#ffffff" : "#202024", .65).toSRGB();
+	function k(t, n) {
+		if (w === null || !E) return n;
+		let r = i(C[t]);
+		return r === w || S.some((e) => e[c] === w && e[l] === r || e[l] === w && e[c] === r) ? n : new a().setSRGB(n[0], n[1], n[2]).lerp(e.theme === "light" ? "#ffffff" : "#202024", .65).toSRGB();
 	}
-	function A(e) {
-		let t = o.width;
-		if (!t) return 0;
-		if (t.field === null) return t.value >= 3.5 ? 2 : +(t.value >= 2);
-		let r = n.spec.links.map((e) => Number(t.get(e)) || 0), i = Math.max(...r) || 1;
-		return Math.min(2, Math.floor((Number(t.get(e)) || 0) / i * 2.999));
+	function A(t) {
+		let n = o.width;
+		if (!n) return 0;
+		if (n.field === null) return n.value >= 3.5 ? 2 : +(n.value >= 2);
+		let r = e.spec.links.map((e) => Number(n.get(e)) || 0), i = Math.max(...r) || 1;
+		return Math.min(2, Math.floor((Number(n.get(t)) || 0) / i * 2.999));
 	}
-	function j(e) {
-		let t = o.color, r = n.theme === "light" ? "#9aa3b2" : "#4a5266";
-		return t ? t.field === null ? c.fromInput(t.value).toSRGB() : n.linkColor(t.get(e)).toSRGB() : c.fromInput(r).toSRGB();
+	function j(t) {
+		let n = o.color, r = e.theme === "light" ? "#9aa3b2" : "#4a5266";
+		return n ? n.field === null ? a.fromInput(n.value).toSRGB() : e.linkColor(n.get(t)).toSRGB() : a.fromInput(r).toSRGB();
 	}
-	function M(e) {
-		let t = o.flow;
-		if (t.field === null) return .4;
-		let r = Math.max(...n.spec.links.map((e) => Number(t.get(e)) || 0)) || 1;
-		return .15 + .6 * (Number(t.get(e)) || 0) / r;
+	function M(t) {
+		let n = o.flow;
+		if (n.field === null) return .4;
+		let r = Math.max(...e.spec.links.map((e) => Number(n.get(e)) || 0)) || 1;
+		return .15 + .6 * (Number(n.get(t)) || 0) / r;
 	}
-	function N(e, a, o) {
-		let [s, c, l] = n.box, u = i.layout ?? "force";
+	function N(i, a, o) {
+		let [s, c, l] = e.box, u = t.layout ?? "force";
 		if (u === "given") {
-			let { x: t, y: r, z: i } = n.scales, a = n.spec.channels;
-			return e.map((e) => [
+			let { x: t, y: n, z: r } = e.scales, a = e.spec.channels;
+			return i.map((e) => [
 				t && a.x ? t(a.x.get(e)) : 0,
-				r && a.y ? r(a.y.get(e)) : c / 2,
-				i && a.z ? i(a.z.get(e)) : 0
+				n && a.y ? n(a.y.get(e)) : c / 2,
+				r && a.z ? r(a.z.get(e)) : 0
 			]);
 		}
-		if (u && typeof u == "object" && "tiers" in u) return pe(e, a, o, u, [
+		if (u && typeof u == "object" && "tiers" in u) return ge(i, a, o, u, [
 			s,
 			c,
 			l
 		]);
-		u !== "force" && t("chart()", `layout ${r(u)} - expected 'force', 'given' or { tiers: 'field' }`);
+		u !== "force" && n("chart()", `layout ${r(u)} - expected 'force', 'given' or { tiers: 'field' }`);
 		let d = P(a, o), f = [
 			Infinity,
 			Infinity,
@@ -1141,64 +1158,64 @@ function fe(n) {
 			-Infinity
 		];
 		for (let e of d) for (let t = 0; t < 3; t++) f[t] = Math.min(f[t], e[t]), p[t] = Math.max(p[t], e[t]);
-		let m = Math.max(...p.map((e, t) => e - f[t]), 1e-6), h = Math.min(s, i.flat ? l : Math.min(c, l)) * .9 / m, g = p.map((e, t) => (e + f[t]) / 2);
+		let m = Math.max(...p.map((e, t) => e - f[t]), 1e-6), h = Math.min(s, t.flat ? l : Math.min(c, l)) * .9 / m, g = p.map((e, t) => (e + f[t]) / 2);
 		return d.map((e) => [
 			(e[0] - g[0]) * h,
-			i.flat ? 0 : (e[1] - g[1]) * h + c / 2,
+			t.flat ? 0 : (e[1] - g[1]) * h + c / 2,
 			(e[2] - g[2]) * h
 		]);
 	}
-	function P(e, t) {
-		let n = e.length, r = ue(i.seed ?? 1), a = i.flat ? [0, 2] : [
+	function P(e, n) {
+		let r = e.length, i = pe(t.seed ?? 1), a = t.flat ? [0, 2] : [
 			0,
 			1,
 			2
-		], o = e.some((e) => f.has(e)), s = i.steps ?? (o ? 60 : 300), c = e.map(() => []);
-		for (let [e, n] of t) c[e].push(n), c[n].push(e);
-		let l = new Float32Array(n * n).fill(Infinity), u = 1;
-		for (let e = 0; e < n; e++) {
+		], o = e.some((e) => u.has(e)), s = t.steps ?? (o ? 60 : 300), c = e.map(() => []);
+		for (let [e, t] of n) c[e].push(t), c[t].push(e);
+		let l = new Float32Array(r * r).fill(Infinity), d = 1;
+		for (let e = 0; e < r; e++) {
 			let t = [e];
-			l[e * n + e] = 0;
-			for (let r = 0; r < t.length; r++) {
-				let i = t[r], a = l[e * n + i] + 1;
-				for (let r of c[i]) l[e * n + r] === Infinity && (l[e * n + r] = a, u = Math.max(u, a), t.push(r));
+			l[e * r + e] = 0;
+			for (let n = 0; n < t.length; n++) {
+				let i = t[n], a = l[e * r + i] + 1;
+				for (let n of c[i]) l[e * r + n] === Infinity && (l[e * r + n] = a, d = Math.max(d, a), t.push(n));
 			}
 		}
-		let d = e.map((t, a) => {
-			if (f.has(t)) return [...f.get(t)];
-			let o = c[a].find((t) => f.has(e[t])), s = o === void 0 ? [
+		let f = e.map((n, a) => {
+			if (u.has(n)) return [...u.get(n)];
+			let o = c[a].find((t) => u.has(e[t])), s = o === void 0 ? [
 				0,
 				0,
 				0
-			] : f.get(e[o]), l = o === void 0 ? Math.sqrt(n) : .5;
+			] : u.get(e[o]), l = o === void 0 ? Math.sqrt(r) : .5;
 			return [
-				s[0] + (r() - .5) * l,
-				i.flat ? 0 : s[1] + (r() - .5) * l,
-				s[2] + (r() - .5) * l
+				s[0] + (i() - .5) * l,
+				t.flat ? 0 : s[1] + (i() - .5) * l,
+				s[2] + (i() - .5) * l
 			];
 		}), p = [
 			0,
 			0,
 			0
 		];
-		for (let e = 0; e < s; e++) for (let e = 0; e < n; e++) {
+		for (let e = 0; e < s; e++) for (let e = 0; e < r; e++) {
 			p.fill(0);
 			let t = 0;
-			for (let r = 0; r < n; r++) {
-				if (e === r) continue;
-				let i = l[e * n + r], a = i === Infinity ? u + 1 : i, o = 1 / (a * a), s = d[e][0] - d[r][0], c = d[e][1] - d[r][1], f = d[e][2] - d[r][2], m = Math.hypot(s, c, f) || 1e-6;
-				p[0] += o * (d[r][0] + a * s / m), p[1] += o * (d[r][1] + a * c / m), p[2] += o * (d[r][2] + a * f / m), t += o;
+			for (let n = 0; n < r; n++) {
+				if (e === n) continue;
+				let i = l[e * r + n], a = i === Infinity ? d + 1 : i, o = 1 / (a * a), s = f[e][0] - f[n][0], c = f[e][1] - f[n][1], u = f[e][2] - f[n][2], m = Math.hypot(s, c, u) || 1e-6;
+				p[0] += o * (f[n][0] + a * s / m), p[1] += o * (f[n][1] + a * c / m), p[2] += o * (f[n][2] + a * u / m), t += o;
 			}
-			if (t) for (let n of a) d[e][n] = p[n] / t;
+			if (t) for (let n of a) f[e][n] = p[n] / t;
 		}
-		return f = new Map(e.map((e, t) => [e, d[t]])), d;
+		return u = new Map(e.map((e, t) => [e, f[t]])), f;
 	}
 	return T;
 }
-function pe(e, n, r, i, [a, o, s]) {
+function ge(e, t, r, i, [a, o, s]) {
 	let c = i.tiers;
 	if (!e.length) return [];
-	c in e[0] || t("chart()", `layout: { tiers: '${c}' } - '${c}' isn't a node field`);
+	c in e[0] || n("chart()", `layout: { tiers: '${c}' } - '${c}' isn't a node field`);
 	let l = i.order ?? [...new Set(e.map((e) => e[c]))], u = e.map((e) => Math.max(0, l.indexOf(e[c]))), d = Math.max(...u) + 1, f = Array(e.length).fill(0), p = Array(e.length), m = Math.min(a, s) / 2 * .92;
 	for (let t = 0; t < d; t++) {
 		let n = e.map((e, t) => t).filter((e) => u[e] === t), i = (e) => {
@@ -1217,9 +1234,9 @@ function pe(e, n, r, i, [a, o, s]) {
 	}
 	return p;
 }
-function me(e) {
-	let n = e.spec.channels.key;
-	return n ? (e) => n.get(e) : (e.spec.rows.length && !("id" in e.spec.rows[0]) && t("chart()", "network nodes need an 'id' field, or key: 'yourIdField' - links name nodes by it"), (e) => e.id);
+function _e(e) {
+	let t = e.spec.channels.key;
+	return t ? (e) => t.get(e) : (e.spec.rows.length && !("id" in e.spec.rows[0]) && n("chart()", "network nodes need an 'id' field, or key: 'yourIdField' - links name nodes by it"), (e) => e.id);
 }
 // src/charts/spec.js
 var q = [
@@ -1263,7 +1280,7 @@ var q = [
 	"$schema",
 	"description",
 	...J
-], he = [
+], ve = [
 	"field",
 	"type",
 	"title",
@@ -1273,7 +1290,7 @@ var q = [
 	"value",
 	"priority",
 	"legend"
-], ge = {
+], ye = {
 	series: "phoria2 charts map fields to channels instead of listing series - e.g. { mark: 'bar', x: 'month', y: 'sales', color: 'region' }",
 	xAxis: "axes come from the channels - use x: { field, axis: { title } }",
 	yAxis: "axes come from the channels - use y: { field, axis: { title } }",
@@ -1293,7 +1310,7 @@ var q = [
 	colors: "use color: { field, scale: { range: [...] } }",
 	nodes: "a network's nodes and links go in data: { nodes, links }",
 	links: "a network's nodes and links go in data: { nodes, links }"
-}, _e = {
+}, be = {
 	scatter: "point",
 	scatter3d: "point",
 	circle: "point",
@@ -1308,7 +1325,7 @@ var q = [
 	ribbon: "area",
 	lines: "line",
 	rect: "bar"
-}, ve = {
+}, xe = {
 	overlap: "set overlap on the chart - { overlap: 'dim' | 'hide' | 'show' } - it applies to all the chart's labels",
 	aggregate: "aggregate the rows first (e.g. sum per month) - charts draw rows as given",
 	bin: "bin the rows first - charts draw rows as given",
@@ -1316,143 +1333,143 @@ var q = [
 	sort: "sort with scale: { domain: [...] } in the order you want",
 	stack: "stacking is the chart's option: stack: true"
 };
-function ye(e) {
-	(!e || typeof e != "object" || Array.isArray(e)) && t("chart()", `expected a spec such as { mark: 'bar', data, x, y }, got ${r(e)}`);
-	for (let n of Object.keys(e)) Y.includes(n) || t("chart()", `unknown option '${n}' - ${ge[n] ?? `expected ${Y.filter((e) => e[0] !== "$").join(", ")}${d(n, Y)}`}`);
-	typeof e.width == "number" && e.width > 1 && t("chart()", "'width' is a bar's share of its band (0-1); in Vega-Lite it is pixels - here the canvas sets the size");
-	let n = be(e.mark), { rows: i, links: o } = xe(e.data, n), s = Se(i), c = { ...e.encoding ?? {} };
-	for (let e of Object.keys(c)) !J.includes(e) && e !== "tooltip" && t("chart()", `encoding '${e}' isn't a channel we have - channels are ${J.join(", ")}, tooltip`);
-	let l = {};
-	for (let t of J) {
-		let n = e[t] ?? c[t];
-		n != null && (l[t] = X(t, n, i, s));
+function Se(t) {
+	(!t || typeof t != "object" || Array.isArray(t)) && n("chart()", `expected a spec such as { mark: 'bar', data, x, y }, got ${r(t)}`);
+	for (let e of Object.keys(t)) Y.includes(e) || n("chart()", `unknown option '${e}' - ${ye[e] ?? `expected ${Y.filter((e) => e[0] !== "$").join(", ")}${i(e, Y)}`}`);
+	typeof t.width == "number" && t.width > 1 && n("chart()", "'width' is a bar's share of its band (0-1); in Vega-Lite it is pixels - here the canvas sets the size");
+	let a = Ce(t.mark), { rows: o, links: s } = we(t.data, a), c = Te(o), l = { ...t.encoding ?? {} };
+	for (let e of Object.keys(l)) !J.includes(e) && e !== "tooltip" && n("chart()", `encoding '${e}' isn't a channel we have - channels are ${J.join(", ")}, tooltip`);
+	let u = {};
+	for (let e of J) {
+		let n = t[e] ?? l[e];
+		n != null && (u[e] = X(e, n, o, c));
 	}
-	if (n === "network") for (let n of [
+	if (a === "network") for (let e of [
 		"x",
 		"y",
 		"z"
-	]) l[n] && e.layout !== "given" && t("chart()", `${n} on a 'network' places its nodes - add layout: 'given' to use positions from the data`);
-	else for (let e of n === "surface" ? [
+	]) u[e] && t.layout !== "given" && n("chart()", `${e} on a 'network' places its nodes - add layout: 'given' to use positions from the data`);
+	else for (let e of a === "surface" ? [
 		"x",
 		"z",
 		"y"
-	] : ["x", "y"]) l[e] || t("chart()", `a '${n}' chart needs ${e} - e.g. ${e}: '${s[0] ?? "field"}'`), n !== "point" && l[e].field === null && t("chart()", `${e} on a '${n}' chart lays its marks out along a scale - it needs a field, not a constant value - e.g. ${e}: '${s[0] ?? "field"}'`);
-	let u = e.tooltip ?? c.tooltip, f = typeof e.mark == "object" ? e.mark.tooltip : void 0, p = Ee(u ?? (f !== !1 && void 0), l, i, s), m = {};
-	if (e.link !== void 0) {
-		n !== "network" && t("chart()", "'link' sets a network's link channels - it needs mark: 'network'");
-		let r = Se(o);
-		for (let [n, i] of Object.entries(e.link)) [
+	] : ["x", "y"]) u[e] || n("chart()", `a '${a}' chart needs ${e} - e.g. ${e}: '${c[0] ?? "field"}'`), a !== "point" && u[e].field === null && n("chart()", `${e} on a '${a}' chart lays its marks out along a scale - it needs a field, not a constant value - e.g. ${e}: '${c[0] ?? "field"}'`);
+	let d = t.tooltip ?? l.tooltip, f = typeof t.mark == "object" ? t.mark.tooltip : void 0, p = ke(d ?? (f !== !1 && void 0), u, o, c), m = {};
+	if (t.link !== void 0) {
+		a !== "network" && n("chart()", "'link' sets a network's link channels - it needs mark: 'network'");
+		let e = Te(s);
+		for (let [r, i] of Object.entries(t.link)) [
 			"width",
 			"color",
 			"opacity",
 			"flow",
 			"tooltip"
-		].includes(n) || t("chart()", `link has no '${n}' - link channels are width, color, opacity, flow, tooltip`), n !== "tooltip" && (m[n] = X(`link.${n}`, i, o, r));
-		e.link.tooltip !== void 0 && (m.tooltip = Ee(e.link.tooltip, {}, o, r));
+		].includes(r) || n("chart()", `link has no '${r}' - link channels are width, color, opacity, flow, tooltip`), r !== "tooltip" && (m[r] = X(`link.${r}`, i, s, e));
+		t.link.tooltip !== void 0 && (m.tooltip = ke(t.link.tooltip, {}, s, e));
 	}
 	let h = {};
-	for (let t of Y) !J.includes(t) && ![
+	for (let e of Y) !J.includes(e) && ![
 		"mark",
 		"data",
 		"encoding",
 		"tooltip",
 		"link"
-	].includes(t) && e[t] !== void 0 && (h[t] = e[t]);
-	return h.steps !== void 0 && (!Number.isInteger(h.steps) || h.steps < 1) && t("chart()", `'steps' is how many steps the force layout takes, a whole number of 1 or more, got ${r(h.steps)}`), h.seed !== void 0 && a("chart()", "seed", h.seed), h.legend?.ticks !== void 0 && we("legend", h.legend.ticks), h.box === void 0 || Array.isArray(h.box) && h.box.length === 3 && h.box.every((e) => e > 0) || t("chart()", `'box' is the chart's size in the scene, [x, y, z] above 0, got ${r(h.box)}`), {
-		mark: n,
-		rows: i,
-		links: o,
-		fields: s,
-		channels: l,
+	].includes(e) && t[e] !== void 0 && (h[e] = t[e]);
+	return h.steps !== void 0 && (!Number.isInteger(h.steps) || h.steps < 1) && n("chart()", `'steps' is how many steps the force layout takes, a whole number of 1 or more, got ${r(h.steps)}`), h.seed !== void 0 && e("chart()", "seed", h.seed), h.legend?.ticks !== void 0 && De("legend", h.legend.ticks), h.box === void 0 || Array.isArray(h.box) && h.box.length === 3 && h.box.every((e) => e > 0) || n("chart()", `'box' is the chart's size in the scene, [x, y, z] above 0, got ${r(h.box)}`), {
+		mark: a,
+		rows: o,
+		links: s,
+		fields: c,
+		channels: u,
 		tooltip: p,
 		link: m,
 		options: h
 	};
 }
-function be(e) {
-	let n = e;
-	if (n && typeof n == "object") {
-		for (let e of Object.keys(n)) e !== "type" && e !== "tooltip" && t("chart()", `mark option '${e}' isn't supported - use the chart's options (width, stack, ...) or style the chart's nodes`);
-		n = n.type;
+function Ce(e) {
+	let t = e;
+	if (t && typeof t == "object") {
+		for (let e of Object.keys(t)) e !== "type" && e !== "tooltip" && n("chart()", `mark option '${e}' isn't supported - use the chart's options (width, stack, ...) or style the chart's nodes`);
+		t = t.type;
 	}
-	if (typeof n != "string" && t("chart()", `'mark' is required: one of ${q.map((e) => `'${e}'`).join(", ")}`), !q.includes(n)) {
-		let e = _e[n];
-		(n === "pie" || n === "arc" || n === "donut") && t("chart()", "pie and donut charts aren't supported - in 3D they distort values; use mark: 'bar'"), t("chart()", `mark '${n}' - ${e ? `use '${e}'` : `expected one of ${q.map((e) => `'${e}'`).join(", ")}${d(n, q)}`}`);
+	if (typeof t != "string" && n("chart()", `'mark' is required: one of ${q.map((e) => `'${e}'`).join(", ")}`), !q.includes(t)) {
+		let e = be[t];
+		(t === "pie" || t === "arc" || t === "donut") && n("chart()", "pie and donut charts aren't supported - in 3D they distort values; use mark: 'bar'"), n("chart()", `mark '${t}' - ${e ? `use '${e}'` : `expected one of ${q.map((e) => `'${e}'`).join(", ")}${i(t, q)}`}`);
 	}
-	return n;
+	return t;
 }
-function xe(e, n) {
-	if (e && typeof e == "object" && !Array.isArray(e) && "url" in e && t("chart()", "data: { url } isn't loaded for you - fetch the rows and pass data: rows"), n === "network") return e && Array.isArray(e.nodes) && Array.isArray(e.links) || t("chart()", `a network's data is { nodes: [...], links: [...] }, got ${r(e)}`), {
+function we(e, t) {
+	if (e && typeof e == "object" && !Array.isArray(e) && "url" in e && n("chart()", "data: { url } isn't loaded for you - fetch the rows and pass data: rows"), t === "network") return e && Array.isArray(e.nodes) && Array.isArray(e.links) || n("chart()", `a network's data is { nodes: [...], links: [...] }, got ${r(e)}`), {
 		rows: e.nodes,
 		links: e.links
 	};
 	let i = Array.isArray(e) ? e : e && Array.isArray(e.values) ? e.values : null;
-	return i || t("chart()", `'data' must be an array of rows (objects), or { values: [...] }, got ${r(e)}`), i.some((e) => !e || typeof e != "object") && t("chart()", "every row in 'data' must be an object, such as { month: 'Jan', sales: 41 }"), {
+	return i || n("chart()", `'data' must be an array of rows (objects), or { values: [...] }, got ${r(e)}`), i.some((e) => !e || typeof e != "object") && n("chart()", "every row in 'data' must be an object, such as { month: 'Jan', sales: 41 }"), {
 		rows: i,
 		links: []
 	};
 }
-function Se(e) {
+function Te(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e.slice(0, 50)) for (let e of Object.keys(n)) t.add(e);
 	return [...t];
 }
-function Ce(e, t) {
+function Ee(e, t) {
 	let n = e.find((e) => e[t] !== null && e[t] !== void 0)?.[t];
 	return typeof n == "number" ? "quantitative" : n instanceof Date || typeof n == "string" && /^\d{4}-\d{2}(-\d{2})?([T ][\d:.]+Z?)?$/.test(n) ? "temporal" : "nominal";
 }
-function X(e, n, i, a) {
-	let o = "chart()", s;
-	if (typeof n == "string") a.includes(n) ? s = { field: n } : /color|colour/.test(e) && Te(n) ? s = { value: n } : t(o, `${e}: field '${n}' isn't in the data - fields are ${a.join(", ") || "(none)"}${d(n, a)}`);
-	else if (typeof n == "number" && [
+function X(e, t, a, o) {
+	let s = "chart()", c;
+	if (typeof t == "string") o.includes(t) ? c = { field: t } : /color|colour/.test(e) && Oe(t) ? c = { value: t } : n(s, `${e}: field '${t}' isn't in the data - fields are ${o.join(", ") || "(none)"}${i(t, o)}`);
+	else if (typeof t == "number" && [
 		"size",
 		"opacity",
 		"link.width",
 		"link.opacity",
 		"link.flow"
-	].includes(e)) s = { value: n };
-	else if (n && typeof n == "object" && !Array.isArray(n)) {
-		s = n;
-		for (let n of Object.keys(s)) he.includes(n) || t(o, `${e}: '${n}' - ${ve[n] ?? `unknown; a channel takes ${he.join(", ")}`}`);
-		s.field !== void 0 && !a.includes(s.field) && t(o, `${e}: field '${s.field}' isn't in the data - fields are ${a.join(", ") || "(none)"}${d(String(s.field), a)}`), s.field === void 0 && s.value === void 0 && t(o, `${e} needs a field (or a constant value)`);
-	} else return e === "size" && Array.isArray(n) && t(o, "'size' is a channel - the chart's size in the scene is 'box: [x, y, z]'"), t(o, `${e} must be a field name or { field, ... }, got ${r(n)}`);
-	s.axis?.ticks !== void 0 && we(`${e}: axis`, s.axis.ticks);
-	let c = s.field ?? null, l = s.type ?? (c ? Ce(i, c) : "nominal");
+	].includes(e)) c = { value: t };
+	else if (t && typeof t == "object" && !Array.isArray(t)) {
+		c = t;
+		for (let t of Object.keys(c)) ve.includes(t) || n(s, `${e}: '${t}' - ${xe[t] ?? `unknown; a channel takes ${ve.join(", ")}`}`);
+		c.field !== void 0 && !o.includes(c.field) && n(s, `${e}: field '${c.field}' isn't in the data - fields are ${o.join(", ") || "(none)"}${i(String(c.field), o)}`), c.field === void 0 && c.value === void 0 && n(s, `${e} needs a field (or a constant value)`);
+	} else return e === "size" && Array.isArray(t) && n(s, "'size' is a channel - the chart's size in the scene is 'box: [x, y, z]'"), n(s, `${e} must be a field name or { field, ... }, got ${r(t)}`);
+	c.axis?.ticks !== void 0 && De(`${e}: axis`, c.axis.ticks);
+	let l = c.field ?? null, u = c.type ?? (l ? Ee(a, l) : "nominal");
 	[
 		"quantitative",
 		"nominal",
 		"ordinal",
 		"temporal"
-	].includes(l) || t(o, `${e}: type '${l}' - expected 'quantitative', 'nominal', 'ordinal' or 'temporal'${d(String(l), [
+	].includes(u) || n(s, `${e}: type '${u}' - expected 'quantitative', 'nominal', 'ordinal' or 'temporal'${i(String(u), [
 		"quantitative",
 		"nominal",
 		"ordinal",
 		"temporal"
 	])}`);
-	let u = c === null ? () => s.value : l === "temporal" ? (e) => I(e[c]) : (e) => e[c];
+	let d = l === null ? () => c.value : u === "temporal" ? (e) => L(e[l]) : (e) => e[l];
 	return {
-		field: c,
-		value: s.value,
-		type: l,
-		title: s.title ?? c ?? e,
-		format: s.format,
-		scale: s.scale ?? {},
-		axis: s.axis ?? {},
-		get: u,
-		priority: s.priority
+		field: l,
+		value: c.value,
+		type: u,
+		title: c.title ?? l ?? e,
+		format: c.format,
+		scale: c.scale ?? {},
+		axis: c.axis ?? {},
+		get: d,
+		priority: c.priority
 	};
 }
-function we(e, n) {
-	Array.isArray(n) || Number.isInteger(n) && n > 0 || t("chart()", `${e} ticks are a list of the values to mark, such as [0, 25, 50, 75, 100], or about how many, got ${r(n)}`);
+function De(e, t) {
+	Array.isArray(t) || Number.isInteger(t) && t > 0 || n("chart()", `${e} ticks are a list of the values to mark, such as [0, 25, 50, 75, 100], or about how many, got ${r(t)}`);
 }
-function Te(e) {
+function Oe(e) {
 	try {
-		return c.fromInput(e), !0;
+		return a.fromInput(e), !0;
 	} catch {
 		return !1;
 	}
 }
-function Ee(e, t, n, r) {
+function ke(e, t, n, r) {
 	if (e === !1 || e === null) return null;
 	if (typeof e == "function") return e;
 	if (e === void 0 || e === !0) {
@@ -1463,25 +1480,25 @@ function Ee(e, t, n, r) {
 	return i.map((e) => a(e) || X("tooltip", e, n, r));
 }
 // src/charts/style.js
-var De = "\n/* ticks are bare text: the padding is breathing room, so the overlap the label layout allows never runs them together */\n:where(.phoria-axis-tick) { padding: 0 4px; color: #8b909c; font: 11px/1.2 system-ui, sans-serif; font-variant-numeric: tabular-nums; }\n:where(.phoria-axis-title) { color: #c8ccd4; font: 600 12px/1.2 system-ui, sans-serif; }\n:where(.phoria-value) { padding: 1px 5px; border-radius: 4px; background: rgba(16, 16, 20, 0.72); color: #eee;\n  font: 11px/1.3 system-ui, sans-serif; font-variant-numeric: tabular-nums; }\n:where(.phoria-light.phoria-axis-tick) { color: #5d6370; }\n:where(.phoria-light.phoria-axis-title) { color: #2b2f37; }\n:where(.phoria-light.phoria-value) { background: rgba(255, 255, 255, 0.85); color: #222; }\n:where(.phoria-legend) { position: absolute; display: flex; flex-direction: column; gap: 3px; padding: 8px 10px;\n  border-radius: 8px; background: rgba(20, 20, 24, 0.78); color: #e6e6e6; font: 12px/1.3 system-ui, sans-serif;\n  pointer-events: auto; max-height: calc(100% - 24px); overflow: auto; }\n:where(.phoria-light.phoria-legend) { background: rgba(255, 255, 255, 0.88); color: #222; }\n:where(.phoria-legend-top-right) { top: 12px; right: 12px; }\n:where(.phoria-legend-top-left) { top: 12px; left: 12px; }\n:where(.phoria-legend-bottom-right) { bottom: 12px; right: 12px; }\n:where(.phoria-legend-bottom-left) { bottom: 12px; left: 12px; }\n:where(.phoria-legend-title) { opacity: 0.7; font-size: 11px; margin-bottom: 2px; }\n:where(.phoria-legend-item) { display: flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none;\n  color: inherit; font: inherit; text-align: left; cursor: pointer; }\n:where(.phoria-legend-item.off) { opacity: 0.35; }\n:where(.phoria-legend-swatch) { width: 10px; height: 10px; border-radius: 2px; flex: none; }\n/* a number key is up to 140px tall and gives way in a short view, so the legend never scrolls; its\n   values share one grid cell, so the widest sets the key's width, each raised to its place */\n:where(.phoria-legend-key) { display: flex; gap: 6px; margin: 6px 0; flex: 0 1 140px; min-height: 48px; }\n:where(.phoria-legend-ramp) { width: 10px; border-radius: 2px; flex: none; }\n:where(.phoria-legend-scale) { display: grid; font-size: 11px; font-variant-numeric: tabular-nums; }\n:where(.phoria-legend-scale > span) { grid-area: 1 / 1; align-self: end; position: relative; transform: translateY(50%);\n  white-space: nowrap; opacity: 0.8; }\n";
-function Oe() {
+var Ae = "\n/* ticks are bare text: the padding is breathing room, so the overlap the label layout allows never runs them together */\n:where(.phoria-axis-tick) { padding: 0 4px; color: #8b909c; font: 11px/1.2 system-ui, sans-serif; font-variant-numeric: tabular-nums; }\n:where(.phoria-axis-title) { color: #c8ccd4; font: 600 12px/1.2 system-ui, sans-serif; }\n:where(.phoria-value) { padding: 1px 5px; border-radius: 4px; background: rgba(16, 16, 20, 0.72); color: #eee;\n  font: 11px/1.3 system-ui, sans-serif; font-variant-numeric: tabular-nums; }\n:where(.phoria-light.phoria-axis-tick) { color: #5d6370; }\n:where(.phoria-light.phoria-axis-title) { color: #2b2f37; }\n:where(.phoria-light.phoria-value) { background: rgba(255, 255, 255, 0.85); color: #222; }\n:where(.phoria-legend) { position: absolute; display: flex; flex-direction: column; gap: 3px; padding: 8px 10px;\n  border-radius: 8px; background: rgba(20, 20, 24, 0.78); color: #e6e6e6; font: 12px/1.3 system-ui, sans-serif;\n  pointer-events: auto; max-height: calc(100% - 24px); overflow: auto; }\n:where(.phoria-light.phoria-legend) { background: rgba(255, 255, 255, 0.88); color: #222; }\n:where(.phoria-legend-top-right) { top: 12px; right: 12px; }\n:where(.phoria-legend-top-left) { top: 12px; left: 12px; }\n:where(.phoria-legend-bottom-right) { bottom: 12px; right: 12px; }\n:where(.phoria-legend-bottom-left) { bottom: 12px; left: 12px; }\n:where(.phoria-legend-title) { opacity: 0.7; font-size: 11px; margin-bottom: 2px; }\n:where(.phoria-legend-item) { display: flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none;\n  color: inherit; font: inherit; text-align: left; cursor: pointer; }\n:where(.phoria-legend-item.off) { opacity: 0.35; }\n:where(.phoria-legend-swatch) { width: 10px; height: 10px; border-radius: 2px; flex: none; }\n/* a number key is up to 140px tall and gives way in a short view, so the legend never scrolls; its\n   values share one grid cell, so the widest sets the key's width, each raised to its place */\n:where(.phoria-legend-key) { display: flex; gap: 6px; margin: 6px 0; flex: 0 1 140px; min-height: 48px; }\n:where(.phoria-legend-ramp) { width: 10px; border-radius: 2px; flex: none; }\n:where(.phoria-legend-scale) { display: grid; font-size: 11px; font-variant-numeric: tabular-nums; }\n:where(.phoria-legend-scale > span) { grid-area: 1 / 1; align-self: end; position: relative; transform: translateY(50%);\n  white-space: nowrap; opacity: 0.8; }\n";
+function je() {
 	if (typeof document > "u" || document.getElementById("phoria-chart-style")) return;
 	let e = document.createElement("style");
-	e.id = "phoria-chart-style", e.textContent = De, document.head.prepend(e);
+	e.id = "phoria-chart-style", e.textContent = Ae, document.head.prepend(e);
 }
 // src/charts/Chart.js
-var ke = g.filter((e) => ![
+var Me = c.filter((e) => ![
 	"children",
 	"tooltip",
 	"highlight"
 ].includes(e));
-function Ae(e) {
+function Ne(e) {
 	return new Z(e);
 }
-var Z = class e extends h {
+var Z = class e extends _ {
 	static type = "chart";
 	static get OPTIONS() {
-		return g;
+		return c;
 	}
 	scales = {};
 	#e;
@@ -1497,10 +1514,10 @@ var Z = class e extends h {
 	#u = null;
 	#d = null;
 	constructor(e) {
-		(!e || typeof e != "object" || Array.isArray(e)) && t("chart()", `expected a spec such as { mark: 'bar', data, x, y }, got ${r(e)}`);
-		let n = {}, i = {};
-		for (let [t, r] of Object.entries(e)) (ke.includes(t) ? n : i)[t] = r;
-		e.children && t("chart()", "a chart makes its own children - add other nodes to a Group beside it"), super(n), Oe(), this.#e = i, this.#i = {}, this.#f(!0), this.onUpdate((e, t) => this.#_(t));
+		(!e || typeof e != "object" || Array.isArray(e)) && n("chart()", `expected a spec such as { mark: 'bar', data, x, y }, got ${r(e)}`);
+		let t = {}, i = {};
+		for (let [n, r] of Object.entries(e)) (Me.includes(n) ? t : i)[n] = r;
+		e.children && n("chart()", "a chart makes its own children - add other nodes to a Group beside it"), super(t), je(), this.#e = i, this.#i = {}, this.#f(!0), this.onUpdate((e, t) => this.#_(t));
 	}
 	get spec() {
 		let e = this.#t;
@@ -1527,7 +1544,7 @@ var Z = class e extends h {
 		}, this.#f(!0), this;
 	}
 	filter(e) {
-		return e !== null && typeof e != "function" && t("Chart", `filter() takes (row) => boolean, or null, got ${r(e)}`), this.#c = e, this.#f(!0), this;
+		return e !== null && typeof e != "function" && n("Chart", `filter() takes (row) => boolean, or null, got ${r(e)}`), this.#c = e, this.#f(!0), this;
 	}
 	explain() {
 		let e = this.#t, t = [
@@ -1579,56 +1596,56 @@ var Z = class e extends h {
 		return m.userData = structuredClone(this.userData), m.matrixAutoUpdate = this.matrixAutoUpdate, m.matrixAutoUpdate || m.matrix.copy(this.matrix), m;
 	}
 	#f(e) {
-		let n = ye(this.#e), r = n.options, a = n.channels;
-		this.#t = n;
-		let o = r.box ?? Ne(n), s = r.theme ?? "dark";
-		s !== "dark" && s !== "light" && t("chart()", `theme '${s}' - expected 'dark' or 'light'`);
-		let l = r.overlap ?? "dim";
+		let t = Se(this.#e), r = t.options, i = t.channels;
+		this.#t = t;
+		let o = r.box ?? Ie(t), s = r.theme ?? "dark";
+		s !== "dark" && s !== "light" && n("chart()", `theme '${s}' - expected 'dark' or 'light'`);
+		let c = r.overlap ?? "dim";
 		[
 			"dim",
 			"hide",
 			"show"
-		].includes(l) || t("chart()", `overlap '${l}' - expected 'dim', 'hide' or 'show'`);
-		let u = n.rows.filter((e) => (!this.#c || this.#c(e)) && (!a.color?.field || !this.#s.has(String(a.color.get(e)))));
-		this.scales = Le(n, o);
-		let d = this.scales.color, f = c.fromInput(a.color?.field ? L.category[0] : a.color?.value ?? L.category[0], "chart()").toSRGB(), p = n.link.color?.field ? Fe(n.link.color, n.links.map((e) => n.link.color.get(e))) : null;
+		].includes(c) || n("chart()", `overlap '${c}' - expected 'dim', 'hide' or 'show'`);
+		let l = t.rows.filter((e) => (!this.#c || this.#c(e)) && (!i.color?.field || !this.#s.has(String(i.color.get(e)))));
+		this.scales = Be(t, o);
+		let u = this.scales.color, d = a.fromInput(i.color?.field ? R.category[0] : i.color?.value ?? R.category[0], "chart()").toSRGB(), f = t.link.color?.field ? Re(t.link.color, t.links.map((e) => t.link.color.get(e))) : null;
 		Object.assign(this.#i, {
-			spec: n,
+			spec: t,
 			box: o,
 			theme: s,
-			overlap: l,
+			overlap: c,
 			scales: this.scales,
 			size: this.scales.size ?? null,
-			rgb: (e) => d ? d(Ie(n, e)).toSRGB() : f,
+			rgb: (e) => u ? u(ze(t, e)).toSRGB() : d,
 			format: $,
-			linkColor: (e) => p(e)
+			linkColor: (e) => f(e)
 		});
-		let m = JSON.stringify([
-			n.mark,
-			Object.entries(a).map(([e, t]) => [
+		let p = JSON.stringify([
+			t.mark,
+			Object.entries(i).map(([e, t]) => [
 				e,
 				t.field,
 				t.type
 			]),
 			o,
 			s,
-			l,
+			c,
 			r.stack,
 			r.layout,
 			r.flat,
-			Object.keys(n.link)
+			Object.keys(t.link)
 		]);
-		if (m !== this.#r) {
-			this.#r = m, this.#n && this.remove(...this.#n.nodes), this.#n = Me(n.mark, this.#i);
+		if (p !== this.#r) {
+			this.#r = p, this.#n && this.remove(...this.#n.nodes), this.#n = Fe(t.mark, this.#i);
 			for (let e of this.#n.nodes) this.add(e);
 			this.#l = this.#u = null, this.#d = null;
 		}
-		this.#a && this.remove(this.#a), this.#a = n.mark === "network" && r.layout !== "given" ? null : this.add(S({
+		this.#a && this.remove(this.#a), this.#a = t.mark === "network" && r.layout !== "given" ? null : this.add(C({
 			box: o,
 			theme: s,
-			overlap: l,
-			axes: ze(n, this.scales)
-		})), this.#o && this.remove(this.#o), this.#o = r.title ? this.add(new i({
+			overlap: c,
+			axes: He(t, this.scales)
+		})), this.#o && this.remove(this.#o), this.#o = r.title ? this.add(new m({
 			text: String(r.title),
 			position: [
 				0,
@@ -1637,17 +1654,17 @@ var Z = class e extends h {
 			],
 			className: `phoria-axis-title phoria-${s}`,
 			overlap: "show"
-		})) : null, this.#p(n, s), this.tooltip = n.tooltip === null && !n.link.tooltip ? null : (e) => this.#m(e);
+		})) : null, this.#p(t, s), this.tooltip = t.tooltip === null && !t.link.tooltip ? null : (e) => this.#m(e);
 		let h = r.highlight;
-		this.highlight = h === !1 ? null : c.fromInput(h === void 0 || h === "neighbours" || h === "node" ? "#ffffff" : h, "chart()"), this.#h(this.#n.layout(u), e && r.transition !== !1);
+		this.highlight = h === !1 ? null : a.fromInput(h === void 0 || h === "neighbours" || h === "node" ? "#ffffff" : h, "chart()"), this.#h(this.#n.layout(l), e && r.transition !== !1);
 	}
-	#p(e, n) {
+	#p(e, t) {
 		this.overlay?.remove(), this.overlay = null;
 		let i = e.channels.color, a = e.options.legend;
 		if (!i?.field || a === !1 || !this.scales.color || typeof document > "u") return;
 		let o = ie(this.scales.color, {
 			title: i.title,
-			theme: n,
+			theme: t,
 			position: a?.position,
 			ticks: a?.ticks,
 			format: (e) => $(i, e),
@@ -1661,7 +1678,7 @@ var Z = class e extends h {
 		let s = a?.container;
 		if (s) {
 			let e = typeof s == "string" ? document.querySelector(s) : s;
-			e || t("chart()", `legend container ${r(s)} not found`), o.classList.remove(`phoria-legend-${a?.position ?? "top-right"}`), Object.assign(o.style, {
+			e || n("chart()", `legend container ${r(s)} not found`), o.classList.remove(`phoria-legend-${a?.position ?? "top-right"}`), Object.assign(o.style, {
 				position: "static",
 				flexDirection: "row",
 				flexWrap: "wrap",
@@ -1712,7 +1729,7 @@ var Z = class e extends h {
 				keys: [...e.keys, ...d.map((e) => r.keys[e])],
 				state: s
 			};
-		} else if (r && i && i.length === e.state.length && r.stride === a && je(r.shape, e.shape)) o = i.slice(), s = e.state;
+		} else if (r && i && i.length === e.state.length && r.stride === a && Pe(r.shape, e.shape)) o = i.slice(), s = e.state;
 		else return this.#g(e.state, e, e);
 		this.#d = {
 			from: o,
@@ -1726,20 +1743,20 @@ var Z = class e extends h {
 		this.#n.apply(e, t), this.#l = e.slice(), this.#u = n;
 	}
 	#_(e) {
-		let n = this.root.motionReduced === !0;
-		n || this.#n?.tick?.(e);
+		let t = this.root.motionReduced === !0;
+		t || this.#n?.tick?.(e);
 		let r = this.#d;
 		if (!r) return;
 		let i = this.#e.transition ?? {}, a = i.duration ?? .5, s = o[i.ease ?? "out"];
-		s || t("chart()", `transition ease '${i.ease}' - expected ${Object.keys(o).map((e) => `'${e}'`).join(", ")}`), r.t = n ? 1 : Math.min(1, r.t + e / a);
+		s || n("chart()", `transition ease '${i.ease}' - expected ${Object.keys(o).map((e) => `'${e}'`).join(", ")}`), r.t = t ? 1 : Math.min(1, r.t + e / a);
 		let c = s(r.t), l = new Float32Array(r.from.length);
 		for (let e = 0; e < l.length; e++) l[e] = r.from[e] + (r.to[e] - r.from[e]) * c;
 		if (r.t < 1) return this.#g(l, r.frame, r.frame);
 		this.#d = null, this.#g(r.final.state, r.final, r.final);
 	}
 };
-m(Z);
-function je(e, t) {
+p(Z);
+function Pe(e, t) {
 	let n = (e) => JSON.stringify(e ? {
 		lengths: e.lengths,
 		nx: e.nx,
@@ -1747,10 +1764,10 @@ function je(e, t) {
 	} : null);
 	return n(e) === n(t);
 }
-function Me(e, t) {
-	return e === "bar" ? oe(t) : e === "point" ? se(t) : e === "line" || e === "area" ? ce(t, e === "area") : e === "surface" ? le(t) : fe(t);
+function Fe(e, t) {
+	return e === "bar" ? oe(t) : e === "point" ? le(t) : e === "line" || e === "area" ? de(t, e === "area") : e === "surface" ? fe(t) : he(t);
 }
-function Ne(e) {
+function Ie(e) {
 	let t = !!e.channels.z;
 	return e.mark === "surface" ? [
 		10,
@@ -1782,29 +1799,29 @@ function Q(e) {
 	}
 	return t === Infinity ? [0, 1] : [t, n];
 }
-function Pe(e) {
+function Le(e) {
 	return {
 		scheme: e.scale.scheme,
 		range: e.scale.range
 	};
 }
-function Fe(e, t, n) {
-	return e.type === "quantitative" ? R({
+function Re(e, t, n) {
+	return e.type === "quantitative" ? z({
 		kind: "sequential",
 		domain: e.scale.domain ?? Q(t),
-		...Pe(e),
+		...Le(e),
 		scheme: e.scale.scheme ?? n
-	}) : R({
+	}) : z({
 		kind: "categorical",
-		domain: e.scale.domain ?? z(t),
-		...Pe(e)
+		domain: e.scale.domain ?? B(t),
+		...Le(e)
 	});
 }
-function Ie(e, t) {
+function ze(e, t) {
 	let n = e.channels.color;
 	return n?.field ? n.get(t) : e.channels.y.get(t);
 }
-function Le(e, t) {
+function Be(e, t) {
 	let [n, r, i] = t, a = e.channels, o = e.rows, s = {}, c = {
 		x: [-n / 2, n / 2],
 		y: [0, r],
@@ -1822,22 +1839,22 @@ function Le(e, t) {
 			format: (n.axis && n.axis.format) ?? n.format
 		};
 		if (n.type === "nominal" || n.type === "ordinal" || e.mark === "bar" && t !== "y") s[t] = re({
-			domain: n.scale.domain ?? z(i),
+			domain: n.scale.domain ?? B(i),
 			padding: .2,
 			...l
 		});
 		else if (n.type === "temporal") {
-			let [e, r] = Q(i.map((e) => I(e).getTime()));
+			let [e, r] = Q(i.map((e) => L(e).getTime()));
 			s[t] = ne({
 				domain: n.scale.domain ?? [e, r],
 				...l
 			});
 		} else {
 			let r = n.scale.domain ?? Q(i);
-			t === "y" && e.options.stack && (r = Q([0, ...Re(e)])), s[t] = n.scale.type === "log" ? A({
+			t === "y" && e.options.stack && (r = Q([0, ...Ve(e)])), s[t] = n.scale.type === "log" ? j({
 				domain: r,
 				...l
-			}) : k({
+			}) : A({
 				domain: r,
 				nice: n.scale.nice ?? !0,
 				zero: n.scale.zero ?? (t === "y" && ["bar", "area"].includes(e.mark)),
@@ -1848,27 +1865,27 @@ function Le(e, t) {
 	let l = a.color;
 	if (l?.field || e.mark === "surface") {
 		let t = l?.field ? l : a.y, n = e.options.legend?.ticks;
-		s.color = Fe(t, [...o.map((e) => t.get(e)), ...t.type === "quantitative" && Array.isArray(n) ? n : []], e.mark === "surface" && !l?.field ? "viridis" : void 0);
+		s.color = Re(t, [...o.map((e) => t.get(e)), ...t.type === "quantitative" && Array.isArray(n) ? n : []], e.mark === "surface" && !l?.field ? "viridis" : void 0);
 	}
 	let u = a.size;
 	if (u?.field) {
 		let n = Math.min(...t) / 40, r = e.mark === "network" ? [n * .6, n * 1.8] : [n * .5, n * 2];
-		s.size = k({
+		s.size = A({
 			domain: Q(o.map((e) => u.get(e))),
 			range: u.scale.range ?? r
 		});
 	}
 	return s;
 }
-function Re(e) {
+function Ve(e) {
 	let t = e.channels, n = /* @__PURE__ */ new Map();
 	for (let r of e.rows) {
-		let e = Number(t.y.get(r)) || 0, i = B(t, r, e);
+		let e = Number(t.y.get(r)) || 0, i = V(t, r, e);
 		n.set(i, (n.get(i) ?? 0) + e);
 	}
 	return [...n.values()];
 }
-function ze(e, t) {
+function He(e, t) {
 	let n = {};
 	for (let r of [
 		"x",
@@ -1884,10 +1901,10 @@ function ze(e, t) {
 	}
 	return n;
 }
-var Be = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), Ve = new Intl.NumberFormat(void 0, {
+var Ue = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), We = new Intl.NumberFormat(void 0, {
 	notation: "compact",
 	maximumFractionDigits: 1
-}), He = new Intl.DateTimeFormat(void 0, {
+}), Ge = new Intl.DateTimeFormat(void 0, {
 	year: "numeric",
 	month: "short",
 	day: "numeric"
@@ -1895,8 +1912,8 @@ var Be = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), Ve = new I
 function $(e, t) {
 	if (t == null) return "";
 	let n = e.format;
-	return typeof n == "function" ? String(n(t)) : t instanceof Date ? n ? new Intl.DateTimeFormat(void 0, n).format(t) : He.format(t) : typeof t == "number" ? n ? new Intl.NumberFormat(void 0, n).format(t) : (Math.abs(t) >= 1e4 ? Ve : Be).format(t) : String(t);
+	return typeof n == "function" ? String(n(t)) : t instanceof Date ? n ? new Intl.DateTimeFormat(void 0, n).format(t) : Ge.format(t) : typeof t == "number" ? n ? new Intl.NumberFormat(void 0, n).format(t) : (Math.abs(t) >= 1e4 ? We : Ue).format(t) : String(t);
 }
-export { Z as Chart, L as SCHEMES, Ae as chart, $ as formatValue, re as scaleBand, R as scaleColor, k as scaleLinear, A as scaleLog, ne as scaleTime, T as tickStep };
+export { Z as Chart, R as SCHEMES, Ne as chart, $ as formatValue, re as scaleBand, z as scaleColor, A as scaleLinear, j as scaleLog, ne as scaleTime, E as tickStep };
 
 //# sourceMappingURL=charts.js.map