@harmonics/lattice-ui 0.8.0 → 0.9.0

package/dist/board.js

@@ -1,72 +1,72 @@
-import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, b as c, c as l, d as u, f as d, g as f, h as p, j as m, k as h, l as g, m as _, o as v, p as y, t as b, u as x, v as S, w as C, x as w, y as T } from "./woods-C8W11GkD.js";
-import { A as E, C as D, D as O, E as k, F as A, I as j, L as M, M as ee, P as N, R as P, S as F, T as I, _ as L, a as R, b as te, c as z, g as ne, h as re, i as ie, j as B, k as V, m as H, n as ae, p as oe, r as se, s as U, v as W, w as ce, x as le, y as G } from "./hexes-DwdbCYSF.js";
+import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, _ as l, b as u, c as d, d as f, f as p, g as m, h, j as g, k as _, m as v, o as y, p as b, t as x, u as S, v as C, w, x as T, y as E } from "./woods-S4dnVPib.js";
+import { A as D, C as O, D as ee, E as te, F as k, I as A, L as j, M as ne, P as M, R as N, S as P, T as F, _ as I, a as L, b as re, c as R, g as ie, h as ae, i as z, j as B, k as V, m as oe, n as se, p as ce, r as le, s as H, v as ue, w as de, x as fe, y as U } from "./hexes-DwdbCYSF.js";
 //#region src/board.ts
