phoria2 1.0.0-rc.7 → 1.0.0

package/dist/charts.js

@@ -1,4 +1,4 @@
-import { Ct as e, D as t, E as n, Ft as r, Ht as i, It as a, O as o, Pt as s, T as c, V as l, et as u, jt as d, n as f, ot as p, p as m, st as h, v as g, w as _ } from "./core.js";
+import { C as e, Dt as t, L as n, Ot as r, Pt as i, S as a, X as o, b as s, gt as c, kt as l, l as u, m as d, n as f, nt as p, rt as m, w as h, wt as g, x as _ } from "./core.js";
 // src/charts/axes.js
 var v = .97, y = .08, b = /* @__PURE__ */ new Float32Array(16);
 function x(e, t, n) {
@@ -12,152 +12,152 @@ function x(e, t, n) {
 	];
 }
 function S({ box: e, axes: t, theme: r, overlap: i }) {
-	let [a, o, s] = e, u = new p({
+	let [o, s, c] = e, l = new p({
 		name: "axes",
 		pickable: !1
-	}), d = (e) => x(u, e, o / 2), f = r === "light" ? "#c3c8d2" : "#3a3d47", m = (e) => {
+	}), u = (e) => x(l, e, s / 2), d = r === "light" ? "#c3c8d2" : "#3a3d47", f = (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);
-	}, h = (e) => e && e.scale.kind !== "band" && e.channel?.axis !== !1 ? m(e) : [], g = h(t.x), _ = h(t.y), b = h(t.z), S = (e, r) => {
-		let i = [], c = (e, t) => i.push(...e, ...t), p = (e) => r < 0 ? -e / 2 : e / 2;
+	}, m = (e) => e && e.scale.kind !== "band" && e.channel?.axis !== !1 ? f(e) : [], h = m(t.x), g = m(t.y), b = m(t.z), S = (e, r) => {
+		let i = [], f = (e, t) => i.push(...e, ...t), p = (e) => r < 0 ? -e / 2 : e / 2;
 		if (e === "y") {
-			let e = r < 0 ? 0 : o;
-			for (let n of g) {
+			let e = r < 0 ? 0 : s;
+			for (let n of h) {
 				let r = t.x.scale(n);
-				c([
+				f([
 					r,
 					e,
-					-s / 2
+					-c / 2
 				], [
 					r,
 					e,
-					s / 2
+					c / 2
 				]);
 			}
 			for (let n of b) {
 				let r = t.z.scale(n);
-				c([
-					-a / 2,
+				f([
+					-o / 2,
 					e,
 					r
 				], [
-					a / 2,
+					o / 2,
 					e,
 					r
 				]);
 			}
-			C(c, [
-				-a / 2,
+			C(f, [
+				-o / 2,
 				e,
-				-s / 2
+				-c / 2
 			], [
-				a / 2,
+				o / 2,
 				e,
-				-s / 2
+				-c / 2
 			], [
-				a / 2,
+				o / 2,
 				e,
-				s / 2
+				c / 2
 			], [
-				-a / 2,
+				-o / 2,
 				e,
-				s / 2
+				c / 2
 			]);
 		} else if (e === "x") {
-			let e = p(a);
-			for (let n of _) {
+			let e = p(o);
+			for (let n of g) {
 				let r = t.y.scale(n);
-				c([
+				f([
 					e,
 					r,
-					-s / 2
+					-c / 2
 				], [
 					e,
 					r,
-					s / 2
+					c / 2
 				]);
 			}
 			for (let n of b) {
 				let r = t.z.scale(n);
-				c([
+				f([
 					e,
 					0,
 					r
 				], [
 					e,
-					o,
+					s,
 					r
 				]);
 			}
-			C(c, [
+			C(f, [
 				e,
 				0,
-				-s / 2
+				-c / 2
 			], [
 				e,
-				o,
-				-s / 2
+				s,
+				-c / 2
 			], [
 				e,
-				o,
-				s / 2
+				s,
+				c / 2
 			], [
 				e,
 				0,
-				s / 2
+				c / 2
 			]);
 		} else {
-			let e = p(s);
-			for (let n of _) {
+			let e = p(c);
+			for (let n of g) {
 				let r = t.y.scale(n);
-				c([
-					-a / 2,
+				f([
+					-o / 2,
 					r,
 					e
 				], [
-					a / 2,
+					o / 2,
 					r,
 					e
 				]);
 			}
-			for (let n of g) {
+			for (let n of h) {
 				let r = t.x.scale(n);
-				c([
+				f([
 					r,
 					0,
 					e
 				], [
 					r,
-					o,
+					s,
 					e
 				]);
 			}
-			C(c, [
-				-a / 2,
+			C(f, [
+				-o / 2,
 				0,
 				e
 			], [
-				a / 2,
+				o / 2,
 				0,
 				e
 			], [
-				a / 2,
-				o,
+				o / 2,
+				s,
 				e
 			], [
-				-a / 2,
-				o,
+				-o / 2,
+				s,
 				e
 			]);
 		}
 		let m = "xyz".indexOf(e);
-		u.add(new n({
-			geometry: new l({ positions: i }),
-			material: { color: f },
+		l.add(new a({
+			geometry: new n({ positions: i }),
+			material: { color: d },
 			pickable: !1,
-			showFrom: (e) => -r * d(e)[m] > y
+			showFrom: (e) => -r * u(e)[m] > y
 		}));
 	};
 	for (let e of [
@@ -165,16 +165,16 @@ function S({ box: e, axes: t, theme: r, overlap: i }) {
 		"y",
 		"z"
 	]) for (let t of [-1, 1]) S(e, t);
-	let w = Math.max(a, o, s) * .04, T = (e) => `phoria-axis-${e} phoria-${r}`, E = (e, n, r) => {
+	let w = Math.max(o, s, c) * .04, T = (e) => `phoria-axis-${e} phoria-${r}`, E = (e, n, r) => {
 		let a = t[e];
 		if (!a || a.channel?.axis === !1) return;
-		let o = "xyz".indexOf(e), s = m(a);
+		let o = "xyz".indexOf(e), s = f(a);
 		for (let e of n) {
-			let t = u.add(new p({ showFrom: (t) => {
-				let n = d(t);
+			let t = l.add(new p({ showFrom: (t) => {
+				let n = u(t);
 				return Math.abs(n[o]) < v && e.when(n);
 			} }));
-			for (let n of s) t.add(new c({
+			for (let n of s) t.add(new _({
 				text: a.scale.format(n),
 				position: e.at(a.scale(n), w),
 				place: r,
@@ -182,7 +182,7 @@ function S({ box: e, axes: t, theme: r, overlap: i }) {
 				priority: 1,
 				overlap: i
 			}));
-			a.title && t.add(new c({
+			a.title && t.add(new _({
 				text: a.title,
 				position: e.title(w),
 				place: r,
@@ -192,43 +192,43 @@ function S({ box: e, axes: t, theme: r, overlap: i }) {
 			}));
 		}
 	}, D = (e) => e[1] >= -.08, O = (e) => e >= -.1 ? 1 : -1;
-	return E("x", [-1, 1].flatMap((e) => [0, o].map((t) => ({
+	return E("x", [-1, 1].flatMap((e) => [0, s].map((t) => ({
 		when: (n) => t === 0 === D(n) && O(n[2]) === e,
 		at: (n, r) => [
 			n,
 			t,
-			e * (s / 2 + r)
+			e * (c / 2 + r)
 		],
 		title: (n) => [
 			0,
 			t,
-			e * (s / 2 + n * 3.5)
+			e * (c / 2 + n * 3.5)
 		]
-	}))), "below"), E("z", [-1, 1].flatMap((e) => [0, o].map((t) => ({
+	}))), "below"), E("z", [-1, 1].flatMap((e) => [0, s].map((t) => ({
 		when: (n) => t === 0 === D(n) && O(n[0]) === e,
 		at: (n, r) => [
-			e * (a / 2 + r),
+			e * (o / 2 + r),
 			t,
 			n
 		],
 		title: (n) => [
-			e * (a / 2 + n * 4),
+			e * (o / 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 * (a / 2 + r),
+			e * (o / 2 + r),
 			n,
-			t * s / 2
+			t * c / 2
 		],
 		title: (n) => [
-			e * (a / 2 + n),
-			o + n * 2,
-			t * s / 2
+			e * (o / 2 + n),
+			s + n * 2,
+			t * c / 2
 		]
-	}))), "left"), u;
+	}))), "left"), l;
 }
 function C(e, t, n, r, i) {
 	e(t, n), e(n, r), e(r, i), e(i, t);
@@ -239,13 +239,13 @@ function T(e, t) {
 	let n = e / Math.max(1, t), r = 10 ** Math.floor(Math.log(n) / w), i = n / r;
 	return r * (i >= 7.07 ? 10 : i >= 3.16 ? 5 : i >= 1.41 ? 2 : 1);
 }
-function E(e, t, n = !1) {
+function E(e, n, r = !1) {
 	if (typeof e == "function") return e;
 	if (e && typeof e == "object") {
-		let t = n ? new Intl.DateTimeFormat(void 0, e) : new Intl.NumberFormat(void 0, e);
+		let t = r ? new Intl.DateTimeFormat(void 0, e) : new Intl.NumberFormat(void 0, e);
 		return (e) => t.format(e);
 	}
-	return e !== void 0 && a("charts", `'format' must be Intl format options or a function, got ${s(e)}`), t;
+	return e !== void 0 && l("charts", `'format' must be Intl format options or a function, got ${t(e)}`), n;
 }
 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, {
@@ -254,8 +254,8 @@ function D(e, t) {
 	}), a = Math.abs(t) >= 1e4 && e >= Math.abs(t) / 100;
 	return (e) => (a ? i : r).format(e);
 }
-function O(e, t) {
-	return Array.isArray(e) && e.length === 2 && e.every((e) => typeof e == "number" && Number.isFinite(e)) || a("charts", `'${t}' must be [min, max] numbers, got ${s(e)}`), [e[0], e[1]];
+function O(e, n) {
+	return Array.isArray(e) && e.length === 2 && e.every((e) => typeof e == "number" && Number.isFinite(e)) || l("charts", `'${n}' must be [min, max] numbers, got ${t(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");
@@ -275,12 +275,12 @@ function k({ domain: e, range: t = [0, 1], nice: n = !1, zero: r = !1, clamp: i
 }
 function A({ domain: e, range: t = [0, 1], format: n }) {
 	let [r, i] = O(e, "domain");
-	(r <= 0 || i <= 0) && a("charts", `a log scale needs a domain above 0, got [${r}, ${i}] - use a linear scale for zero or negative values`);
-	let o = k({
+	(r <= 0 || i <= 0) && l("charts", `a log scale needs a domain above 0, got [${r}, ${i}] - use a linear scale for zero or negative values`);
+	let a = k({
 		domain: [Math.log10(r), Math.log10(i)],
 		range: t
-	}), s = ((e) => o(Math.log10(e)));
-	return s.kind = "log", s.domain = [r, i], s.range = o.range, s.invert = (e) => 10 ** o.invert?.(e), s.ticks = () => {
+	}), o = ((e) => a(Math.log10(e)));
+	return o.kind = "log", o.domain = [r, i], o.range = a.range, o.invert = (e) => 10 ** a.invert?.(e), o.ticks = () => {
 		let e = [];
 		for (let t = Math.floor(Math.log10(r)); t <= Math.ceil(Math.log10(i)); t++) for (let n of [
 			1,
@@ -291,10 +291,10 @@ function A({ domain: e, range: t = [0, 1], format: n }) {
 			a >= r * .999 && a <= i * 1.001 && e.push(a);
 		}
 		return e;
-	}, s.format = E(n, (e) => new Intl.NumberFormat(void 0, {
+	}, o.format = E(n, (e) => new Intl.NumberFormat(void 0, {
 		notation: "compact",
 		maximumFractionDigits: 1
-	}).format(e)), s;
+	}).format(e)), o;
 }
 var j = 1e3, M = 60 * j, N = 60 * M, P = 24 * N, F = [
 	[j, "s"],
@@ -389,8 +389,8 @@ var j = 1e3, M = 60 * j, N = 60 * M, P = 24 * N, F = [
 	Y: { year: "numeric" }
 };
 function I(e) {
-	let t = e instanceof Date ? e : new Date(e);
-	return Number.isNaN(t.getTime()) && a("charts", `${s(e)} isn't a date - use Date objects, timestamps or ISO strings like '2026-10-25'`), t;
+	let n = e instanceof Date ? e : new Date(e);
+	return Number.isNaN(n.getTime()) && l("charts", `${t(e)} isn't a date - use Date objects, timestamps or ISO strings like '2026-10-25'`), n;
 }
 function ne({ domain: e, range: t = [0, 1], format: n }) {
 	let r = I(e[0]).getTime(), i = I(e[1]).getTime(), a = k({
@@ -419,13 +419,13 @@ function ne({ domain: e, range: t = [0, 1], format: n }) {
 	let l = new Intl.DateTimeFormat(void 0, te[s(6)[1]]);
 	return c.format = E(n, (e) => l.format(I(e)), !0), c;
 }
-function re({ domain: e, range: t = [0, 1], padding: n = .2, format: r }) {
-	Array.isArray(e) || a("charts", `a band scale's domain is a list of categories, got ${s(e)}`);
-	let [i, o] = O(t, "range"), c = new Map(e.map((e, t) => [String(e), t])), l = (o - i) / Math.max(1, e.length), u = ((e) => {
-		let t = c.get(String(e));
-		return t === void 0 ? NaN : i + l * (t + .5);
+function re({ domain: e, range: n = [0, 1], padding: r = .2, format: i }) {
+	Array.isArray(e) || l("charts", `a band scale's domain is a list of categories, got ${t(e)}`);
+	let [a, o] = O(n, "range"), s = new Map(e.map((e, t) => [String(e), t])), c = (o - a) / Math.max(1, e.length), u = ((e) => {
+		let t = s.get(String(e));
+		return t === void 0 ? NaN : a + c * (t + .5);
 	});
-	return u.kind = "band", u.domain = e, u.range = [i, o], u.step = l, u.bandwidth = Math.abs(l) * (1 - n), u.ticks = () => e, u.format = E(r, (e) => String(e)), u;
+	return u.kind = "band", u.domain = e, u.range = [a, o], u.step = c, u.bandwidth = Math.abs(c) * (1 - r), u.ticks = () => e, u.format = E(i, (e) => String(e)), u;
 }
 var L = {
 	category: [
@@ -476,31 +476,31 @@ var L = {
 		"#2166ac"
 	]
 };
-function R({ domain: t, scheme: n, range: r, kind: i }) {
-	n !== void 0 && !(n in L) && a("charts", `colour scheme '${n}' isn't one we have - use ${Object.keys(L).map((e) => `'${e}'`).join(", ")}, or a range of colours`);
-	let o = i ? i === "sequential" : t.length === 2 && t.every((e) => typeof e == "number");
-	o && (t.length < 2 || t.some((e) => typeof e != "number")) && a("charts", `a sequential colour scale needs two or more numbers in its domain, got ${s(t)}`);
-	let c = (r ?? L[n ?? (o ? "viridis" : "category")]).map((t) => e.fromInput(t, "charts")), l;
-	if (o) {
-		let e = (e) => {
-			let n = t.length - 1, r = 0;
-			for (; r < n - 1 && e > t[r + 1];) r++;
-			let i = (e - t[r]) / (t[r + 1] - t[r] || 1);
+function R({ domain: e, scheme: n, range: r, kind: i }) {
+	n !== void 0 && !(n in L) && l("charts", `colour scheme '${n}' isn't one we have - use ${Object.keys(L).map((e) => `'${e}'`).join(", ")}, or a range of colours`);
+	let a = i ? i === "sequential" : e.length === 2 && e.every((e) => typeof e == "number");
+	a && (e.length < 2 || e.some((e) => typeof e != "number")) && l("charts", `a sequential colour scale needs two or more numbers in its domain, got ${t(e)}`);
+	let o = (r ?? L[n ?? (a ? "viridis" : "category")]).map((e) => c.fromInput(e, "charts")), s;
+	if (a) {
+		let t = (t) => {
+			let n = e.length - 1, r = 0;
+			for (; r < n - 1 && t > e[r + 1];) r++;
+			let i = (t - e[r]) / (e[r + 1] - e[r] || 1);
 			return Math.min(1, Math.max(0, (r + i) / n));
 		};
-		l = ((t) => {
-			if (c.length < 2) return c[0].clone();
-			let n = e(t) * (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 = () => [];
+		s = ((e) => {
+			if (o.length < 2) return o[0].clone();
+			let n = t(e) * (o.length - 1), r = Math.min(o.length - 2, Math.floor(n));
+			return o[r].clone().lerp(o[r + 1], n - r);
+		}), s.kind = "sequential", s.colors = () => [];
 	} else {
-		let e = new Map(t.map((e, t) => [String(e), t]));
-		l = ((t) => c[(e.get(String(t)) ?? 0) % c.length].clone()), l.kind = "categorical", l.colors = () => t.map((e) => ({
+		let t = new Map(e.map((e, t) => [String(e), t]));
+		s = ((e) => o[(t.get(String(e)) ?? 0) % o.length].clone()), s.kind = "categorical", s.colors = () => e.map((e) => ({
 			value: e,
-			color: l(e)
+			color: s(e)
 		}));
 	}
-	return l.domain = t, l.range = c.map((e) => e.getStyle()), l;
+	return s.domain = e, s.range = o.map((e) => e.getStyle()), s;
 }
 function z(e) {
 	let t = [...new Map(e.map((e) => [e instanceof Date ? e.getTime() : e, e])).values()];
@@ -624,8 +624,8 @@ function oe(e) {
 	return n;
 }
 function U(e, t) {
-	let n = new _({
-		geometry: m(1),
+	let n = new s({
+		geometry: u(1),
 		material: { roughness: .55 },
 		count: e,
 		labels: V(t, "above")
@@ -640,15 +640,15 @@ function se(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 _({
-		geometry: g({
+	}, a = t ? new s({
+		geometry: d({
 			radius: 1,
 			detail: 1
 		}),
 		material: i,
 		count: 64,
 		labels: V(e, "above")
-	}) : new o({
+	}) : new h({
 		geometry: G(64),
 		material: {
 			size: e.spec.channels.size?.value ?? n * 1.4,
@@ -658,7 +658,7 @@ function se(e) {
 		labels: V(e, "above")
 	});
 	t && (a.count = 0);
-	let s = {
+	let o = {
 		nodes: [a],
 		layout(n) {
 			let { x: r, y: i, z: a } = e.scales, o = e.spec.channels, s = t ? 7 : 6, c = new Float32Array(n.length * s);
@@ -684,13 +684,13 @@ function se(e) {
 			let r = e.length / n.stride;
 			if (a.data = n.rows, t) {
 				if (r > a.instanceMatrices.length / 16) {
-					let e = new _({
+					let e = new s({
 						geometry: a.geometry,
 						material: a.material,
 						count: r * 2,
 						labels: a.labels
 					});
-					a.parent?.add(e), a.parent?.remove(a), s.nodes[0] = a = e;
+					a.parent?.add(e), a.parent?.remove(a), o.nodes[0] = a = e;
 				}
 				a.count = r;
 				for (let t = 0; t < r; t++) {
@@ -713,26 +713,26 @@ function se(e) {
 			}
 			let i = a.geometry;
 			r > i.vertexCount && (a.geometry = G(r * 2));
-			let o = a.geometry.positions, c = a.geometry.colors;
-			for (let t = 0; t < r; t++) o.set(e.subarray(t * 6, t * 6 + 3), t * 3), c.set(e.subarray(t * 6 + 3, t * 6 + 6), t * 3);
+			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);
 			a.geometry.drawCount = r, a.geometry.needsUpdate(), a.geometry !== i && i.dispose();
 		},
 		enter(e) {
 			t ? e[3] = 0 : e[1] = 0;
 		}
 	};
-	return s;
+	return o;
 }
 function G(e) {
-	let t = new l({
+	let t = new n({
 		positions: new Float32Array(e * 3),
 		colors: new Float32Array(e * 3)
 	});
 	return t.drawCount = 0, t;
 }
-function ce(e, r) {
-	let i = new n({
-		geometry: new l({ positions: [
+function ce(t, r) {
+	let i = new a({
+		geometry: new n({ positions: [
 			0,
 			0,
 			0,
@@ -745,16 +745,16 @@ function ce(e, r) {
 			vertexColors: !0
 		},
 		pickable: !1
-	}), a = new o({
+	}), o = new h({
 		geometry: G(8),
 		material: {
 			size: 7,
 			sizeAttenuation: !1,
 			vertexColors: !0
 		},
-		labels: V(e, "above")
-	}), s = r ? new t({
-		geometry: new l({ positions: [
+		labels: V(t, "above")
+	}), s = r ? new e({
+		geometry: new n({ positions: [
 			0,
 			0,
 			0,
@@ -777,19 +777,19 @@ function ce(e, r) {
 		nodes: s ? [
 			s,
 			i,
-			a
-		] : [i, a],
-		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);
+			o
+		] : [i, o],
+		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);
 			}
 			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 t of c) for (let o of t) {
-				let t = a.x.get(o), s = Number(a.y.get(o)) || 0, c = B(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),
+			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),
 					r(u + s),
 					H(i, a.z, o),
 					r(u)
@@ -802,23 +802,23 @@ function ce(e, r) {
 				stride: 4,
 				shape: {
 					lengths: c.map((e) => e.length),
-					colors: c.map((t) => e.rgb(t[0]))
+					colors: c.map((e) => t.rgb(e[0]))
 				}
 			};
 		},
 		apply(e, t) {
-			let { lengths: n, colors: r } = t.shape, o = [], c = [], l = [], u = [], d = [], f = [], p = [], m = 0;
+			let { lengths: n, colors: r } = t.shape, a = [], c = [], l = [], u = [], d = [], f = [], p = [], m = 0;
 			n.forEach((t, n) => {
 				let i = r[n];
 				for (let n = 0; n < t; n++, m++) {
-					let [t, r, a, h] = e.subarray(m * 4, m * 4 + 4);
-					if (l.push(t, r, a), u.push(...i), n > 0 && (o.push(...e.subarray((m - 1) * 4, (m - 1) * 4 + 3), t, r, a), c.push(...i, ...i)), s) {
+					let [t, r, o, h] = e.subarray(m * 4, m * 4 + 4);
+					if (l.push(t, r, o), u.push(...i), n > 0 && (a.push(...e.subarray((m - 1) * 4, (m - 1) * 4 + 3), t, r, o), c.push(...i, ...i)), s) {
 						let e = f.length / 3;
-						d.push(t, r, a, t, h, a), f.push(...i, ...i), n > 0 && p.push(e - 2, e - 1, e, e - 1, e + 1, e);
+						d.push(t, r, o, t, h, o), f.push(...i, ...i), n > 0 && p.push(e - 2, e - 1, e, e - 1, e + 1, e);
 					}
 				}
-			}), i.geometry = K(i.geometry, o.length ? {
-				positions: o,
+			}), i.geometry = K(i.geometry, a.length ? {
+				positions: a,
 				colors: c
 			} : { positions: [
 				0,
@@ -827,7 +827,7 @@ function ce(e, r) {
 				0,
 				0,
 				0
-			] }), a.geometry = K(a.geometry, {
+			] }), o.geometry = K(o.geometry, {
 				positions: l.length ? l : [
 					0,
 					0,
@@ -838,7 +838,7 @@ function ce(e, r) {
 					0,
 					0
 				]
-			}), a.geometry.drawCount = l.length / 3, a.material.size = Math.max(...n, 0) > 40 ? 4 : 7, a.data = t.rows, s && (s.geometry = K(s.geometry, p.length ? {
+			}), o.geometry.drawCount = l.length / 3, o.material.size = Math.max(...n, 0) > 40 ? 4 : 7, o.data = t.rows, s && (s.geometry = K(s.geometry, p.length ? {
 				positions: d,
 				colors: f,
 				indices: p
@@ -857,11 +857,11 @@ function ce(e, r) {
 	};
 }
 function K(e, t) {
-	return e.dispose(), new l(t);
+	return e.dispose(), new n(t);
 }
-function le(e) {
-	let n = new t({
-		geometry: new l({ positions: [
+function le(t) {
+	let r = new e({
+		geometry: new n({ positions: [
 			0,
 			0,
 			0,
@@ -879,21 +879,21 @@ function le(e) {
 		}
 	});
 	return {
-		nodes: [n],
-		layout(t) {
-			let { x: n, y: r, z: i } = e.scales, o = e.spec.channels, s = z(t.map((e) => o.x.get(e))), c = z(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;
+		nodes: [r],
+		layout(e) {
+			let { x: n, y: r, z: i } = t.scales, a = t.spec.channels, o = z(e.map((e) => a.x.get(e))), s = z(e.map((e) => a.z.get(e))), c = new Map(e.map((e) => [`${+a.x.get(e)}|${+a.z.get(e)}|${a.x.get(e)}|${a.z.get(e)}`, e])), u = (e, t) => c.get(`${+e}|${+t}|${e}|${t}`), d = o.length * s.length - c.size;
 			if (d > 0) {
-				let e = s.flatMap((e) => c.map((t) => [e, t])).find(([e, t]) => !u(e, t));
-				a("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 e = o.flatMap((e) => s.map((t) => [e, t])).find(([e, t]) => !u(e, t));
+				l("chart()", `a surface needs a value for every x and z pair - ${d} of ${o.length * s.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 a of s) {
-				let s = u(a, t);
-				f.push(s), p.set([
-					n(a),
-					r(Number(o.y.get(s)) || 0),
-					i(t),
-					...e.rgb(s)
+			let f = [], p = new Float32Array(o.length * s.length * 6), m = 0;
+			for (let e of s) for (let s of o) {
+				let o = u(s, e);
+				f.push(o), p.set([
+					n(s),
+					r(Number(a.y.get(o)) || 0),
+					i(e),
+					...t.rgb(o)
 				], m++ * 6);
 			}
 			return {
@@ -902,23 +902,23 @@ function le(e) {
 				state: p,
 				stride: 6,
 				shape: {
-					nx: s.length,
-					nz: c.length
+					nx: o.length,
+					nz: s.length
 				}
 			};
 		},
 		apply(e, t) {
-			let { nx: r, nz: i } = t.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);
+			let { nx: n, nz: i } = t.shape, a = [], o = [], s = [];
+			for (let t = 0; t < n * 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 < n - 1; t++) {
+				let r = e * n + t, i = r + 1, a = r + n, o = a + 1;
+				s.push(r, a, i, i, a, o);
 			}
-			n.geometry = K(n.geometry, {
+			r.geometry = K(r.geometry, {
 				positions: a,
 				colors: o,
 				indices: s
-			}), n.data = t.rows;
+			}), r.data = t.rows;
 		}
 	};
 }
@@ -935,19 +935,19 @@ var de = [
 	2.5,
 	4.5
 ];
-function fe(t) {
-	let r = t.spec.options, i = me(t), c = t.spec.link, u = r.source ?? "source", d = r.target ?? "target", f = /* @__PURE__ */ new Map(), p = (e) => new _({
-		geometry: g({
+function fe(e) {
+	let r = e.spec.options, i = me(e), o = e.spec.link, u = r.source ?? "source", f = r.target ?? "target", p = /* @__PURE__ */ new Map(), m = (t) => new s({
+		geometry: d({
 			radius: 1,
 			detail: 2
 		}),
 		material: { roughness: .35 },
-		count: e,
-		labels: V(t, "above")
-	}), m = p(Math.max(8, t.spec.rows.length * 2));
-	m.count = 0;
-	let h = de.map((e) => new n({
-		geometry: new l({ positions: [
+		count: t,
+		labels: V(e, "above")
+	}), g = m(Math.max(8, e.spec.rows.length * 2));
+	g.count = 0;
+	let _ = de.map((e) => new a({
+		geometry: new n({ positions: [
 			0,
 			0,
 			0,
@@ -960,63 +960,63 @@ function fe(t) {
 			vertexColors: !0
 		},
 		data: []
-	})), v = new n({
-		geometry: new l({ positions: [] }),
+	})), v = new a({
+		geometry: new n({ positions: [] }),
 		material: {
 			width: 4,
 			color: "#7fd3ff"
 		},
 		pickable: !1,
 		visible: !1
-	}), y = c.flow ? new o({
-		geometry: new l({ positions: [] }),
+	}), y = o.flow ? new h({
+		geometry: new n({ positions: [] }),
 		material: {
-			size: .012 * Math.min(...t.box),
+			size: .012 * Math.min(...e.box),
 			color: "#bff0ff"
 		},
 		pickable: !1
 	}) : null, b = [], x = [], S = [], C = [], w = null, T = {
 		nodes: [
-			...h,
+			..._,
 			v,
-			m,
+			g,
 			...y ? [y] : []
 		],
-		layout(e) {
-			let n = e.map(i), r = new Map(n.map((e, t) => [e, t]));
-			S = t.spec.links.filter((e, n) => {
-				let o = e[u], c = e[d];
-				return (o === void 0 || c === void 0) && a("chart()", `link ${n} has no '${o === void 0 ? u : d}' - links name their ends with source: '${u}', target: '${d}' (set 'source' and 'target' to your field names)`), t.spec.rows.some((e) => i(e) === o) || a("chart()", `link ${n}: ${u} ${s(o)} names no node`), t.spec.rows.some((e) => i(e) === c) || a("chart()", `link ${n}: ${d} ${s(c)} names no node`), r.has(o) && r.has(c);
+		layout(n) {
+			let r = n.map(i), a = new Map(r.map((e, t) => [e, t]));
+			S = e.spec.links.filter((n, r) => {
+				let o = n[u], s = n[f];
+				return (o === void 0 || s === void 0) && l("chart()", `link ${r} has no '${o === void 0 ? u : f}' - links name their ends with source: '${u}', target: '${f}' (set 'source' and 'target' to your field names)`), e.spec.rows.some((e) => i(e) === o) || l("chart()", `link ${r}: ${u} ${t(o)} names no node`), e.spec.rows.some((e) => i(e) === s) || l("chart()", `link ${r}: ${f} ${t(s)} names no node`), a.has(o) && a.has(s);
 			});
-			let o = N(e, n, S.map((e) => [r.get(e[u]), r.get(e[d])])), c = new Float32Array(e.length * 7);
-			return e.forEach((e, n) => c.set([
+			let o = N(n, r, S.map((e) => [a.get(e[u]), a.get(e[f])])), s = new Float32Array(n.length * 7);
+			return n.forEach((t, n) => s.set([
 				...o[n],
-				t.size ? t.size(t.spec.channels.size.get(e)) : .06 * Math.min(...t.box),
-				...t.rgb(e)
+				e.size ? e.size(e.spec.channels.size.get(t)) : .06 * Math.min(...e.box),
+				...e.rgb(t)
 			], n * 7)), {
-				rows: e,
-				keys: n,
-				state: c,
+				rows: n,
+				keys: r,
+				state: s,
 				stride: 7,
-				shape: { pairs: S.map((e) => [e[u], e[d]]) }
+				shape: { pairs: S.map((e) => [e[u], e[f]]) }
 			};
 		},
 		apply(e, t) {
-			let n = e.length / t.stride;
-			if (C = t.rows, w !== null && !C.some((e) => i(e) === w) && (w = null, v.visible = !1), n > m.instanceMatrices.length / 16) {
-				let e = p(n * 2);
-				E && e.on("hover", D), m.parent?.add(e), m.parent?.remove(m), m.dispose(), T.nodes[T.nodes.indexOf(m)] = e, m = e;
+			let r = e.length / t.stride;
+			if (C = t.rows, w !== null && !C.some((e) => i(e) === w) && (w = null, v.visible = !1), r > g.instanceMatrices.length / 16) {
+				let e = m(r * 2);
+				E && e.on("hover", D), g.parent?.add(e), g.parent?.remove(g), g.dispose(), T.nodes[T.nodes.indexOf(g)] = e, g = e;
 			}
-			m.count = n, m.data = t.rows;
-			let r = t.rows.map(i), a = new Map(r.map((e, t) => [e, t]));
+			g.count = r, g.data = t.rows;
+			let a = t.rows.map(i), s = new Map(a.map((e, t) => [e, t]));
 			x = [];
-			for (let t = 0; t < n; t++) {
+			for (let t = 0; t < r; t++) {
 				let [n, r, i, a, o, s, c] = e.subarray(t * 7, t * 7 + 7);
 				x.push([
 					n,
 					r,
 					i
-				]), m.setInstance(t, {
+				]), g.setInstance(t, {
 					position: [
 						n,
 						r,
@@ -1030,26 +1030,26 @@ function fe(t) {
 					])
 				});
 			}
-			let o = de.map(() => ({
+			let c = de.map(() => ({
 				positions: [],
 				colors: [],
 				rows: []
 			}));
 			b = [], S.forEach((e, t) => {
-				let n = a.get(e[u]), r = a.get(e[d]);
+				let n = s.get(e[u]), r = s.get(e[f]);
 				if (n === void 0 || r === void 0) return;
-				let i = o[A(e)], s = j(e);
-				i.positions.push(...x[n], ...x[r]), i.colors.push(...s, ...s), i.rows.push(e), c.flow && b.push({
+				let i = c[A(e)], a = j(e);
+				i.positions.push(...x[n], ...x[r]), i.colors.push(...a, ...a), i.rows.push(e), o.flow && b.push({
 					a: n,
 					b: r,
 					speed: M(e),
 					phase: t * .618 % 1
 				});
-			}), h.forEach((e, t) => {
-				let n = o[t];
-				e.geometry.dispose(), e.geometry = new l(n.positions.length ? {
-					positions: n.positions,
-					colors: n.colors
+			}), _.forEach((e, t) => {
+				let r = c[t];
+				e.geometry.dispose(), e.geometry = new n(r.positions.length ? {
+					positions: r.positions,
+					colors: r.colors
 				} : { positions: [
 					0,
 					0,
@@ -1057,7 +1057,7 @@ function fe(t) {
 					0,
 					0,
 					0
-				] }), e.visible = n.positions.length > 0, e.data = n.rows;
+				] }), e.visible = r.positions.length > 0, e.data = r.rows;
 			}), w !== null && O(w);
 		},
 		enter(e) {
@@ -1070,68 +1070,68 @@ function fe(t) {
 				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 n({ positions: t }));
 		},
 		tooltipRows(e) {
-			return h.includes(e.node) ? "link" : "node";
+			return _.includes(e.node) ? "link" : "node";
 		}
 	}, E = (r.highlight ?? "neighbours") === "neighbours";
-	E && m.on("hover", D);
-	function D(e) {
-		let n = e && e.node === m && e.instance !== null ? i(C[e.instance]) : null;
+	E && g.on("hover", D);
+	function D(t) {
+		let n = t && t.node === g && t.instance !== null ? i(C[t.instance]) : null;
 		if (n !== w) {
 			w = n, v.visible = n !== null, n !== null && O(n);
-			for (let e = 0; e < m.count; e++) m.setColor(e, k(e, t.rgb(C[e])));
+			for (let t = 0; t < g.count; t++) g.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) => i(e) === n[u]), a = C.findIndex((e) => i(e) === n[d]);
+			if (n[u] !== e && n[f] !== e) continue;
+			let r = C.findIndex((e) => i(e) === n[u]), a = C.findIndex((e) => i(e) === n[f]);
 			r >= 0 && a >= 0 && t.push(...x[r], ...x[a]);
 		}
-		v.geometry.dispose(), v.geometry = new l({ positions: t });
+		v.geometry.dispose(), v.geometry = new n({ positions: t });
 	}
-	function k(n, r) {
-		if (w === null || !E) return r;
-		let a = i(C[n]);
-		return a === w || S.some((e) => e[u] === w && e[d] === a || e[d] === w && e[u] === a) ? r : new e().setSRGB(r[0], r[1], r[2]).lerp(t.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[u] === w && e[f] === r || e[f] === w && e[u] === r) ? n : new c().setSRGB(n[0], n[1], n[2]).lerp(e.theme === "light" ? "#ffffff" : "#202024", .65).toSRGB();
 	}
-	function A(e) {
-		let n = c.width;
+	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 = t.spec.links.map((e) => Number(n.get(e)) || 0), i = Math.max(...r) || 1;
-		return Math.min(2, Math.floor((Number(n.get(e)) || 0) / i * 2.999));
+		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(n) {
-		let r = c.color, i = t.theme === "light" ? "#9aa3b2" : "#4a5266";
-		return r ? r.field === null ? e.fromInput(r.value).toSRGB() : t.linkColor(r.get(n)).toSRGB() : e.fromInput(i).toSRGB();
+	function j(t) {
+		let n = o.color, r = e.theme === "light" ? "#9aa3b2" : "#4a5266";
+		return n ? n.field === null ? c.fromInput(n.value).toSRGB() : e.linkColor(n.get(t)).toSRGB() : c.fromInput(r).toSRGB();
 	}
-	function M(e) {
-		let n = c.flow;
+	function M(t) {
+		let n = o.flow;
 		if (n.field === null) return .4;
-		let r = Math.max(...t.spec.links.map((e) => Number(n.get(e)) || 0)) || 1;
-		return .15 + .6 * (Number(n.get(e)) || 0) / r;
+		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, n, i) {
-		let [o, c, l] = t.box, u = r.layout ?? "force";
+	function N(n, i, a) {
+		let [o, s, c] = e.box, u = r.layout ?? "force";
 		if (u === "given") {
-			let { x: n, y: r, z: i } = t.scales, a = t.spec.channels;
-			return e.map((e) => [
-				n && a.x ? n(a.x.get(e)) : 0,
-				r && a.y ? r(a.y.get(e)) : c / 2,
+			let { x: t, y: r, z: i } = e.scales, a = e.spec.channels;
+			return n.map((e) => [
+				t && a.x ? t(a.x.get(e)) : 0,
+				r && a.y ? r(a.y.get(e)) : s / 2,
 				i && a.z ? i(a.z.get(e)) : 0
 			]);
 		}
-		if (u && typeof u == "object" && "tiers" in u) return pe(e, n, i, u, [
+		if (u && typeof u == "object" && "tiers" in u) return pe(n, i, a, u, [
 			o,
-			c,
-			l
+			s,
+			c
 		]);
-		u !== "force" && a("chart()", `layout ${s(u)} - expected 'force', 'given' or { tiers: 'field' }`);
-		let d = P(n, i), f = [
+		u !== "force" && l("chart()", `layout ${t(u)} - expected 'force', 'given' or { tiers: 'field' }`);
+		let d = P(i, a), f = [
 			Infinity,
 			Infinity,
 			Infinity
@@ -1141,10 +1141,10 @@ function fe(t) {
 			-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(o, r.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(o, r.flat ? c : Math.min(s, c)) * .9 / m, g = p.map((e, t) => (e + f[t]) / 2);
 		return d.map((e) => [
 			(e[0] - g[0]) * h,
-			r.flat ? 0 : (e[1] - g[1]) * h + c / 2,
+			r.flat ? 0 : (e[1] - g[1]) * h + s / 2,
 			(e[2] - g[2]) * h
 		]);
 	}
@@ -1153,7 +1153,7 @@ function fe(t) {
 			0,
 			1,
 			2
-		], o = e.some((e) => f.has(e)), s = r.steps ?? (o ? 60 : 300), c = e.map(() => []);
+		], o = e.some((e) => p.has(e)), s = r.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++) {
@@ -1165,53 +1165,53 @@ function fe(t) {
 			}
 		}
 		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 ? [
+			if (p.has(t)) return [...p.get(t)];
+			let o = c[a].find((t) => p.has(e[t])), s = o === void 0 ? [
 				0,
 				0,
 				0
-			] : f.get(e[o]), l = o === void 0 ? Math.sqrt(n) : .5;
+			] : p.get(e[o]), l = o === void 0 ? Math.sqrt(n) : .5;
 			return [
 				s[0] + (i() - .5) * l,
 				r.flat ? 0 : s[1] + (i() - .5) * l,
 				s[2] + (i() - .5) * l
 			];
-		}), p = [
+		}), f = [
 			0,
 			0,
 			0
 		];
 		for (let e = 0; e < s; e++) for (let e = 0; e < n; e++) {
-			p.fill(0);
+			f.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;
+				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], p = d[e][2] - d[r][2], m = Math.hypot(s, c, p) || 1e-6;
+				f[0] += o * (d[r][0] + a * s / m), f[1] += o * (d[r][1] + a * c / m), f[2] += o * (d[r][2] + a * p / m), t += o;
 			}
-			if (t) for (let n of a) d[e][n] = p[n] / t;
+			if (t) for (let n of a) d[e][n] = f[n] / t;
 		}
-		return f = new Map(e.map((e, t) => [e, d[t]])), d;
+		return p = new Map(e.map((e, t) => [e, d[t]])), d;
 	}
 	return T;
 }
-function pe(e, t, n, r, [i, o, s]) {
-	let c = r.tiers;
+function pe(e, t, n, r, [i, a, o]) {
+	let s = r.tiers;
 	if (!e.length) return [];
-	c in e[0] || a("chart()", `layout: { tiers: '${c}' } - '${c}' isn't a node field`);
-	let l = r.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(i, s) / 2 * .92;
+	s in e[0] || l("chart()", `layout: { tiers: '${s}' } - '${s}' isn't a node field`);
+	let c = r.order ?? [...new Set(e.map((e) => e[s]))], u = e.map((e) => Math.max(0, c.indexOf(e[s]))), d = Math.max(...u) + 1, f = Array(e.length).fill(0), p = Array(e.length), m = Math.min(i, o) / 2 * .92;
 	for (let t = 0; t < d; t++) {
 		let r = e.map((e, t) => t).filter((e) => u[e] === t), i = (e) => {
 			let i = n.filter(([t, n]) => t === e || n === e).map(([t, n]) => t === e ? n : t).filter((e) => u[e] < t);
 			return i.length ? i.reduce((e, t) => e + f[t], 0) / i.length : r.indexOf(e);
 		};
 		t > 0 && r.sort((e, t) => i(e) - i(t));
-		let a = r.length === 1 ? 0 : t === 0 ? m * .25 : m * (.35 + .65 * t / Math.max(1, d - 1));
+		let o = r.length === 1 ? 0 : t === 0 ? m * .25 : m * (.35 + .65 * t / Math.max(1, d - 1));
 		r.forEach((e, n) => {
 			f[e] = (n + .5) / r.length * Math.PI * 2, p[e] = [
-				Math.cos(f[e]) * a,
-				o * (1 - t / Math.max(1, d - 1)),
-				Math.sin(f[e]) * a
+				Math.cos(f[e]) * o,
+				a * (1 - t / Math.max(1, d - 1)),
+				Math.sin(f[e]) * o
 			];
 		});
 	}
@@ -1219,7 +1219,7 @@ function pe(e, t, n, r, [i, o, s]) {
 }
 function me(e) {
 	let t = e.spec.channels.key;
-	return t ? (e) => t.get(e) : (e.spec.rows.length && !("id" in e.spec.rows[0]) && a("chart()", "network nodes need an 'id' field, or key: 'yourIdField' - links name nodes by it"), (e) => e.id);
+	return t ? (e) => t.get(e) : (e.spec.rows.length && !("id" in e.spec.rows[0]) && l("chart()", "network nodes need an 'id' field, or key: 'yourIdField' - links name nodes by it"), (e) => e.id);
 }
 // src/charts/spec.js
 var q = [
@@ -1317,78 +1317,78 @@ var q = [
 	stack: "stacking is the chart's option: stack: true"
 };
 function ye(e) {
-	(!e || typeof e != "object" || Array.isArray(e)) && a("chart()", `expected a spec such as { mark: 'bar', data, x, y }, got ${s(e)}`);
-	for (let t of Object.keys(e)) Y.includes(t) || a("chart()", `unknown option '${t}' - ${ge[t] ?? `expected ${Y.filter((e) => e[0] !== "$").join(", ")}${r(t, Y)}`}`);
-	typeof e.width == "number" && e.width > 1 && a("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 t = be(e.mark), { rows: n, links: i } = xe(e.data, t), o = Se(n), c = { ...e.encoding ?? {} };
-	for (let e of Object.keys(c)) !J.includes(e) && e !== "tooltip" && a("chart()", `encoding '${e}' isn't a channel we have - channels are ${J.join(", ")}, tooltip`);
-	let l = {};
+	(!e || typeof e != "object" || Array.isArray(e)) && l("chart()", `expected a spec such as { mark: 'bar', data, x, y }, got ${t(e)}`);
+	for (let t of Object.keys(e)) Y.includes(t) || l("chart()", `unknown option '${t}' - ${ge[t] ?? `expected ${Y.filter((e) => e[0] !== "$").join(", ")}${r(t, Y)}`}`);
+	typeof e.width == "number" && e.width > 1 && l("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: a } = xe(e.data, n), o = Se(i), s = { ...e.encoding ?? {} };
+	for (let e of Object.keys(s)) !J.includes(e) && e !== "tooltip" && l("chart()", `encoding '${e}' isn't a channel we have - channels are ${J.join(", ")}, tooltip`);
+	let c = {};
 	for (let t of J) {
-		let r = e[t] ?? c[t];
-		r != null && (l[t] = X(t, r, n, o));
+		let n = e[t] ?? s[t];
+		n != null && (c[t] = X(t, n, i, o));
 	}
-	if (t === "network") for (let t of [
+	if (n === "network") for (let t of [
 		"x",
 		"y",
 		"z"
-	]) l[t] && e.layout !== "given" && a("chart()", `${t} on a 'network' places its nodes - add layout: 'given' to use positions from the data`);
-	else for (let e of t === "surface" ? [
+	]) c[t] && e.layout !== "given" && l("chart()", `${t} on a 'network' places its nodes - add layout: 'given' to use positions from the data`);
+	else for (let e of n === "surface" ? [
 		"x",
 		"z",
 		"y"
-	] : ["x", "y"]) l[e] || a("chart()", `a '${t}' chart needs ${e} - e.g. ${e}: '${o[0] ?? "field"}'`), t !== "point" && l[e].field === null && a("chart()", `${e} on a '${t}' chart lays its marks out along a scale - it needs a field, not a constant value - e.g. ${e}: '${o[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, n, o), m = {};
+	] : ["x", "y"]) c[e] || l("chart()", `a '${n}' chart needs ${e} - e.g. ${e}: '${o[0] ?? "field"}'`), n !== "point" && c[e].field === null && l("chart()", `${e} on a '${n}' chart lays its marks out along a scale - it needs a field, not a constant value - e.g. ${e}: '${o[0] ?? "field"}'`);
+	let u = e.tooltip ?? s.tooltip, d = typeof e.mark == "object" ? e.mark.tooltip : void 0, f = Ee(u ?? (d !== !1 && void 0), c, i, o), p = {};
 	if (e.link !== void 0) {
-		t !== "network" && a("chart()", "'link' sets a network's link channels - it needs mark: 'network'");
-		let n = Se(i);
-		for (let [t, r] of Object.entries(e.link)) [
+		n !== "network" && l("chart()", "'link' sets a network's link channels - it needs mark: 'network'");
+		let t = Se(a);
+		for (let [n, r] of Object.entries(e.link)) [
 			"width",
 			"color",
 			"opacity",
 			"flow",
 			"tooltip"
-		].includes(t) || a("chart()", `link has no '${t}' - link channels are width, color, opacity, flow, tooltip`), t !== "tooltip" && (m[t] = X(`link.${t}`, r, i, n));
-		e.link.tooltip !== void 0 && (m.tooltip = Ee(e.link.tooltip, {}, i, n));
+		].includes(n) || l("chart()", `link has no '${n}' - link channels are width, color, opacity, flow, tooltip`), n !== "tooltip" && (p[n] = X(`link.${n}`, r, a, t));
+		e.link.tooltip !== void 0 && (p.tooltip = Ee(e.link.tooltip, {}, a, t));
 	}
-	let h = {};
+	let m = {};
 	for (let t of Y) !J.includes(t) && ![
 		"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) && a("chart()", `'steps' is how many steps the force layout takes, a whole number of 1 or more, got ${s(h.steps)}`), h.seed !== void 0 && d("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) || a("chart()", `'box' is the chart's size in the scene, [x, y, z] above 0, got ${s(h.box)}`), {
-		mark: t,
-		rows: n,
-		links: i,
+	].includes(t) && e[t] !== void 0 && (m[t] = e[t]);
+	return m.steps !== void 0 && (!Number.isInteger(m.steps) || m.steps < 1) && l("chart()", `'steps' is how many steps the force layout takes, a whole number of 1 or more, got ${t(m.steps)}`), m.seed !== void 0 && g("chart()", "seed", m.seed), m.legend?.ticks !== void 0 && we("legend", m.legend.ticks), m.box === void 0 || Array.isArray(m.box) && m.box.length === 3 && m.box.every((e) => e > 0) || l("chart()", `'box' is the chart's size in the scene, [x, y, z] above 0, got ${t(m.box)}`), {
+		mark: n,
+		rows: i,
+		links: a,
 		fields: o,
-		channels: l,
-		tooltip: p,
-		link: m,
-		options: h
+		channels: c,
+		tooltip: f,
+		link: p,
+		options: m
 	};
 }
 function be(e) {
 	let t = e;
 	if (t && typeof t == "object") {
-		for (let e of Object.keys(t)) e !== "type" && e !== "tooltip" && a("chart()", `mark option '${e}' isn't supported - use the chart's options (width, stack, ...) or style the chart's nodes`);
+		for (let e of Object.keys(t)) e !== "type" && e !== "tooltip" && l("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 t != "string" && a("chart()", `'mark' is required: one of ${q.map((e) => `'${e}'`).join(", ")}`), !q.includes(t)) {
+	if (typeof t != "string" && l("chart()", `'mark' is required: one of ${q.map((e) => `'${e}'`).join(", ")}`), !q.includes(t)) {
 		let e = _e[t];
-		(t === "pie" || t === "arc" || t === "donut") && a("chart()", "pie and donut charts aren't supported - in 3D they distort values; use mark: 'bar'"), a("chart()", `mark '${t}' - ${e ? `use '${e}'` : `expected one of ${q.map((e) => `'${e}'`).join(", ")}${r(t, q)}`}`);
+		(t === "pie" || t === "arc" || t === "donut") && l("chart()", "pie and donut charts aren't supported - in 3D they distort values; use mark: 'bar'"), l("chart()", `mark '${t}' - ${e ? `use '${e}'` : `expected one of ${q.map((e) => `'${e}'`).join(", ")}${r(t, q)}`}`);
 	}
 	return t;
 }
-function xe(e, t) {
-	if (e && typeof e == "object" && !Array.isArray(e) && "url" in e && a("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) || a("chart()", `a network's data is { nodes: [...], links: [...] }, got ${s(e)}`), {
+function xe(e, n) {
+	if (e && typeof e == "object" && !Array.isArray(e) && "url" in e && l("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) || l("chart()", `a network's data is { nodes: [...], links: [...] }, got ${t(e)}`), {
 		rows: e.nodes,
 		links: e.links
 	};
-	let n = Array.isArray(e) ? e : e && Array.isArray(e.values) ? e.values : null;
-	return n || a("chart()", `'data' must be an array of rows (objects), or { values: [...] }, got ${s(e)}`), n.some((e) => !e || typeof e != "object") && a("chart()", "every row in 'data' must be an object, such as { month: 'Jan', sales: 41 }"), {
-		rows: n,
+	let r = Array.isArray(e) ? e : e && Array.isArray(e.values) ? e.values : null;
+	return r || l("chart()", `'data' must be an array of rows (objects), or { values: [...] }, got ${t(e)}`), r.some((e) => !e || typeof e != "object") && l("chart()", "every row in 'data' must be an object, such as { month: 'Jan', sales: 41 }"), {
+		rows: r,
 		links: []
 	};
 }
@@ -1401,53 +1401,53 @@ function Ce(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, t, n, i) {
-	let o = "chart()", c;
-	if (typeof t == "string") i.includes(t) ? c = { field: t } : /color|colour/.test(e) && Te(t) ? c = { value: t } : a(o, `${e}: field '${t}' isn't in the data - fields are ${i.join(", ") || "(none)"}${r(t, i)}`);
-	else if (typeof t == "number" && [
+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 } : l(o, `${e}: field '${n}' isn't in the data - fields are ${a.join(", ") || "(none)"}${r(n, a)}`);
+	else if (typeof n == "number" && [
 		"size",
 		"opacity",
 		"link.width",
 		"link.opacity",
 		"link.flow"
-	].includes(e)) c = { value: t };
-	else if (t && typeof t == "object" && !Array.isArray(t)) {
-		c = t;
-		for (let t of Object.keys(c)) he.includes(t) || a(o, `${e}: '${t}' - ${ve[t] ?? `unknown; a channel takes ${he.join(", ")}`}`);
-		c.field !== void 0 && !i.includes(c.field) && a(o, `${e}: field '${c.field}' isn't in the data - fields are ${i.join(", ") || "(none)"}${r(String(c.field), i)}`), c.field === void 0 && c.value === void 0 && a(o, `${e} needs a field (or a constant value)`);
-	} else return e === "size" && Array.isArray(t) && a(o, "'size' is a channel - the chart's size in the scene is 'box: [x, y, z]'"), a(o, `${e} must be a field name or { field, ... }, got ${s(t)}`);
-	c.axis?.ticks !== void 0 && we(`${e}: axis`, c.axis.ticks);
-	let l = c.field ?? null, u = c.type ?? (l ? Ce(n, l) : "nominal");
+	].includes(e)) s = { value: n };
+	else if (n && typeof n == "object" && !Array.isArray(n)) {
+		s = n;
+		for (let t of Object.keys(s)) he.includes(t) || l(o, `${e}: '${t}' - ${ve[t] ?? `unknown; a channel takes ${he.join(", ")}`}`);
+		s.field !== void 0 && !a.includes(s.field) && l(o, `${e}: field '${s.field}' isn't in the data - fields are ${a.join(", ") || "(none)"}${r(String(s.field), a)}`), s.field === void 0 && s.value === void 0 && l(o, `${e} needs a field (or a constant value)`);
+	} else return e === "size" && Array.isArray(n) && l(o, "'size' is a channel - the chart's size in the scene is 'box: [x, y, z]'"), l(o, `${e} must be a field name or { field, ... }, got ${t(n)}`);
+	s.axis?.ticks !== void 0 && we(`${e}: axis`, s.axis.ticks);
+	let c = s.field ?? null, u = s.type ?? (c ? Ce(i, c) : "nominal");
 	[
 		"quantitative",
 		"nominal",
 		"ordinal",
 		"temporal"
-	].includes(u) || a(o, `${e}: type '${u}' - expected 'quantitative', 'nominal', 'ordinal' or 'temporal'${r(String(u), [
+	].includes(u) || l(o, `${e}: type '${u}' - expected 'quantitative', 'nominal', 'ordinal' or 'temporal'${r(String(u), [
 		"quantitative",
 		"nominal",
 		"ordinal",
 		"temporal"
 	])}`);
-	let d = l === null ? () => c.value : u === "temporal" ? (e) => I(e[l]) : (e) => e[l];
+	let d = c === null ? () => s.value : u === "temporal" ? (e) => I(e[c]) : (e) => e[c];
 	return {
-		field: l,
-		value: c.value,
+		field: c,
+		value: s.value,
 		type: u,
-		title: c.title ?? l ?? e,
-		format: c.format,
-		scale: c.scale ?? {},
-		axis: c.axis ?? {},
+		title: s.title ?? c ?? e,
+		format: s.format,
+		scale: s.scale ?? {},
+		axis: s.axis ?? {},
 		get: d,
-		priority: c.priority
+		priority: s.priority
 	};
 }
-function we(e, t) {
-	Array.isArray(t) || Number.isInteger(t) && t > 0 || a("chart()", `${e} ticks are a list of the values to mark, such as [0, 25, 50, 75, 100], or about how many, got ${s(t)}`);
+function we(e, n) {
+	Array.isArray(n) || Number.isInteger(n) && n > 0 || l("chart()", `${e} ticks are a list of the values to mark, such as [0, 25, 50, 75, 100], or about how many, got ${t(n)}`);
 }
-function Te(t) {
+function Te(e) {
 	try {
-		return e.fromInput(t), !0;
+		return c.fromInput(e), !0;
 	} catch {
 		return !1;
 	}
@@ -1470,7 +1470,7 @@ function Oe() {
 	e.id = "phoria-chart-style", e.textContent = De, document.head.prepend(e);
 }
 // src/charts/Chart.js
-var ke = h.filter((e) => ![
+var ke = m.filter((e) => ![
 	"children",
 	"tooltip",
 	"highlight"
@@ -1478,10 +1478,10 @@ var ke = h.filter((e) => ![
 function Ae(e) {
 	return new Z(e);
 }
-var Z = class t extends p {
+var Z = class e extends p {
 	static type = "chart";
 	static get OPTIONS() {
-		return h;
+		return m;
 	}
 	scales = {};
 	#e;
@@ -1497,10 +1497,10 @@ var Z = class t extends p {
 	#u = null;
 	#d = null;
 	constructor(e) {
-		(!e || typeof e != "object" || Array.isArray(e)) && a("chart()", `expected a spec such as { mark: 'bar', data, x, y }, got ${s(e)}`);
-		let t = {}, n = {};
-		for (let [r, i] of Object.entries(e)) (ke.includes(r) ? t : n)[r] = i;
-		e.children && a("chart()", "a chart makes its own children - add other nodes to a Group beside it"), super(t), Oe(), this.#e = n, this.#i = {}, this.#f(!0), this.onUpdate((e, t) => this.#_(t));
+		(!e || typeof e != "object" || Array.isArray(e)) && l("chart()", `expected a spec such as { mark: 'bar', data, x, y }, got ${t(e)}`);
+		let n = {}, r = {};
+		for (let [t, i] of Object.entries(e)) (ke.includes(t) ? n : r)[t] = i;
+		e.children && l("chart()", "a chart makes its own children - add other nodes to a Group beside it"), super(n), Oe(), this.#e = r, this.#i = {}, this.#f(!0), this.onUpdate((e, t) => this.#_(t));
 	}
 	get spec() {
 		let e = this.#t;
@@ -1527,7 +1527,7 @@ var Z = class t extends p {
 		}, this.#f(!0), this;
 	}
 	filter(e) {
-		return e !== null && typeof e != "function" && a("Chart", `filter() takes (row) => boolean, or null, got ${s(e)}`), this.#c = e, this.#f(!0), this;
+		return e !== null && typeof e != "function" && l("Chart", `filter() takes (row) => boolean, or null, got ${t(e)}`), this.#c = e, this.#f(!0), this;
 	}
 	explain() {
 		let e = this.#t, t = [
@@ -1548,9 +1548,9 @@ var Z = class t extends p {
 		return delete e.children, this.#e.highlight === void 0 && delete e.highlight, e;
 	}
 	clone() {
-		let { name: e, position: n, quaternion: r, scale: i, visible: a, pickable: o, highlightWhole: s, onHover: c, onClick: l, showFrom: u, clip: d, onDrag: f, outline: p } = super.cloneOptions(), m = new t({
+		let { name: t, position: n, quaternion: r, scale: i, visible: a, pickable: o, highlightWhole: s, onHover: c, onClick: l, showFrom: u, clip: d, onDrag: f, outline: p } = super.cloneOptions(), m = new e({
 			...this.#e,
-			name: e,
+			name: t,
 			position: n,
 			quaternion: r,
 			scale: i,
@@ -1566,90 +1566,90 @@ var Z = class t extends p {
 		});
 		return m.userData = structuredClone(this.userData), m.matrixAutoUpdate = this.matrixAutoUpdate, m.matrixAutoUpdate || m.matrix.copy(this.matrix), m;
 	}
-	#f(t) {
-		let n = ye(this.#e), r = n.options, i = n.channels;
-		this.#t = n;
-		let o = r.box ?? Ne(n), s = r.theme ?? "dark";
-		s !== "dark" && s !== "light" && a("chart()", `theme '${s}' - expected 'dark' or 'light'`);
-		let l = r.overlap ?? "dim";
+	#f(e) {
+		let t = ye(this.#e), n = t.options, r = t.channels;
+		this.#t = t;
+		let i = n.box ?? Ne(t), a = n.theme ?? "dark";
+		a !== "dark" && a !== "light" && l("chart()", `theme '${a}' - expected 'dark' or 'light'`);
+		let o = n.overlap ?? "dim";
 		[
 			"dim",
 			"hide",
 			"show"
-		].includes(l) || a("chart()", `overlap '${l}' - expected 'dim', 'hide' or 'show'`);
-		let u = n.rows.filter((e) => (!this.#c || this.#c(e)) && (!i.color?.field || !this.#s.has(String(i.color.get(e)))));
-		this.scales = Le(n, o);
-		let d = this.scales.color, f = e.fromInput(i.color?.field ? L.category[0] : i.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(o) || l("chart()", `overlap '${o}' - expected 'dim', 'hide' or 'show'`);
+		let s = t.rows.filter((e) => (!this.#c || this.#c(e)) && (!r.color?.field || !this.#s.has(String(r.color.get(e)))));
+		this.scales = Le(t, i);
+		let u = this.scales.color, d = c.fromInput(r.color?.field ? L.category[0] : r.color?.value ?? L.category[0], "chart()").toSRGB(), f = t.link.color?.field ? Fe(t.link.color, t.links.map((e) => t.link.color.get(e))) : null;
 		Object.assign(this.#i, {
-			spec: n,
-			box: o,
-			theme: s,
-			overlap: l,
+			spec: t,
+			box: i,
+			theme: a,
+			overlap: o,
 			scales: this.scales,
 			size: this.scales.size ?? null,
-			rgb: (e) => d ? d(Ie(n, e)).toSRGB() : f,
+			rgb: (e) => u ? u(Ie(t, e)).toSRGB() : d,
 			format: $,
-			linkColor: (e) => p(e)
+			linkColor: (e) => f(e)
 		});
-		let m = JSON.stringify([
-			n.mark,
-			Object.entries(i).map(([e, t]) => [
+		let p = JSON.stringify([
+			t.mark,
+			Object.entries(r).map(([e, t]) => [
 				e,
 				t.field,
 				t.type
 			]),
+			i,
+			a,
 			o,
-			s,
-			l,
-			r.stack,
-			r.layout,
-			r.flat,
-			Object.keys(n.link)
+			n.stack,
+			n.layout,
+			n.flat,
+			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 = Me(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({
-			box: o,
-			theme: s,
-			overlap: l,
-			axes: ze(n, this.scales)
-		})), this.#o && this.remove(this.#o), this.#o = r.title ? this.add(new c({
-			text: String(r.title),
+		this.#a && this.remove(this.#a), this.#a = t.mark === "network" && n.layout !== "given" ? null : this.add(S({
+			box: i,
+			theme: a,
+			overlap: o,
+			axes: ze(t, this.scales)
+		})), this.#o && this.remove(this.#o), this.#o = n.title ? this.add(new _({
+			text: String(n.title),
 			position: [
 				0,
-				o[1] * 1.12,
-				-o[2] / 2
+				i[1] * 1.12,
+				-i[2] / 2
 			],
-			className: `phoria-axis-title phoria-${s}`,
+			className: `phoria-axis-title phoria-${a}`,
 			overlap: "show"
-		})) : null, this.#p(n, s), this.tooltip = n.tooltip === null && !n.link.tooltip ? null : (e) => this.#m(e);
-		let h = r.highlight;
-		this.highlight = h === !1 ? null : e.fromInput(h === void 0 || h === "neighbours" || h === "node" ? "#ffffff" : h, "chart()"), this.#h(this.#n.layout(u), t && r.transition !== !1);
+		})) : null, this.#p(t, a), this.tooltip = t.tooltip === null && !t.link.tooltip ? null : (e) => this.#m(e);
+		let m = n.highlight;
+		this.highlight = m === !1 ? null : c.fromInput(m === void 0 || m === "neighbours" || m === "node" ? "#ffffff" : m, "chart()"), this.#h(this.#n.layout(s), e && n.transition !== !1);
 	}
-	#p(e, t) {
+	#p(e, n) {
 		this.overlay?.remove(), this.overlay = null;
-		let n = e.channels.color, r = e.options.legend;
-		if (!n?.field || r === !1 || !this.scales.color || typeof document > "u") return;
-		let i = ie(this.scales.color, {
-			title: n.title,
-			theme: t,
-			position: r?.position,
-			ticks: r?.ticks,
-			format: (e) => $(n, e),
+		let r = e.channels.color, i = e.options.legend;
+		if (!r?.field || i === !1 || !this.scales.color || typeof document > "u") return;
+		let a = ie(this.scales.color, {
+			title: r.title,
+			theme: n,
+			position: i?.position,
+			ticks: i?.ticks,
+			format: (e) => $(r, e),
 			onToggle: (e, t) => {
 				t ? this.#s.delete(String(e)) : this.#s.add(String(e)), this.#f(!0);
 			}
 		});
-		i.querySelectorAll(".phoria-legend-item").forEach((e, t) => {
+		a.querySelectorAll(".phoria-legend-item").forEach((e, t) => {
 			this.#s.has(String(this.scales.color?.domain[t])) && e.classList.add("off");
 		});
-		let o = r?.container;
+		let o = i?.container;
 		if (o) {
 			let e = typeof o == "string" ? document.querySelector(o) : o;
-			e || a("chart()", `legend container ${s(o)} not found`), i.classList.remove(`phoria-legend-${r?.position ?? "top-right"}`), Object.assign(i.style, {
+			e || l("chart()", `legend container ${t(o)} not found`), a.classList.remove(`phoria-legend-${i?.position ?? "top-right"}`), Object.assign(a.style, {
 				position: "static",
 				flexDirection: "row",
 				flexWrap: "wrap",
@@ -1657,8 +1657,8 @@ var Z = class t extends p {
 				columnGap: "12px",
 				maxHeight: "none",
 				overflow: "visible"
-			}), e.replaceChildren(i);
-		} else this.overlay = i;
+			}), e.replaceChildren(a);
+		} else this.overlay = a;
 	}
 	#m(e) {
 		let t = this.#t, n = e.datum;
@@ -1717,10 +1717,10 @@ var Z = class t extends p {
 		this.#n?.tick?.(e);
 		let t = this.#d;
 		if (!t) return;
-		let n = this.#e.transition ?? {}, r = n.duration ?? .5, i = u[n.ease ?? "out"];
-		i || a("chart()", `transition ease '${n.ease}' - expected ${Object.keys(u).map((e) => `'${e}'`).join(", ")}`), t.t = Math.min(1, t.t + e / r);
-		let o = i(t.t), s = new Float32Array(t.from.length);
-		for (let e = 0; e < s.length; e++) s[e] = t.from[e] + (t.to[e] - t.from[e]) * o;
+		let n = this.#e.transition ?? {}, r = n.duration ?? .5, i = o[n.ease ?? "out"];
+		i || l("chart()", `transition ease '${n.ease}' - expected ${Object.keys(o).map((e) => `'${e}'`).join(", ")}`), t.t = Math.min(1, t.t + e / r);
+		let a = i(t.t), s = new Float32Array(t.from.length);
+		for (let e = 0; e < s.length; e++) s[e] = t.from[e] + (t.to[e] - t.from[e]) * a;
 		if (t.t < 1) return this.#g(s, t.frame, t.frame);
 		this.#d = null, this.#g(t.final.state, t.final, t.final);
 	}