-var { half: ue } = M, de = 5, K = (e) => `${e.q},${e.r}`, fe = /* @__PURE__ */ new Set();
-function pe(e) {
-	let t = e.hooks ?? {}, r = () => e.fixed?.() ?? fe, i = 4, a = () => (i = (i + 1) % de, i), [o, s] = h(e.initial), c = () => o().filter((e) => !r().has(e.id)), [l, u] = h(), [d, f] = h(), [p, g] = h(), _ = (e) => o().find((t) => t.id === e), v = (e, t) => o().flatMap((n) => n.id === e ? t : [n]), y = (e, n, i, a) => (s(n), t.change?.(n.filter((e) => !r().has(e.id)), i, a) !== !1 || (s(e), !1)), b = n(() => {
+var { half: pe } = j, me = 5, W = (e) => `${e.q},${e.r}`, he = /* @__PURE__ */ new Set();
+function ge(e) {
+	let t = e.hooks ?? {}, n = () => e.fixed?.() ?? he, r = 4, i = () => (r = (r + 1) % me, r), [o, s] = g(e.initial), c = () => o().filter((e) => !n().has(e.id)), [l, u] = g(), [d, f] = g(), [p, m] = g(), h = (e) => o().find((t) => t.id === e), v = (e, t) => o().flatMap((n) => n.id === e ? t : [n]), y = (e, r, i, a) => (s(r), t.change?.(r.filter((e) => !n().has(e.id)), i, a) !== !1 || (s(e), !1)), b = _(() => {
 		let t = l();
 		if (!t) return;
-		let n = t.now.x - t.start.x, r = t.now.y - t.start.y, i = W(t.from, n, r, t.held);
+		let n = t.now.x - t.start.x, r = t.now.y - t.start.y, i = ue(t.from, n, r, t.held);
 		return e.calm() ? {
 			...i,
 			x: n,
 			y: r
 		} : i;
-	}), x = n(() => {
+	}), x = _(() => {
 		let e = l(), t = b();
-		return e && t ? G(e.from, t.step) : void 0;
-	}), S = n(() => new Set((e.tray?.() ?? []).map(K))), C = () => {
+		return e && t ? U(e.from, t.step) : void 0;
+	}), S = _(() => new Set((e.tray?.() ?? []).map(W))), C = () => {
 		let e = l();
-		return e ? S().has(K(ne(e.now.x, e.now.y))) : !1;
-	}, w = n(() => {
+		return e ? S().has(W(ie(e.now.x, e.now.y))) : !1;
+	}, w = _(() => {
 		let t = x();
-		return t ? se(t, o(), e.area(), e.clear()) : /* @__PURE__ */ new Set();
-	}), T = (t) => oe(t, o(), e.area(), e.clear()), D = () => {
+		return t ? le(t, o(), e.area(), e.clear()) : /* @__PURE__ */ new Set();
+	}), T = (t) => ce(t, o(), e.area(), e.clear()), E = () => {
 		let e = x();
 		return e ? T(e) : !1;
-	}, k = n(() => [...o()].sort((e, t) => e.id === l()?.id ? 1 : t.id === l()?.id ? -1 : ie(e) - ie(t)).map((e) => e.id)), M = n(() => {
-		let e = p(), t = e && !l() ? _(e) : void 0;
-		return t ? c().filter((e) => e.id !== t.id && ee(t, e)).flatMap((e) => O(t, e)) : [];
-	}), N, P = (e) => {
-		f(e), clearTimeout(N), N = setTimeout(() => f(void 0), 300);
-	}, F;
-	m(() => {
-		clearTimeout(N), clearTimeout(F);
+	}, O = _(() => [...o()].sort((e, t) => e.id === l()?.id ? 1 : t.id === l()?.id ? -1 : z(e) - z(t)).map((e) => e.id)), te = _(() => {
+		let e = p(), t = e && !l() ? h(e) : void 0;
+		return t ? c().filter((e) => e.id !== t.id && ne(t, e)).flatMap((e) => ee(t, e)) : [];
+	}), j, M = (e) => {
+		f(e), clearTimeout(j), j = setTimeout(() => f(void 0), 300);
+	}, N;
+	a(() => {
+		clearTimeout(j), clearTimeout(N);
 	});
-	let I = (e, n) => {
-		let i = _(e);
-		if (!i || r().has(e)) return;
-		let a = A(i, n), c = l();
+	let P = (e, r) => {
+		let i = h(e);
+		if (!i || n().has(e)) return;
+		let a = k(i, r), c = l();
 		if (c?.id === e) u({
 			...c,
-			from: A(c.from, n)
+			from: k(c.from, r)
 		}), s(v(e, [a]));
 		else if (!T(a)) {
-			P(e);
+			M(e);
 			return;
 		} else if (!y(o(), v(e, [a]), "turn", e)) return;
-		t.turned?.(e, n);
-	}, L = (e) => {
-		let n = _(e);
-		if (!n || r().has(e)) return;
-		let { piece: i, absorbed: a } = re(n, c());
+		t.turned?.(e, r);
+	}, F = (e) => {
+		let r = h(e);
+		if (!r || n().has(e)) return;
+		let { piece: i, absorbed: a } = ae(r, c());
 		if (a.length === 0) {
-			P(e);
+			M(e);
 			return;
 		}
 		let s = o().filter((e) => !a.includes(e.id)).map((t) => t.id === e ? i : t);
-		y(o(), s, "glue", e) && (g(e), t.focus?.(e));
-	}, z = (n) => {
-		let i = _(n);
-		if (!i || r().has(n) || i.parts.length < 2) {
-			P(n);
+		y(o(), s, "glue", e) && (m(e), t.focus?.(e));
+	}, I = (r) => {
+		let i = h(r);
+		if (!i || n().has(r) || i.parts.length < 2) {
+			M(r);
 			return;
 		}
-		let a = ae(i, e.id), s = a[0];
-		y(o(), v(n, a), "break", n) && (g(s.id), t.focus?.(s.id));
-	}, V = (e) => {
-		!r().has(e) && _(e) && y(o(), v(e, []), "remove", e) && g(void 0);
-	}, H = (e, t, n, r) => {
+		let a = se(i, e.id), s = a[0];
+		y(o(), v(r, a), "break", r) && (m(s.id), t.focus?.(s.id));
+	}, R = (e) => {
+		!n().has(e) && h(e) && y(o(), v(e, []), "remove", e) && m(void 0);
+	}, V = (e, t, n, r) => {
 		let i = r ?? o();
 		u({
 			id: e.id,
@@ -80,50 +80,50 @@ function pe(e) {
 			restore: r,
 			before: i,
 			action: n
-		}), g(void 0);
+		}), m(void 0);
 	};
 	return {
 		pieces: o,
 		setPieces: s,
 		handled: c,
-		pieceById: _,
+		pieceById: h,
 		carried: l,
 		magnet: b,
 		target: x,
 		overTray: C,
 		blocked: w,
-		lands: D,
-		drawn: k,
-		glueSides: M,
+		lands: E,
+		drawn: O,
+		glueSides: te,
 		refused: d,
 		touched: p,
-		touch: g,
-		lift: (t, n, i) => {
-			let a = _(t);
-			if (!(!a || r().has(t) || l())) {
+		touch: m,
+		lift: (t, r, i) => {
+			let a = h(t);
+			if (!(!a || n().has(t) || l())) {
 				if (i !== void 0 && a.parts.length > 1) {
-					let r = o(), [c, ...l] = ce(a, i, e.id);
-					s(v(t, [c, ...l])), H(c, n, "pull", r);
-				} else H(a, n, "move");
+					let n = o(), [c, ...l] = de(a, i, e.id);
+					s(v(t, [c, ...l])), V(c, r, "pull", n);
+				} else V(a, r, "move");
 			}
 		},
 		fromTray: (t, n) => {
 			if (l()) return;
-			let r = o(), i = j(t, n.x, n.y, a(), e.id());
-			s([...r, i]), H(i, n, "add", r);
+			let r = o(), a = A(t, n.x, n.y, i(), e.id());
+			s([...r, a]), V(a, n, "add", r);
 		},
 		placeFromTray: (n) => {
 			let r = e.tray?.()?.[0];
 			if (!r) return;
-			let i = a();
-			for (let a = r.r - 1; a >= 0; a--) for (let s = 0; s < 12; s++) {
-				let c = R({
-					q: r.q + s + Math.floor((r.r - a) / 2),
-					r: a
-				}), l = j(n, c.x + ue, c.y + 44, i, e.id());
+			let a = i();
+			for (let i = r.r - 1; i >= 0; i--) for (let s = 0; s < 12; s++) {
+				let c = L({
+					q: r.q + s + Math.floor((r.r - i) / 2),
+					r: i
+				}), l = A(n, c.x + pe, c.y + 44, a, e.id());
 				if (T(l)) {
 					if (!y(o(), [...o(), l], "add", l.id)) return;
-					g(l.id), t.focus?.(l.id);
+					m(l.id), t.focus?.(l.id);
 					return;
 				}
 			}
@@ -131,7 +131,7 @@ function pe(e) {
 		follow: (e) => {
 			let n = l();
 			if (!n) return;
-			let { held: r } = W(n.from, e.x - n.start.x, e.y - n.start.y, n.held);
+			let { held: r } = ue(n.from, e.x - n.start.x, e.y - n.start.y, n.held);
 			r && (!n.held || r.i !== n.held.i || r.j !== n.held.j) && t.caught?.(n.id), u({
 				...n,
 				now: e,
@@ -141,7 +141,7 @@ function pe(e) {
 		drop: () => {
 			let n = l();
 			if (!n) return;
-			let r = x(), i = C(), a = D(), c = b(), d = c ? {
+			let r = x(), i = C(), a = E(), c = b(), d = c ? {
 				x: c.x,
 				y: c.y
 			} : {
@@ -149,13 +149,13 @@ function pe(e) {
 				y: n.now.y - n.start.y
 			}, f = n.before;
 			if (u(void 0), i) {
-				n.action === "add" && n.restore ? s(n.restore) : y(f, v(n.id, []), "remove", n.id) && g(void 0);
+				n.action === "add" && n.restore ? s(n.restore) : y(f, v(n.id, []), "remove", n.id) && m(void 0);
 				return;
 			}
-			let p = r && (a ? r : te(r, o(), e.area(), e.clear()));
+			let p = r && (a ? r : re(r, o(), e.area(), e.clear()));
 			if (p) {
 				if (!y(f, v(n.id, [p]), n.action, n.id)) return;
-				g(n.id);
+				m(n.id);
 				let e = B({
 					i: p.pivot.i - n.from.pivot.i,
 					j: p.pivot.j - n.from.pivot.j
@@ -171,22 +171,22 @@ function pe(e) {
 				return;
 			}
 			s(v(n.id, [n.from]));
-			let m = t.slid?.(n.id, d) ?? 0;
-			F = setTimeout(() => P(n.id), m);
+			let h = t.slid?.(n.id, d) ?? 0;
+			N = setTimeout(() => M(n.id), h);
 		},
-		key: (e, n) => {
-			let i = _(e);
-			if (!i || r().has(e)) return !1;
-			let a = n.key;
-			if (a === "r" || a === "R") return l()?.id !== e && (I(e, n.shiftKey ? -1 : 1), t.focus?.(e)), !0;
-			if (a === "g" || a === "G") return n.shiftKey ? z(e) : L(e), !0;
-			if (a === "Delete" || a === "Backspace") return V(e), !0;
-			let s = E(i, a);
+		key: (e, r) => {
+			let i = h(e);
+			if (!i || n().has(e)) return !1;
+			let a = r.key;
+			if (a === "r" || a === "R") return l()?.id !== e && (P(e, r.shiftKey ? -1 : 1), t.focus?.(e)), !0;
+			if (a === "g" || a === "G") return r.shiftKey ? I(e) : F(e), !0;
+			if (a === "Delete" || a === "Backspace") return R(e), !0;
+			let s = D(i, a);
 			if (!s) return !1;
-			let c = G(i, s);
-			if (!T(c)) return P(e), !0;
+			let c = U(i, s);
+			if (!T(c)) return M(e), !0;
 			if (!y(o(), v(e, [c]), "move", e)) return !0;
-			g(e);
+			m(e);
 			let u = B(s);
 			return t.landed?.(e, {
 				x: -u.x,
@@ -195,110 +195,110 @@ function pe(e) {
 		},
 		carryKey: (e) => {
 			let t = l();
-			return !t || e.key !== "r" && e.key !== "R" ? !1 : (I(t.id, e.shiftKey ? -1 : 1), !0);
+			return !t || e.key !== "r" && e.key !== "R" ? !1 : (P(t.id, e.shiftKey ? -1 : 1), !0);
 		},
-		turn: I,
-		glue: L,
-		breakApart: z,
-		throwAway: V
+		turn: P,
+		glue: F,
+		breakApart: I,
+		throwAway: R
 	};
 }
-function me(e, t) {
+function _e(e, t) {
 	if (typeof window > "u") return;
-	let n = (n) => e.follow(t(n.clientX, n.clientY)), i = () => e.drop(), a = (t) => {
+	let n = (n) => e.follow(t(n.clientX, n.clientY)), r = () => e.drop(), i = (t) => {
 		e.carryKey(t) && t.preventDefault();
 	};
-	r(() => {
-		e.carried() && (window.addEventListener("pointermove", n), window.addEventListener("pointerup", i), window.addEventListener("pointercancel", i), window.addEventListener("keydown", a), m(() => {
-			window.removeEventListener("pointermove", n), window.removeEventListener("pointerup", i), window.removeEventListener("pointercancel", i), window.removeEventListener("keydown", a);
+	o(() => {
+		e.carried() && (window.addEventListener("pointermove", n), window.addEventListener("pointerup", r), window.addEventListener("pointercancel", r), window.addEventListener("keydown", i), a(() => {
+			window.removeEventListener("pointermove", n), window.removeEventListener("pointerup", r), window.removeEventListener("pointercancel", r), window.removeEventListener("keydown", i);
 		}));
 	});
 }
 //#endregion
 //#region src/pieceDrawing.tsx
-var he = /*#__PURE__*/ c("<svg><path class=shade></svg>", !1, !0, !1), ge = /*#__PURE__*/ c("<svg><path class=shadow></svg>", !1, !0, !1), q = /*#__PURE__*/ c("<svg><path class=top></svg>", !1, !0, !1), _e = /*#__PURE__*/ c("<svg><g><rect width=1 height=1></svg>", !1, !0, !1), ve = /*#__PURE__*/ c("<svg><g class=part></svg>", !1, !0, !1), J = /*#__PURE__*/ c("<svg><g></svg>", !1, !0, !1), ye = /*#__PURE__*/ c("<svg><line></svg>", !1, !0, !1), be = /*#__PURE__*/ c("<svg><g class=piece role=button tabindex=0><g><g><g></svg>", !1, !0, !1), xe = /*#__PURE__*/ c("<svg><g class=landing></svg>", !1, !0, !1), Y = /*#__PURE__*/ c("<svg><path></svg>", !1, !0, !1), Se = /*#__PURE__*/ c("<svg><g class=tray></svg>", !1, !0, !1), Ce = /*#__PURE__*/ c("<svg><g class=source role=button tabindex=0><g class=tray-cell></g><g class=tray-unit></svg>", !1, !0, !1), { width: X, half: Z } = M;
-function we() {
+var ve = /*#__PURE__*/ s("<svg><path class=shade></svg>", !1, !0, !1), ye = /*#__PURE__*/ s("<svg><path class=shadow></svg>", !1, !0, !1), G = /*#__PURE__*/ s("<svg><path class=top></svg>", !1, !0, !1), be = /*#__PURE__*/ s("<svg><g><rect width=1 height=1></svg>", !1, !0, !1), xe = /*#__PURE__*/ s("<svg><g class=part></svg>", !1, !0, !1), K = /*#__PURE__*/ s("<svg><g></svg>", !1, !0, !1), Se = /*#__PURE__*/ s("<svg><line></svg>", !1, !0, !1), Ce = /*#__PURE__*/ s("<svg><g class=piece role=button tabindex=0><g><g><g></svg>", !1, !0, !1), we = /*#__PURE__*/ s("<svg><g class=landing></svg>", !1, !0, !1), q = /*#__PURE__*/ s("<svg><path></svg>", !1, !0, !1), Te = /*#__PURE__*/ s("<svg><g class=tray></svg>", !1, !0, !1), Ee = /*#__PURE__*/ s("<svg><g class=source role=button tabindex=0><g class=tray-cell></g><g class=tray-unit></g><g class=tray-bin></svg>", !1, !0, !1), { width: J, half: Y } = j;
+function X() {
 	return [
 		(() => {
-			var e = he();
-			return T(e, "d", `M 0 66 L ${Z} 88 L ${Z} 64 L 0 42 Z`), e;
+			var e = ve();
+			return T(e, "d", `M 0 66 L ${Y} 88 L ${Y} 64 L 0 42 Z`), e;
 		})(),
 		(() => {
-			var e = ge();
-			return T(e, "d", `M ${Z} 88 L ${X} 66 L ${X} 42 L ${Z} 64 Z`), e;
+			var e = ye();
+			return T(e, "d", `M ${Y} 88 L ${J} 66 L ${J} 42 L ${Y} 64 Z`), e;
 		})(),
 		(() => {
-			var e = q();
-			return T(e, "d", P), e;
+			var e = G();
+			return T(e, "d", N), e;
 		})()
 	];
 }
-function Te(e) {
-	let t = z(e.tri).map(U), n = t[2], r = t[1];
+function De(t) {
+	let n = R(t.tri).map(H), r = n[2], i = n[1];
 	return [(() => {
-		var t = _e(), a = t.firstChild;
-		return i((i) => {
-			var o = `matrix(${r.x - n.x} ${r.y - n.y} 0 -1 ${n.x} ${n.y})`, s = `side ${e.tri.k === 0 ? "shadow" : "shade"}`;
-			return o !== i.e && T(t, "transform", i.e = o), s !== i.t && T(a, "class", i.t = s), i;
+		var n = be(), a = n.firstChild;
+		return e((e) => {
+			var o = `matrix(${i.x - r.x} ${i.y - r.y} 0 -1 ${r.x} ${r.y})`, s = `side ${t.tri.k === 0 ? "shadow" : "shade"}`;
+			return o !== e.e && T(n, "transform", e.e = o), s !== e.t && T(a, "class", e.t = s), e;
 		}, {
 			e: void 0,
 			t: void 0
-		}), t;
+		}), n;
 	})(), (() => {
-		var e = q();
-		return i(() => T(e, "d", p(t))), e;
+		var t = G();
+		return e(() => T(t, "d", l(n))), t;
 	})()];
 }
-function Ee(e) {
+function Z(t) {
 	return (() => {
-		var t = ve();
-		return s(t, (() => {
-			var t = S(() => e.part.kind === "cell");
-			return () => t() ? (() => {
-				var t = J();
-				return s(t, o(we, {})), i(() => T(t, "transform", `translate(${R(e.part.at).x} ${R(e.part.at).y})`)), t;
-			})() : o(Te, { get tri() {
-				return e.part.at;
+		var r = xe();
+		return E(r, (() => {
+			var r = u(() => t.part.kind === "cell");
+			return () => r() ? (() => {
+				var r = K();
+				return E(r, n(X, {})), e(() => T(r, "transform", `translate(${L(t.part.at).x} ${L(t.part.at).y})`)), r;
+			})() : n(De, { get tri() {
+				return t.part.at;
 			} });
-		})()), i((n) => {
-			var r = e.part.tone, i = e.index;
-			return r !== n.e && T(t, "data-tone", n.e = r), i !== n.t && T(t, "data-part", n.t = i), n;
+		})()), e((e) => {
+			var n = t.part.tone, i = t.index;
+			return n !== e.e && T(r, "data-tone", e.e = n), i !== e.t && T(r, "data-part", e.t = i), e;
 		}, {
 			e: void 0,
 			t: void 0
-		}), t;
+		}), r;
 	})();
 }
-function De(e) {
-	let t = (e) => Math.max(...N(e).flatMap((e) => z(e).map((e) => U(e).y))), n = (e) => Math.min(...N(e).flatMap((e) => z(e).map((e) => U(e).x)));
+function Oe(e) {
+	let t = (e) => Math.max(...M(e).flatMap((e) => R(e).map((e) => H(e).y))), n = (e) => Math.min(...M(e).flatMap((e) => R(e).map((e) => H(e).x)));
 	return e.parts.map((e, t) => ({
 		part: e,
 		index: t
 	})).sort((e, r) => t(e.part) - t(r.part) || n(e.part) - n(r.part));
 }
-function Q(e) {
+function Q(t) {
 	return (() => {
-		var t = J();
-		return s(t, o(a, {
+		var r = K();
+		return E(r, n(w, {
 			get each() {
-				return e.sides;
+				return t.sides;
 			},
-			children: ([e, t]) => (() => {
-				var n = ye();
-				return i((r) => {
-					var i = e.x, a = e.y, o = t.x, s = t.y;
-					return i !== r.e && T(n, "x1", r.e = i), a !== r.t && T(n, "y1", r.t = a), o !== r.a && T(n, "x2", r.a = o), s !== r.o && T(n, "y2", r.o = s), r;
+			children: ([t, n]) => (() => {
+				var r = Se();
+				return e((e) => {
+					var i = t.x, a = t.y, o = n.x, s = n.y;
+					return i !== e.e && T(r, "x1", e.e = i), a !== e.t && T(r, "y1", e.t = a), o !== e.a && T(r, "x2", e.a = o), s !== e.o && T(r, "y2", e.o = s), e;
 				}, {
 					e: void 0,
 					t: void 0,
 					a: void 0,
 					o: void 0
-				}), n;
+				}), r;
 			})()
-		})), i(() => T(t, "class", e.class)), t;
+		})), e(() => T(r, "class", t.class)), r;
 	})();
 }
-function Oe(e, t) {
+function ke(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = !1;
 	return {
 		elements: n,
@@ -340,100 +340,100 @@ function Oe(e, t) {
 		}
 	};
 }
-var ke = (e) => `A piece of ${e.parts.length} ${e.parts.length === 1 ? "part" : "parts"}. Drag it or use the arrow keys to move it; R turns it, G glues it to what it touches, Shift+G breaks it apart, Delete throws it away.`;
-function Ae(e) {
-	let t = e.board, n = () => t.pieceById(e.id);
+var Ae = (e) => `A piece of ${e.parts.length} ${e.parts.length === 1 ? "part" : "parts"}. Drag it or use the arrow keys to move it; R turns it, G glues it to what it touches, Shift+G breaks it apart, Delete throws it away.`;
+function je(r) {
+	let i = r.board, a = () => i.pieceById(r.id);
 	return (() => {
-		var c = be(), l = c.firstChild, u = l.firstChild, d = u.firstChild;
-		return f(c, "keydown", (n) => e.motion.keyed(() => {
-			t.key(e.id, n) && n.preventDefault();
-		})), f(c, "focus", () => t.touch(e.id)), f(c, "dblclick", () => t.turn(e.id, 1)), f(c, "pointerleave", () => e.onPointerLeave?.()), f(c, "pointerenter", () => e.onPointerEnter?.()), f(c, "pointerdown", (n) => {
-			if (n.button !== 0) return;
-			n.preventDefault();
-			let r = n.target.closest("[data-part]"), i = n.altKey && r ? Number(r.getAttribute("data-part")) : void 0;
-			t.lift(e.id, e.toWorld(n.clientX, n.clientY), i);
-		}), w((n) => {
-			e.motion.elements.set(e.id, n), r(() => {
-				let r = t.carried()?.id === e.id ? t.magnet() : void 0;
-				n.style.setProperty("--tx", `${r?.x ?? 0}px`), n.style.setProperty("--ty", `${r?.y ?? 0}px`), n.style.setProperty("--pull", `${e.calm() ? 0 : r?.pull ?? 0}`);
+		var s = Ce(), c = s.firstChild, l = c.firstChild, u = l.firstChild;
+		return C(s, "keydown", (e) => r.motion.keyed(() => {
+			i.key(r.id, e) && e.preventDefault();
+		})), C(s, "focus", () => i.touch(r.id)), C(s, "dblclick", () => i.turn(r.id, 1)), C(s, "pointerleave", () => r.onPointerLeave?.()), C(s, "pointerenter", () => r.onPointerEnter?.()), C(s, "pointerdown", (e) => {
+			if (e.button !== 0) return;
+			e.preventDefault();
+			let t = e.target.closest("[data-part]"), n = e.altKey && t ? Number(t.getAttribute("data-part")) : void 0;
+			i.lift(r.id, r.toWorld(e.clientX, e.clientY), n);
+		}), t((e) => {
+			r.motion.elements.set(r.id, e), o(() => {
+				let t = i.carried()?.id === r.id ? i.magnet() : void 0;
+				e.style.setProperty("--tx", `${t?.x ?? 0}px`), e.style.setProperty("--ty", `${t?.y ?? 0}px`), e.style.setProperty("--pull", `${r.calm() ? 0 : t?.pull ?? 0}`);
 			});
-		}, c), w((t) => {
-			t.style.transformOrigin = "0 0", t.style.transformBox = "view-box", e.motion.turners.set(e.id, t);
-		}, u), s(d, o(a, {
+		}, s), t((e) => {
+			e.style.transformOrigin = "0 0", e.style.transformBox = "view-box", r.motion.turners.set(r.id, e);
+		}, l), E(u, n(w, {
 			get each() {
-				return De(n());
+				return Oe(a());
 			},
-			children: ({ part: e, index: t }) => o(Ee, {
+			children: ({ part: e, index: t }) => n(Z, {
 				part: e,
 				index: t
 			})
-		}), null), s(d, o(Q, {
+		}), null), E(u, n(Q, {
 			get sides() {
-				return k(n());
+				return te(a());
 			},
 			class: "seams"
-		}), null), s(d, o(Q, {
+		}), null), E(u, n(Q, {
 			get sides() {
-				return le(n());
+				return fe(a());
 			},
 			class: "outline"
-		}), null), i((r) => {
-			var i = t.carried()?.id === e.id, a = t.refused() === e.id, o = ke(n()), s = `translate(${D(n()).x} ${D(n()).y})`, u = `translate(${-D(n()).x} ${-D(n()).y})`;
-			return i !== r.e && c.classList.toggle("carried", r.e = i), a !== r.t && c.classList.toggle("refused", r.t = a), o !== r.a && T(c, "aria-label", r.a = o), s !== r.o && T(l, "transform", r.o = s), u !== r.i && T(d, "transform", r.i = u), r;
+		}), null), e((e) => {
+			var t = i.carried()?.id === r.id, n = i.refused() === r.id, o = Ae(a()), l = `translate(${O(a()).x} ${O(a()).y})`, d = `translate(${-O(a()).x} ${-O(a()).y})`;
+			return t !== e.e && s.classList.toggle("carried", e.e = t), n !== e.t && s.classList.toggle("refused", e.t = n), o !== e.a && T(s, "aria-label", e.a = o), l !== e.o && T(c, "transform", e.o = l), d !== e.i && T(u, "transform", e.i = d), e;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0,
 			o: void 0,
 			i: void 0
-		}), c;
+		}), s;
 	})();
 }
-function je(e) {
-	let t = e.board;
-	return o(C, {
+function Me(i) {
+	let a = i.board;
+	return n(r, {
 		get when() {
-			return S(() => !!t.target())() && !t.overTray();
+			return u(() => !!a.target())() && !a.overTray();
 		},
 		get children() {
-			var e = xe();
-			return w((e) => r(() => e.style.setProperty("--pull", `${t.magnet()?.pull ?? 0}`)), e), s(e, o(a, {
+			var r = we();
+			return t((e) => o(() => e.style.setProperty("--pull", `${a.magnet()?.pull ?? 0}`)), r), E(r, n(w, {
 				get each() {
-					return t.target()?.parts ?? [];
+					return a.target()?.parts ?? [];
 				},
-				children: (e, n) => {
-					let r = () => t.blocked().has(n());
-					return e.kind === "cell" ? (() => {
-						var t = Y();
-						return T(t, "d", P), i((n) => {
-							var i = !!r(), a = `translate(${R(e.at).x} ${R(e.at).y})`;
-							return i !== n.e && t.classList.toggle("blocked", n.e = i), a !== n.t && T(t, "transform", n.t = a), n;
+				children: (t, n) => {
+					let r = () => a.blocked().has(n());
+					return t.kind === "cell" ? (() => {
+						var n = q();
+						return T(n, "d", N), e((e) => {
+							var i = !!r(), a = `translate(${L(t.at).x} ${L(t.at).y})`;
+							return i !== e.e && n.classList.toggle("blocked", e.e = i), a !== e.t && T(n, "transform", e.t = a), e;
 						}, {
 							e: void 0,
 							t: void 0
-						}), t;
+						}), n;
 					})() : (() => {
-						var t = Y();
-						return i((n) => {
-							var i = !!r(), a = p(z(e.at).map(U));
-							return i !== n.e && t.classList.toggle("blocked", n.e = i), a !== n.t && T(t, "d", n.t = a), n;
+						var n = q();
+						return e((e) => {
+							var i = !!r(), a = l(R(t.at).map(H));
+							return i !== e.e && n.classList.toggle("blocked", e.e = i), a !== e.t && T(n, "d", e.t = a), e;
 						}, {
 							e: void 0,
 							t: void 0
-						}), t;
+						}), n;
 					})();
 				}
-			})), i(() => e.classList.toggle("held", t.magnet()?.held !== void 0)), e;
+			})), e(() => r.classList.toggle("held", a.magnet()?.held !== void 0)), r;
 		}
 	});
 }
-function Me(e) {
-	return o(C, {
+function Ne(e) {
+	return n(r, {
 		get when() {
 			return e.board.glueSides().length > 0;
 		},
 		get children() {
-			return o(Q, {
+			return n(Q, {
 				get sides() {
 					return e.board.glueSides();
 				},
@@ -442,38 +442,52 @@ function Me(e) {
 		}
 	});
 }
-function Ne(e) {
+function Pe(t) {
 	return (() => {
-		var n = Se();
-		return s(n, o(t, {
+		var r = Te();
+		return E(r, n(c, {
 			get each() {
-				return e.cells;
+				return t.cells;
 			},
-			children: (t, n) => {
-				let r = () => R(t()), c = n === 0 ? "cell" : "tri", l = () => j(c, r().x + Z, r().y + 44, 4, "");
+			children: (r, i) => {
+				let a = () => L(r()), o = i === 0 ? "cell" : "tri", s = () => A(o, a().x + Y, a().y + 44, 4, "");
 				return (() => {
-					var t = Ce(), n = t.firstChild, u = n.nextSibling;
-					return f(t, "keydown", (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.motion.keyed(() => e.board.placeFromTray(c)));
-					}), f(t, "pointerdown", (t) => {
-						t.button === 0 && (t.preventDefault(), e.board.fromTray(c, e.toWorld(t.clientX, t.clientY)));
-					}), T(t, "aria-label", c === "cell" ? "A new cell" : "A new triangle"), s(n, o(we, {})), T(u, "transform", c === "tri" ? `translate(${-Z / 2} 22)` : void 0), s(u, o(a, {
+					var r = Ee(), i = r.firstChild, c = i.nextSibling, l = c.nextSibling;
+					return C(r, "keydown", (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.motion.keyed(() => t.board.placeFromTray(o)));
+					}), C(r, "pointerdown", (e) => {
+						e.button === 0 && (e.preventDefault(), t.board.fromTray(o, t.toWorld(e.clientX, e.clientY)));
+					}), T(r, "aria-label", o === "cell" ? "A new cell" : "A new triangle"), E(i, n(X, {})), T(c, "transform", o === "tri" ? `translate(${-Y / 2} 22)` : void 0), E(c, n(w, {
 						get each() {
-							return l().parts;
+							return s().parts;
 						},
-						children: (e) => o(Ee, {
+						children: (e) => n(Z, {
 							part: e,
 							index: 0
 						})
-					})), i(() => T(n, "transform", `translate(${r().x} ${r().y})`)), t;
+					})), E(l, n(w, {
+						get each() {
+							return S("bin");
+						},
+						children: (t) => (() => {
+							var n = q();
+							return e(() => T(n, "d", t.d)), n;
+						})()
+					})), e((e) => {
+						var t = `translate(${a().x} ${a().y})`, n = `translate(${a().x + Y - 16} ${a().y + 44 - 16 - 8}) scale(2)`;
+						return t !== e.e && T(i, "transform", e.e = t), n !== e.t && T(l, "transform", e.t = n), e;
+					}, {
+						e: void 0,
+						t: void 0
+					}), r;
 				})();
 			}
-		})), i(() => n.classList.toggle("discard", !!e.board.overTray())), n;
+		})), e(() => r.classList.toggle("discard", !!t.board.overTray())), r;
 	})();
 }
 //#endregion
 //#region src/elements/board.css?inline
-var Pe = ":host{min-height:var(--space-tree-4);display:block;position:relative}.board{width:100%;height:100%}.board .fixed{pointer-events:none}", Fe = ".pieces .piece{--lift:var(--space-tree-2);--lift-n:8;transform:translate(var(--tx), var(--ty));cursor:grab;touch-action:none}.pieces .piece .top{fill:color-mix(in srgb, var(--wood) 28%, var(--sky));stroke:color-mix(in srgb, var(--wood) 55%, var(--sky));stroke-width:var(--tree-rule-width);transform:translateY(calc(-1 * var(--lift)));transition:transform .16s ease-out}.pieces .piece .side{transform:scaleY(var(--lift-n));transform-box:fill-box;transform-origin:0 0;transition:transform .16s ease-out}.pieces .piece .shade{fill:color-mix(in srgb, var(--wood) 70%, var(--sky))}.pieces .piece .shadow{fill:var(--wood)}.pieces .piece:hover{--lift:var(--space-tree-3);--lift-n:12}.pieces .piece.carried{--lift:calc(var(--space-tree-5) * (1 - var(--pull,0) / 2));--lift-n:calc(24 * (1 - var(--pull,0) / 2));cursor:grabbing;transition:none}.pieces .piece:focus-visible{outline:none}.pieces .piece.refused .top{animation:.3s ease-in-out refuse}@keyframes refuse{25%{translate:calc(-1 * var(--space-tree-1)) 0}75%{translate:var(--space-tree-1) 0}}.pieces .seams line,.pieces .glue-sides line{transform:translateY(calc(-1 * var(--lift)))}.pieces .seams line{stroke:color-mix(in srgb, var(--color-tree-ink) 18%, transparent);stroke-width:var(--tree-rule-width);stroke-linecap:round}.pieces .glue-sides{--lift:var(--space-tree-2)}.pieces .glue-sides line{stroke:var(--color-tree-alert);stroke-width:var(--tree-rule-thick-width);stroke-linecap:round;pointer-events:none}.pieces .piece .outline line{visibility:hidden;stroke:var(--color-tree-ink);stroke-width:var(--tree-rule-thick-width);stroke-linecap:round;transform:translateY(calc(-1 * var(--lift)));transition:transform .16s ease-out}.pieces .piece:focus-visible .outline line{visibility:visible}.pieces .tray .tray-cell .top{fill:color-mix(in srgb, var(--color-tree-ink) 5%, var(--sky));stroke:color-mix(in srgb, var(--color-tree-ink) 18%, var(--sky));stroke-width:var(--tree-rule-width);transform:translateY(calc(-1 * var(--space-tree-2)))}.pieces .tray .tray-cell .shade{fill:color-mix(in srgb, var(--color-tree-earth) 16%, var(--sky))}.pieces .tray .tray-cell .shadow{fill:color-mix(in srgb, var(--color-tree-earth) 30%, var(--sky))}.pieces .tray .tray-unit .top{fill:color-mix(in srgb, var(--wood) 28%, var(--sky));stroke:color-mix(in srgb, var(--wood) 55%, var(--sky));stroke-width:var(--tree-rule-width);transform:scale(.55) translateY(calc(-1 * var(--space-tree-3)));transform-box:fill-box;transform-origin:50%}.pieces .tray .tray-unit .shade,.pieces .tray .tray-unit .shadow{display:none}.pieces .tray .source{cursor:grab}.pieces .tray .source:hover .tray-cell .top{fill:color-mix(in srgb, var(--color-tree-ink) 10%, var(--sky))}.pieces .tray .source:focus-visible{outline:none}.pieces .tray .source:focus-visible .tray-cell .top{stroke:var(--color-tree-ink);stroke-width:var(--tree-rule-thick-width)}.pieces .tray.discard .source .tray-cell .top{fill:color-mix(in srgb, var(--color-tree-alert) 18%, var(--sky));stroke:var(--color-tree-alert)}.pieces .landing path{fill:color-mix(in srgb, var(--color-tree-ink) 6%, var(--sky));stroke:color-mix(in srgb, var(--color-tree-ink) 35%, var(--sky));stroke-width:var(--tree-rule-width);stroke-dasharray:4 3}.pieces .landing path:not(.blocked){fill:color-mix(in srgb, var(--color-tree-leaf) calc(var(--pull,0) * 30%), var(--sky));stroke:color-mix(in srgb, var(--color-tree-leaf) calc(var(--pull,0) * 70%), color-mix(in srgb, var(--color-tree-ink) 35%, var(--sky)));stroke-width:calc(var(--tree-rule-width) + var(--pull,0) * var(--space-tree-1) * 2);stroke-linejoin:miter}.pieces .landing.held path:not(.blocked){stroke-dasharray:none}.pieces .landing path.blocked{fill:color-mix(in srgb, var(--color-tree-alert) 10%, var(--sky));stroke:var(--color-tree-alert)}.pieces .piece .part:is([data-tone=\"5\"],[data-tone=\"6\"]) .top{fill:var(--wood)}.pieces .piece .part[data-tone=\"7\"] .top{fill:var(--color-tree-raised)}@media (prefers-reduced-motion:reduce){.pieces .piece,.pieces .piece .top,.pieces .piece .side,.pieces .piece .outline line{transition:none}.pieces .piece.refused .top{animation:none}}", Ie = /*#__PURE__*/ c("<svg class=\"board pieces woods\"part=board role=group>"), Le = /*#__PURE__*/ c("<svg><g class=\"shape fixed\"><path class=seams></svg>", !1, !0, !1), Re = /*#__PURE__*/ c("<svg><path></svg>", !1, !0, !1), ze = "lattice-board", Be = y(`${b}\n${l}\n${Fe}\n${Pe}`), Ve = 8;
+var Fe = ":host{min-height:var(--space-tree-4);display:block;position:relative}.board{width:100%;height:100%}.board .fixed{pointer-events:none}", Ie = ".pieces .piece{--lift:var(--space-tree-2);--lift-n:8;transform:translate(var(--tx), var(--ty));cursor:grab;touch-action:none}.pieces .piece .top{fill:color-mix(in srgb, var(--wood) 28%, var(--sky));stroke:color-mix(in srgb, var(--wood) 55%, var(--sky));stroke-width:var(--tree-rule-width);transform:translateY(calc(-1 * var(--lift)));transition:transform .16s ease-out}.pieces .piece .side{transform:scaleY(var(--lift-n));transform-box:fill-box;transform-origin:0 0;transition:transform .16s ease-out}.pieces .piece .shade{fill:color-mix(in srgb, var(--wood) 70%, var(--sky))}.pieces .piece .shadow{fill:var(--wood)}.pieces .piece:hover{--lift:var(--space-tree-3);--lift-n:12}.pieces .piece.carried{--lift:calc(var(--space-tree-5) * (1 - var(--pull,0) / 2));--lift-n:calc(24 * (1 - var(--pull,0) / 2));cursor:grabbing;transition:none}.pieces .piece:focus-visible{outline:none}.pieces .piece.refused .top{animation:.3s ease-in-out refuse}@keyframes refuse{25%{translate:calc(-1 * var(--space-tree-1)) 0}75%{translate:var(--space-tree-1) 0}}.pieces .seams line,.pieces .glue-sides line{transform:translateY(calc(-1 * var(--lift)))}.pieces .seams line{stroke:color-mix(in srgb, var(--color-tree-ink) 18%, transparent);stroke-width:var(--tree-rule-width);stroke-linecap:round}.pieces .glue-sides{--lift:var(--space-tree-2)}.pieces .glue-sides line{stroke:var(--color-tree-alert);stroke-width:var(--tree-rule-thick-width);stroke-linecap:round;pointer-events:none}.pieces .piece .outline line{visibility:hidden;stroke:var(--color-tree-ink);stroke-width:var(--tree-rule-thick-width);stroke-linecap:round;transform:translateY(calc(-1 * var(--lift)));transition:transform .16s ease-out}.pieces .piece:focus-visible .outline line{visibility:visible}.pieces .tray .tray-cell .top{fill:var(--color-tree-raised);stroke:color-mix(in srgb, var(--color-tree-ink) 30%, var(--sky));stroke-width:var(--tree-rule-width);transform:translateY(calc(-1 * var(--space-tree-2)))}.pieces .tray .tray-cell .shade{fill:color-mix(in srgb, var(--color-tree-earth) 16%, var(--sky))}.pieces .tray .tray-cell .shadow{fill:color-mix(in srgb, var(--color-tree-earth) 30%, var(--sky))}.pieces .tray .tray-unit .top{fill:color-mix(in srgb, var(--wood) 55%, var(--sky));stroke:var(--wood);stroke-width:var(--tree-rule-width);transform:scale(.55) translateY(calc(-1 * var(--space-tree-3)));transform-box:fill-box;transform-origin:50%}.pieces .tray .tray-unit .shade,.pieces .tray .tray-unit .shadow{display:none}.pieces .tray .source{cursor:grab}.pieces .tray .source:hover .tray-cell .top{transform:translateY(calc(-1 * var(--space-tree-3)))}.pieces .tray .source:focus-visible{outline:none}.pieces .tray .source:focus-visible .tray-cell .top{stroke:var(--color-tree-ink);stroke-width:var(--tree-rule-thick-width)}.pieces .tray.discard .source .tray-cell .top{fill:color-mix(in srgb, var(--color-tree-alert) 18%, var(--sky));stroke:var(--color-tree-alert)}.pieces .tray .tray-bin{fill:none;stroke:var(--color-tree-alert);stroke-width:var(--tree-rule-thick-width);stroke-linejoin:miter;display:none}.pieces .tray-bin path{vector-effect:non-scaling-stroke}.pieces .tray.discard .tray-unit{display:none}.pieces .tray.discard .tray-bin{display:inline}.pieces .landing path{fill:color-mix(in srgb, var(--color-tree-ink) 6%, var(--sky));stroke:color-mix(in srgb, var(--color-tree-ink) 35%, var(--sky));stroke-width:var(--tree-rule-width);stroke-dasharray:4 3}.pieces .landing path:not(.blocked){fill:color-mix(in srgb, var(--color-tree-leaf) calc(var(--pull,0) * 30%), var(--sky));stroke:color-mix(in srgb, var(--color-tree-leaf) calc(var(--pull,0) * 70%), color-mix(in srgb, var(--color-tree-ink) 35%, var(--sky)));stroke-width:calc(var(--tree-rule-width) + var(--pull,0) * var(--space-tree-1) * 2);stroke-linejoin:miter}.pieces .landing.held path:not(.blocked){stroke-dasharray:none}.pieces .landing path.blocked{fill:color-mix(in srgb, var(--color-tree-alert) 10%, var(--sky));stroke:var(--color-tree-alert)}.pieces .piece .part:is([data-tone=\"5\"],[data-tone=\"6\"]) .top{fill:var(--wood)}.pieces .piece .part[data-tone=\"7\"] .top{fill:var(--color-tree-raised);stroke:color-mix(in srgb, var(--wood) 75%, var(--sky))}@media (prefers-reduced-motion:reduce){.pieces .piece,.pieces .piece .top,.pieces .piece .side,.pieces .piece .outline line{transition:none}.pieces .piece.refused .top{animation:none}}", Le = /*#__PURE__*/ s("<svg class=\"board pieces woods\"part=board role=group>"), Re = /*#__PURE__*/ s("<svg><g class=\"shape fixed\"><path class=seams></svg>", !1, !0, !1), ze = /*#__PURE__*/ s("<svg><path></svg>", !1, !0, !1), Be = "lattice-board", Ve = h(`${x}\n${d}\n${Ie}\n${Fe}`), He = 8;
 function $(e, t) {
 	let n = e;
 	if (typeof n == "string") try {
@@ -483,23 +497,23 @@ function $(e, t) {
 	}
 	return Array.isArray(n) ? n.flatMap((e) => {
 		if (typeof e != "object" || !e) return [];
-		let { id: n, parts: r } = e, i = v(r, 0);
-		return i.length === 0 ? [] : [F(typeof n == "string" && n !== "" ? n : t(), i)];
+		let { id: n, parts: r } = e, i = y(r, 0);
+		return i.length === 0 ? [] : [P(typeof n == "string" && n !== "" ? n : t(), i)];
 	}) : [];
 }
-var He = class t extends g {
+var Ue = class s extends f {
 	static observedAttributes = [
 		"pieces",
 		"tray",
 		"scale",
 		"label"
 	];
-	inputs = [...t.observedAttributes, "fixed"];
-	givenSignal = h();
-	fixedSignal = h();
-	traySignal = h(!1);
-	scaleSignal = h(1);
-	labelSignal = h("");
+	inputs = [...s.observedAttributes, "fixed"];
+	givenSignal = g();
+	fixedSignal = g();
+	traySignal = g(!1);
+	scaleSignal = g(1);
+	labelSignal = g("");
 	live;
 	made = 0;
 	madeId = () => `piece-${++this.made}`;
@@ -519,13 +533,13 @@ var He = class t extends g {
 		return this.traySignal[0]();
 	}
 	set tray(e) {
-		this.traySignal[1](u(e));
+		this.traySignal[1](b(e));
 	}
 	get scale() {
 		return this.scaleSignal[0]();
 	}
 	set scale(e) {
-		let t = d(e, 1);
+		let t = v(e, 1);
 		this.scaleSignal[1](t > 0 ? t : 1);
 	}
 	get label() {
@@ -538,12 +552,12 @@ var He = class t extends g {
 		e === "tray" ? this.tray = n : Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return Be();
+		return Ve();
 	}
 	draw() {
-		let t = this.getBoundingClientRect(), [c, l] = h({
-			width: t.width || d(this.style.width, 0),
-			height: t.height || d(this.style.height, 0)
+		let s = this.getBoundingClientRect(), [c, l] = g({
+			width: s.width || v(this.style.width, 0),
+			height: s.height || v(this.style.height, 0)
 		});
 		if (typeof ResizeObserver < "u") {
 			let e = new ResizeObserver((e) => {
@@ -553,11 +567,11 @@ var He = class t extends g {
 					height: t.height
 				});
 			});
-			e.observe(this), m(() => e.disconnect());
+			e.observe(this), a(() => e.disconnect());
 		}
-		let u = n(() => I(c().width / this.scale, c().height / this.scale)), f = n(() => {
+		let d = _(() => F(c().width / this.scale, c().height / this.scale)), f = _(() => {
 			if (!this.tray) return;
-			let e = Math.max(0, Math.floor((u().bottom - 88) / 66)), t = Math.ceil(-e / 2);
+			let e = Math.max(0, Math.floor((d().bottom - 88) / 66)), t = Math.ceil(-e / 2);
 			return [{
 				q: t,
 				r: e
@@ -565,25 +579,25 @@ var He = class t extends g {
 				q: t + 1,
 				r: e
 			}];
-		}), p = n(() => $(this.fixedSignal[0](), this.madeId)), g = n(() => new Set(p().map((e) => e.id))), v = (e, t) => {
+		}), p = _(() => $(this.fixedSignal[0](), this.madeId)), h = _(() => new Set(p().map((e) => e.id))), y = (e, t) => {
 			let n = this.getBoundingClientRect();
 			return {
 				x: (e - n.left) / this.scale,
 				y: (t - n.top) / this.scale
 			};
-		}, y = _(), b, x = Oe(y, () => {
+		}, b = m(), x, S = ke(b, () => {
 			let e = this.shadowRoot?.activeElement;
-			return !!e && !!b?.contains(e);
-		}), E = pe({
+			return !!e && !!x?.contains(e);
+		}), C = ge({
 			initial: [],
-			area: u,
+			area: d,
 			clear: () => f() ?? [],
 			tray: f,
-			fixed: g,
-			calm: y,
+			fixed: h,
+			calm: b,
 			id: () => {
 				let e = this.madeId();
-				for (; E.pieceById(e);) e = this.madeId();
+				for (; C.pieceById(e);) e = this.madeId();
 				return e;
 			},
 			hooks: {
@@ -593,93 +607,93 @@ var He = class t extends g {
 					id: n
 				}, !0),
 				caught: (e) => this.tell("catch", { id: e }),
-				landed: x.landed,
-				slid: x.slid,
-				turned: x.turned,
-				focus: x.focus
+				landed: S.landed,
+				slid: S.slid,
+				turned: S.turned,
+				focus: S.focus
 			}
 		});
-		me(E, v), this.live = () => E.pieces().filter((e) => !g().has(e.id)), m(() => {
+		_e(C, y), this.live = () => C.pieces().filter((e) => !h().has(e.id)), a(() => {
 			this.live = void 0;
-		}), r(e([() => this.givenSignal[0](), p], ([e, t]) => {
-			E.setPieces([...t, ...$(e, this.madeId)]);
-		})), r(e([u, f], () => {
-			if (u().right <= 0 || u().bottom <= 0) return;
-			let e = E.pieces(), t = e.filter((e) => g().has(e.id)), n = e.filter((e) => !g().has(e.id)), r = L(n, u(), f() ?? [], t);
-			r.every((e, t) => e === n[t]) || (E.setPieces([...t, ...r]), this.tell("change", {
+		}), o(i([() => this.givenSignal[0](), p], ([e, t]) => {
+			C.setPieces([...t, ...$(e, this.madeId)]);
+		})), o(i([d, f], () => {
+			if (d().right <= 0 || d().bottom <= 0) return;
+			let e = C.pieces(), t = e.filter((e) => h().has(e.id)), n = e.filter((e) => !h().has(e.id)), r = I(n, d(), f() ?? [], t);
+			r.every((e, t) => e === n[t]) || (C.setPieces([...t, ...r]), this.tell("change", {
 				pieces: r,
 				action: "move",
 				id: ""
 			}));
 		}));
-		let D = () => `0 0 ${u().right} ${u().bottom}`, O = this;
+		let D = () => `0 0 ${d().right} ${d().bottom}`, O = this;
 		return (() => {
-			var e = Ie(), t = b;
-			return typeof t == "function" ? w(t, e) : b = e, s(e, o(a, {
+			var i = Le(), a = x;
+			return typeof a == "function" ? t(a, i) : x = i, E(i, n(w, {
 				get each() {
 					return p();
 				},
-				children: (e) => {
-					let t = H(e, Ve);
+				children: (t) => {
+					let r = oe(t, He);
 					return (() => {
-						var e = Le(), n = e.firstChild;
-						return s(e, o(a, {
+						var t = Re(), i = t.firstChild;
+						return E(t, n(w, {
 							get each() {
-								return t.faces;
+								return r.faces;
 							},
-							children: (e) => (() => {
-								var t = Re();
-								return i((n) => {
-									var r = `flat-${e.kind}`, i = e.tone, a = e.d;
-									return r !== n.e && T(t, "class", n.e = r), i !== n.t && T(t, "data-tone", n.t = i), a !== n.a && T(t, "d", n.a = a), n;
+							children: (t) => (() => {
+								var n = ze();
+								return e((e) => {
+									var r = `flat-${t.kind}`, i = t.tone, a = t.d;
+									return r !== e.e && T(n, "class", e.e = r), i !== e.t && T(n, "data-tone", e.t = i), a !== e.a && T(n, "d", e.a = a), e;
 								}, {
 									e: void 0,
 									t: void 0,
 									a: void 0
-								}), t;
+								}), n;
 							})()
-						}), n), i(() => T(n, "d", t.seams)), e;
+						}), i), e(() => T(i, "d", r.seams)), t;
 					})();
 				}
-			}), null), s(e, o(C, {
+			}), null), E(i, n(r, {
 				get when() {
 					return f();
 				},
-				children: (e) => o(Ne, {
-					board: E,
+				children: (e) => n(Pe, {
+					board: C,
 					get cells() {
 						return e();
 					},
-					motion: x,
-					toWorld: v
+					motion: S,
+					toWorld: y
 				})
-			}), null), s(e, o(je, { board: E }), null), s(e, o(a, {
+			}), null), E(i, n(Me, { board: C }), null), E(i, n(w, {
 				get each() {
-					return E.drawn();
+					return C.drawn();
 				},
-				children: (e) => o(C, {
+				children: (e) => n(r, {
 					get when() {
-						return S(() => !!E.pieceById(e))() && !g().has(e);
+						return u(() => !!C.pieceById(e))() && !h().has(e);
 					},
 					get children() {
-						return o(Ae, {
-							board: E,
+						return n(je, {
+							board: C,
 							id: e,
-							motion: x,
-							calm: y,
-							toWorld: v
+							motion: S,
+							calm: b,
+							toWorld: y
 						});
 					}
 				})
-			}), null), s(e, o(Me, { board: E }), null), i((t) => {
-				var n = D(), r = O.label || "A board of lattice pieces";
-				return n !== t.e && T(e, "viewBox", t.e = n), r !== t.t && T(e, "aria-label", t.t = r), t;
+			}), null), E(i, n(Ne, { board: C }), null), e((e) => {
+				var t = D(), n = O.label || "A board of lattice pieces";
+				return t !== e.e && T(i, "viewBox", e.e = t), n !== e.t && T(i, "aria-label", e.t = n), e;
 			}, {
 				e: void 0,
 				t: void 0
-			}), e;
+			}), i;
 		})();
 	}
-}, Ue = (e) => x(ze, He, e);
+}, We = (e) => p(Be, Ue, e);
 //#endregion
-export { ze as BOARD_TAG, He as LatticeBoard, Ue as defineLatticeBoard };
+export { Be as BOARD_TAG, Ue as LatticeBoard, We as defineLatticeBoard };