@popcorn245/cornfield-components 0.51.7 → 0.52.0

package/dist/chunks/{map-LS9aQk6z.js → map-CeP9M2_w.js}

@@ -1,36 +1,36 @@
-import { $ as e, At as t, B as n, Ct as r, Dt as i, Et as a, F as o, G as s, H as c, I as l, J as u, L as d, M as f, N as p, Ot as m, P as h, Q as g, Qt as _, St as v, Tt as y, U as b, V as x, W as S, X as C, Y as w, Z as T, _ as E, an as D, at as O, b as ee, c as k, d as A, g as j, gt as M, h as N, ht as te, it as P, j as F, ln as ne, lt as I, mt as L, o as R, on as re, q as z, rt as ie, s as B, sn as V, tt as H, u as ae, ut as U, v as W, vt as G, wt as K, xt as oe, yt as se, z as ce } from "./engine-ClfnAsgM.js";
-var q = 96, le = "letters:", ue = (e) => `${le}${e}`, de = (e) => typeof e == "string" && e.startsWith(le), fe = (e) => e.slice(8), pe = (e, t) => !!e.letters && !e.icon && e.r * 2 * t >= 14, me = /* @__PURE__ */ new Map();
-function he(e, t = null) {
+import { $ as e, $t as t, A as n, An as r, At as i, C as a, Ct as o, E as s, G as c, H as l, Ht as u, J as d, Jt as f, K as p, Mt as m, O as h, Qt as g, S as _, Sn as v, Tn as y, Ut as b, V as x, W as S, Wt as C, X as w, Xt as T, Y as E, Yt as D, Zt as O, _ as k, b as A, bn as ee, c as j, d as M, en as N, f as P, g as F, gn as I, hn as te, i as L, j as R, jt as z, l as ne, m as B, n as V, p as H, q as U, qt as W, r as G, rt as K, sn as re, tn as q, u as ie, v as J, w as ae, wn as oe, xn as se } from "./engine-HIgX35hE.js";
+var Y = 96, ce = "letters:", le = (e) => `${ce}${e}`, ue = (e) => typeof e == "string" && e.startsWith(ce), de = (e) => e.slice(8), fe = (e, t) => !!e.letters && !e.icon && e.r * 2 * t >= 14, pe = /* @__PURE__ */ new Map();
+function me(e, t = null) {
 	if (typeof e != "string" || !e) return null;
 	let n = `${typeof t == "string" ? t : ""}|${e}`;
-	if (me.has(n)) return me.get(n);
-	if (me.size >= 128) return null;
+	if (pe.has(n)) return pe.get(n);
+	if (pe.size >= 128) return null;
 	let r = null;
 	try {
-		let n = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(q, q) : typeof document < "u" ? Object.assign(document.createElement("canvas"), {
-			width: q,
-			height: q
+		let n = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(Y, Y) : typeof document < "u" ? Object.assign(document.createElement("canvas"), {
+			width: Y,
+			height: Y
 		}) : null, i = n && n.getContext && n.getContext("2d");
 		if (i && i.fillText) {
-			i.font = `700 ${e.length > 1 ? 56 : 72}px ${z}`, i.textAlign = "center", i.textBaseline = "middle", i.lineJoin = "round", i.lineWidth = 10;
-			let a = typeof t == "string" ? t : se;
-			i.strokeStyle = y(a) === "#ffffff" ? "rgba(11, 18, 32, 0.92)" : "rgba(255, 255, 255, 0.92)", i.strokeText(e, q / 2, 51), i.fillStyle = a, i.fillText(e, q / 2, 51), r = n;
+			i.font = `700 ${e.length > 1 ? 56 : 72}px ${F}`, i.textAlign = "center", i.textBaseline = "middle", i.lineJoin = "round", i.lineWidth = 10;
+			let a = typeof t == "string" ? t : l;
+			i.strokeStyle = d(a) === "#ffffff" ? "rgba(11, 18, 32, 0.92)" : "rgba(255, 255, 255, 0.92)", i.strokeText(e, Y / 2, 51), i.fillStyle = a, i.fillText(e, Y / 2, 51), r = n;
 		}
 	} catch {
 		r = null;
 	}
-	return me.set(n, r), r;
+	return pe.set(n, r), r;
 }
 // ../explorer/renderer-canvas2d.js
-var ge = Math.PI * 2, _e = 1.5, J = (e, t, n, r) => {
-	e.beginPath(), e.arc(t, n, r, 0, ge);
+var he = Math.PI * 2, ge = 1.5, _e = (e, t, n, r) => {
+	e.beginPath(), e.arc(t, n, r, 0, he);
 };
 function ve(e, t, n, r, i) {
 	if (t === "rounded-square" || t === "square") {
-		let a = i * (t === "square" ? C.squareHalf : C.roundedHalf), o = i * (t === "square" ? C.squareCorner : C.roundedCorner);
+		let a = i * (t === "square" ? A.squareHalf : A.roundedHalf), o = i * (t === "square" ? A.squareCorner : A.roundedCorner);
 		e.beginPath(), e.roundRect ? e.roundRect(n - a, r - a, a * 2, a * 2, o) : e.rect(n - a, r - a, a * 2, a * 2);
 	} else if (t === "hexagon") {
-		let t = i * C.hexInradius / Math.cos(Math.PI / 6);
+		let t = i * A.hexInradius / Math.cos(Math.PI / 6);
 		e.beginPath();
 		for (let i = 0; i < 6; i++) {
 			let a = Math.PI / 6 + i * Math.PI / 3, o = n + t * Math.cos(a), s = r + t * Math.sin(a);
@@ -38,9 +38,9 @@ function ve(e, t, n, r, i) {
 		}
 		e.closePath();
 	} else if (t === "diamond") {
-		let t = i * C.diamondHalf;
+		let t = i * A.diamondHalf;
 		e.beginPath(), e.moveTo(n, r - t), e.lineTo(n + t, r), e.lineTo(n, r + t), e.lineTo(n - t, r), e.closePath();
-	} else J(e, n, r, i);
+	} else _e(e, n, r, i);
 }
 function ye(e, t, n, r, i) {
 	let a = -n.x / n.zoom - t.margin, o = (r - n.x) / n.zoom + t.margin, s = -n.y / n.zoom - t.margin, c = (i - n.y) / n.zoom + t.margin;
@@ -51,7 +51,7 @@ function ye(e, t, n, r, i) {
 }
 function be(e, t) {
 	e.save(), t.forEach((t) => {
-		e.lineWidth = t.width, e.setLineDash(t.dash), e.strokeStyle = t.color, J(e, t.x, t.y, t.r), e.stroke();
+		e.lineWidth = t.width, e.setLineDash(t.dash), e.strokeStyle = t.color, _e(e, t.x, t.y, t.r), e.stroke();
 	}), e.restore();
 }
 function xe(e, t) {
@@ -59,51 +59,51 @@ function xe(e, t) {
 		e.fillStyle = t.fill, e.strokeStyle = t.stroke, e.lineWidth = t.strokeWidth, e.beginPath(), e.roundRect(t.x, t.y, t.w, t.h, t.radius), e.fill(), e.stroke();
 	}), e.restore();
 }
-function Se(t, n, r, i, a = !0) {
-	if (t.save(), t.globalAlpha = n.alpha, t.beginPath(), t.moveTo(n.x1, n.y1), n.curve ? t.quadraticCurveTo(n.curve.cx, n.curve.cy, n.x2, n.y2) : t.lineTo(n.x2, n.y2), t.strokeStyle = n.color, t.lineWidth = n.mark && n.mark !== "none" ? Math.max(n.width, w.edge / i) : n.width, t.setLineDash(n.dash || []), n.glow && n.glow * i >= _e) {
-		let e = t.lineWidth;
-		t.save(), t.globalAlpha = n.alpha * .3, t.strokeStyle = n.glowColor || n.color, t.lineWidth = e + n.glow * .6, t.stroke(), t.restore();
+function Se(e, t, n, r, i = !0) {
+	if (e.save(), e.globalAlpha = t.alpha, e.beginPath(), e.moveTo(t.x1, t.y1), t.curve ? e.quadraticCurveTo(t.curve.cx, t.curve.cy, t.x2, t.y2) : e.lineTo(t.x2, t.y2), e.strokeStyle = t.color, e.lineWidth = t.mark && t.mark !== "none" ? Math.max(t.width, J.edge / r) : t.width, e.setLineDash(t.dash || []), t.glow && t.glow * r >= ge) {
+		let n = e.lineWidth;
+		e.save(), e.globalAlpha = t.alpha * .3, e.strokeStyle = t.glowColor || t.color, e.lineWidth = n + t.glow * .6, e.stroke(), e.restore();
 	}
-	if (t.stroke(), t.setLineDash([]), n.mark === "removed") {
-		let r = e(n, .5), a = Math.hypot(n.x2 - n.x1, n.y2 - n.y1), [o, s] = a > 0 ? [(n.x2 - n.x1) / a, (n.y2 - n.y1) / a] : [1, 0];
-		t.beginPath(), t.moveTo(r.x - s * S.halfLength, r.y + o * S.halfLength), t.lineTo(r.x + s * S.halfLength, r.y - o * S.halfLength), t.lineWidth = Math.max(S.width, 1.5 / i), t.stroke();
+	if (e.stroke(), e.setLineDash([]), t.mark === "removed") {
+		let n = ae(t, .5), i = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [a, o] = i > 0 ? [(t.x2 - t.x1) / i, (t.y2 - t.y1) / i] : [1, 0];
+		e.beginPath(), e.moveTo(n.x - o * H.halfLength, n.y + a * H.halfLength), e.lineTo(n.x + o * H.halfLength, n.y - a * H.halfLength), e.lineWidth = Math.max(H.width, 1.5 / r), e.stroke();
 	}
-	if (n.ticks && we(t, n, i), n.arrow) {
-		let { cx: e, cy: r } = n.curve || {
-			cx: n.x1,
-			cy: n.y1
+	if (t.ticks && we(e, t, r), t.arrow) {
+		let { cx: n, cy: i } = t.curve || {
+			cx: t.x1,
+			cy: t.y1
 		};
-		Ce(t, n, Math.atan2(n.y2 - r, n.x2 - e), i);
+		Ce(e, t, Math.atan2(t.y2 - i, t.x2 - n), r);
 	}
-	a && n.packet && Te(t, n, r, i), t.restore();
+	i && t.packet && Te(e, t, n, r), e.restore();
 }
 function Ce(e, t, n, r) {
-	let i = t.end || "triangle", { x2: a, y2: o, color: l } = t, u = Math.cos(n), d = Math.sin(n), f = (e, t) => [a - u * e - d * t, o - d * e + u * t], p = Math.max(s.strokeWidth, 1.2 / r);
-	if (e.beginPath(), i === "triangle") e.moveTo(a, o), e.lineTo(a - Math.cos(n - c.spread) * c.length, o - Math.sin(n - c.spread) * c.length), e.lineTo(a - Math.cos(n + c.spread) * c.length, o - Math.sin(n + c.spread) * c.length), e.closePath(), e.fillStyle = l, e.fill();
+	let i = t.end || "triangle", { x2: a, y2: o, color: s } = t, c = Math.cos(n), l = Math.sin(n), u = (e, t) => [a - c * e - l * t, o - l * e + c * t], d = Math.max(B.strokeWidth, 1.2 / r);
+	if (e.beginPath(), i === "triangle") e.moveTo(a, o), e.lineTo(a - Math.cos(n - M.spread) * M.length, o - Math.sin(n - M.spread) * M.length), e.lineTo(a - Math.cos(n + M.spread) * M.length, o - Math.sin(n + M.spread) * M.length), e.closePath(), e.fillStyle = s, e.fill();
 	else {
-		if (e.strokeStyle = l, e.lineWidth = p, e.lineJoin = "miter", i === "chevron") {
-			let t = c.length * Math.cos(c.spread), n = c.length * Math.sin(c.spread);
-			e.moveTo(...f(t, n)), e.lineTo(a, o), e.lineTo(...f(t, -n));
-		} else if (i === "bar") e.moveTo(...f(p / 2, s.barHalf)), e.lineTo(...f(p / 2, -s.barHalf));
+		if (e.strokeStyle = s, e.lineWidth = d, e.lineJoin = "miter", i === "chevron") {
+			let t = M.length * Math.cos(M.spread), n = M.length * Math.sin(M.spread);
+			e.moveTo(...u(t, n)), e.lineTo(a, o), e.lineTo(...u(t, -n));
+		} else if (i === "bar") e.moveTo(...u(d / 2, B.barHalf)), e.lineTo(...u(d / 2, -B.barHalf));
 		else {
-			let t = s.diamondHalf;
-			e.moveTo(a, o), e.lineTo(...f(t, s.diamondAcross)), e.lineTo(...f(2 * t, 0)), e.lineTo(...f(t, -s.diamondAcross)), e.closePath();
+			let t = B.diamondHalf;
+			e.moveTo(a, o), e.lineTo(...u(t, B.diamondAcross)), e.lineTo(...u(2 * t, 0)), e.lineTo(...u(t, -B.diamondAcross)), e.closePath();
 		}
 		e.stroke();
 	}
 }
-function we(t, n, r) {
-	let i = Math.hypot(n.x2 - n.x1, n.y2 - n.y1), [a, o] = i > 0 ? [(n.x2 - n.x1) / i, (n.y2 - n.y1) / i] : [1, 0], c = e(n, .5);
-	t.beginPath();
-	for (let e = 0; e < n.ticks; e++) {
-		let r = (e - (n.ticks - 1) / 2) * s.tickGap, i = c.x + a * r, l = c.y + o * r;
-		t.moveTo(i - o * s.tickHalf, l + a * s.tickHalf), t.lineTo(i + o * s.tickHalf, l - a * s.tickHalf);
+function we(e, t, n) {
+	let r = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [i, a] = r > 0 ? [(t.x2 - t.x1) / r, (t.y2 - t.y1) / r] : [1, 0], o = ae(t, .5);
+	e.beginPath();
+	for (let n = 0; n < t.ticks; n++) {
+		let r = (n - (t.ticks - 1) / 2) * B.tickGap, s = o.x + i * r, c = o.y + a * r;
+		e.moveTo(s - a * B.tickHalf, c + i * B.tickHalf), e.lineTo(s + a * B.tickHalf, c - i * B.tickHalf);
 	}
-	t.strokeStyle = n.color, t.lineWidth = Math.max(s.tickWidth, 1.5 / r), t.setLineDash([]), t.stroke();
+	e.strokeStyle = t.color, e.lineWidth = Math.max(B.tickWidth, 1.5 / n), e.setLineDash([]), e.stroke();
 }
 function Te(e, t, n, r) {
-	let i = O(t, n), { packet: a } = t;
-	a.glow && a.glow * r >= _e && (e.beginPath(), e.arc(i.x, i.y, a.radius + a.glow * .5, 0, ge), e.globalAlpha = t.alpha * .3, e.fillStyle = a.glowColor || a.color, e.fill(), e.globalAlpha = t.alpha), e.beginPath(), e.arc(i.x, i.y, a.radius, 0, ge), e.fillStyle = a.color, e.fill();
+	let i = R(t, n), { packet: a } = t;
+	a.glow && a.glow * r >= ge && (e.beginPath(), e.arc(i.x, i.y, a.radius + a.glow * .5, 0, he), e.globalAlpha = t.alpha * .3, e.fillStyle = a.glowColor || a.color, e.fill(), e.globalAlpha = t.alpha), e.beginPath(), e.arc(i.x, i.y, a.radius, 0, he), e.fillStyle = a.color, e.fill();
 }
 function Ee(e, t, n, r) {
 	e.save(), e.globalAlpha = t.alpha, Te(e, t, n, r), e.restore();
@@ -121,75 +121,75 @@ function Ae(e, t, n, r) {
 	for (let t = 0; t < e.edges.length; t++) i[t * 4 + 2] < s || i[t * 4] > l || i[t * 4 + 3] < c || i[t * 4 + 1] > u || d.push(e.edges[t]);
 	return d;
 }
-function je(e, t, n, r, a) {
+function je(e, t, n, r, i) {
 	e.save(), e.globalAlpha = t.alpha;
-	let o = r.halo[t.halo];
-	o && (o.fill && (J(e, t.x, t.y, t.r + o.fillR), e.fillStyle = o.fill, e.fill()), J(e, t.x, t.y, t.r + o.ringR), e.strokeStyle = o.ring, e.lineWidth = o.ringWidth, e.stroke());
-	let s = r.mark[t.mark];
-	if (s) {
-		let r = t.r + Math.max(s.ringR, w.gap / n);
-		J(e, t.x, t.y, r), e.strokeStyle = s.color, e.lineWidth = Math.max(s.ringWidth, w.ring / n), e.setLineDash(s.ringDash || []), e.stroke(), e.setLineDash([]), t.mark === "removed" && (e.beginPath(), e.moveTo(t.x - r, t.y), e.lineTo(t.x + r, t.y), e.stroke());
-	}
-	ve(e, t.shape, t.x, t.y, t.r), t.glow && t.glow * n >= _e && (e.save(), e.globalAlpha = t.alpha * .28, J(e, t.x, t.y, t.r + t.glow * .7), e.fillStyle = t.color, e.fill(), e.restore(), ve(e, t.shape, t.x, t.y, t.r)), e.fillStyle = t.color, e.fill();
-	let c = t.icon && a.icons ? a.icons.get(t.icon) : null, u = !c && pe(t, n), d = !c && !u && i(t, n) ? oe(t.glyph, v(t, a)) : null;
-	if (d || (J(e, t.x, t.y, t.r * b), e.fillStyle = r.core, e.fill()), t.stroke && (ve(e, t.shape, t.x, t.y, Math.max(0, t.r - t.stroke.width / 2)), e.strokeStyle = t.stroke.color, e.lineWidth = t.stroke.width, e.stroke()), c) {
-		let n = t.r * l;
-		e.imageSmoothingEnabled = !a.pixelated, e.drawImage(c, t.x - n / 2, t.y - n / 2, n, n);
-	} else if (u) {
-		let n = he(t.letters, a.values && a.values["--corn-map-glyph"]);
+	let a = r.halo[t.halo];
+	a && (a.fill && (_e(e, t.x, t.y, t.r + a.fillR), e.fillStyle = a.fill, e.fill()), _e(e, t.x, t.y, t.r + a.ringR), e.strokeStyle = a.ring, e.lineWidth = a.ringWidth, e.stroke());
+	let o = r.mark[t.mark];
+	if (o) {
+		let r = t.r + Math.max(o.ringR, J.gap / n);
+		_e(e, t.x, t.y, r), e.strokeStyle = o.color, e.lineWidth = Math.max(o.ringWidth, J.ring / n), e.setLineDash(o.ringDash || []), e.stroke(), e.setLineDash([]), t.mark === "removed" && (e.beginPath(), e.moveTo(t.x - r, t.y), e.lineTo(t.x + r, t.y), e.stroke());
+	}
+	ve(e, t.shape, t.x, t.y, t.r), t.glow && t.glow * n >= ge && (e.save(), e.globalAlpha = t.alpha * .28, _e(e, t.x, t.y, t.r + t.glow * .7), e.fillStyle = t.color, e.fill(), e.restore(), ve(e, t.shape, t.x, t.y, t.r)), e.fillStyle = t.color, e.fill();
+	let s = t.icon && i.icons ? i.icons.get(t.icon) : null, l = !s && fe(t, n), u = !s && !l && w(t, n) ? S(t.glyph, c(t, i)) : null;
+	if (u || (_e(e, t.x, t.y, t.r * P), e.fillStyle = r.core, e.fill()), t.stroke && (ve(e, t.shape, t.x, t.y, Math.max(0, t.r - t.stroke.width / 2)), e.strokeStyle = t.stroke.color, e.lineWidth = t.stroke.width, e.stroke()), s) {
+		let n = t.r * G;
+		e.imageSmoothingEnabled = !i.pixelated, e.drawImage(s, t.x - n / 2, t.y - n / 2, n, n);
+	} else if (l) {
+		let n = me(t.letters, i.values && i.values["--corn-map-glyph"]);
 		if (n) {
 			let r = t.r * 1;
 			e.imageSmoothingEnabled = !0, e.drawImage(n, t.x - r / 2, t.y - r / 2, r, r);
 		}
-	} else if (d) {
-		let n = t.r * G;
-		e.imageSmoothingEnabled = !0, e.drawImage(d, t.x - n / 2, t.y - n / 2, n, n);
+	} else if (u) {
+		let n = t.r * x;
+		e.imageSmoothingEnabled = !0, e.drawImage(u, t.x - n / 2, t.y - n / 2, n, n);
 	}
 	e.restore();
 }
 function Me(e, t = {}) {
-	let n = t.mapStyle || (() => d), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c = null, l = null, u = () => {
-		if (s) return s;
+	let r = t.mapStyle || (() => L), i = e.getContext("2d"), a = 0, o = 0, s = 1, c = null, l = null, u = null, d = () => {
+		if (c) return c;
 		try {
-			s = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(e.width || 1, e.height || 1) : e.ownerDocument ? e.ownerDocument.createElement("canvas") : null, c = s && s.getContext ? s.getContext("2d") : null;
+			c = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(e.width || 1, e.height || 1) : e.ownerDocument ? e.ownerDocument.createElement("canvas") : null, l = c && c.getContext ? c.getContext("2d") : null;
 		} catch {
-			c = null;
+			l = null;
 		}
-		return c || (s = null), s;
+		return l || (c = null), c;
 	}, f = t.layerMinEdges ?? 600, p = /* @__PURE__ */ new WeakMap(), m = (e) => (p.has(e) || p.set(e, e.edges.some((e) => e.packet)), p.get(e));
 	function h(e, t, n) {
 		e.save(), e.translate(n.x, n.y), e.scale(n.zoom, n.zoom);
 		let { decor: r } = t;
-		r.grid && ye(e, r.grid, n, i, a), r.lanes.length && xe(e, r.lanes), r.rings.length && be(e, r.rings), Ae(t, n, i, a).forEach((t) => Se(e, t, 0, n.zoom, !1)), e.restore();
+		r.grid && ye(e, r.grid, n, a, o), r.lanes.length && xe(e, r.lanes), r.rings.length && be(e, r.rings), Ae(t, n, a, o).forEach((t) => Se(e, t, 0, n.zoom, !1)), e.restore();
 	}
 	return {
 		kind: "canvas2d",
-		resize(t, n, u) {
-			i = t, a = n, o = u, e.width = t * u, e.height = n * u, r.setTransform(u, 0, 0, u, 0, 0), l = null, s && (s.width = e.width, s.height = e.height, c.setTransform(u, 0, 0, u, 0, 0));
+		resize(t, n, r) {
+			a = t, o = n, s = r, e.width = t * r, e.height = n * r, i.setTransform(r, 0, 0, r, 0, 0), u = null, c && (c.width = e.width, c.height = e.height, l.setTransform(r, 0, 0, r, 0, 0));
 		},
-		draw(t, d, p) {
-			let g = n(), _ = x(t, g);
-			r.clearRect(0, 0, i, a);
-			let v = ce(P(_.theme), g), y = Ae(_, d, i, a);
-			if (m(_) && y.length > f && u()) {
-				l && l.scene === _ && l.x === d.x && l.y === d.y && l.zoom === d.zoom && l.w === e.width && l.h === e.height || ((s.width !== e.width || s.height !== e.height) && (s.width = e.width, s.height = e.height), c.setTransform(o, 0, 0, o, 0, 0), c.clearRect(0, 0, i, a), h(c, _, d), l = {
-					scene: _,
-					x: d.x,
-					y: d.y,
-					zoom: d.zoom,
+		draw(t, p, g) {
+			let _ = r(), v = ie(t, _);
+			i.clearRect(0, 0, a, o);
+			let y = j(n(v.theme), _), b = Ae(v, p, a, o);
+			if (m(v) && b.length > f && d()) {
+				u && u.scene === v && u.x === p.x && u.y === p.y && u.zoom === p.zoom && u.w === e.width && u.h === e.height || ((c.width !== e.width || c.height !== e.height) && (c.width = e.width, c.height = e.height), l.setTransform(s, 0, 0, s, 0, 0), l.clearRect(0, 0, a, o), h(l, v, p), u = {
+					scene: v,
+					x: p.x,
+					y: p.y,
+					zoom: p.zoom,
 					w: e.width,
 					h: e.height
-				}), r.save(), r.setTransform(1, 0, 0, 1, 0, 0), r.drawImage(s, 0, 0), r.restore(), r.save(), r.translate(d.x, d.y), r.scale(d.zoom, d.zoom), y.forEach((e) => {
-					e.packet && Ee(r, e, p, d.zoom);
-				}), _.nodes.forEach((e) => je(r, e, d.zoom, v, g)), r.restore();
+				}), i.save(), i.setTransform(1, 0, 0, 1, 0, 0), i.drawImage(c, 0, 0), i.restore(), i.save(), i.translate(p.x, p.y), i.scale(p.zoom, p.zoom), b.forEach((e) => {
+					e.packet && Ee(i, e, g, p.zoom);
+				}), v.nodes.forEach((e) => je(i, e, p.zoom, y, _)), i.restore();
 				return;
 			}
-			r.save(), r.translate(d.x, d.y), r.scale(d.zoom, d.zoom);
-			let { decor: b } = _;
-			b.grid && ye(r, b.grid, d, i, a), b.lanes.length && xe(r, b.lanes), b.rings.length && be(r, b.rings), y.forEach((e) => Se(r, e, p, d.zoom)), _.nodes.forEach((e) => je(r, e, d.zoom, v, g)), r.restore();
+			i.save(), i.translate(p.x, p.y), i.scale(p.zoom, p.zoom);
+			let { decor: x } = v;
+			x.grid && ye(i, x.grid, p, a, o), x.lanes.length && xe(i, x.lanes), x.rings.length && be(i, x.rings), b.forEach((e) => Se(i, e, g, p.zoom)), v.nodes.forEach((e) => je(i, e, p.zoom, y, _)), i.restore();
 		},
 		destroy() {
-			s = null, c = null, l = null;
+			c = null, l = null, u = null;
 		}
 	};
 }
@@ -335,7 +335,7 @@ function He(e) {
 	};
 	return x;
 }
-var Ue = 1, We = .3, Ge = .58, Ke = 3, qe = 100, Y = 64, X = {
+var Ue = 1, We = .3, Ge = .58, Ke = 3, qe = 100, X = 64, Z = {
 	selected: 0,
 	current: 1,
 	match: 2,
@@ -344,7 +344,7 @@ var Ue = 1, We = .3, Ge = .58, Ke = 3, qe = 100, Y = 64, X = {
 	hub: 5,
 	rest: 6,
 	greyed: 7
-}, Je = 1.5, Ye = (e) => Number.isFinite(e) && e >= 9 ? Math.max(11, e) : 11, Xe = (e) => Ye(e.labelMin), Ze = (e) => u.includes(e.type) && !e.greyed, Qe = (e, t) => e.selected ? X.selected : e.current ? X.current : e.match ? X.match : t && e.connected ? X.lit : e.mark && e.mark !== "none" || e.labelKeep && !Ze(e) ? X.marked : e.greyed ? X.greyed : Ze(e) ? X.hub : X.rest;
+}, Je = 1.5, Ye = (e) => Number.isFinite(e) && e >= 9 ? Math.max(11, e) : 11, Xe = (e) => Ye(e.labelMin), Ze = (e) => k.includes(e.type) && !e.greyed, Qe = (e, t) => e.selected ? Z.selected : e.current ? Z.current : e.match ? Z.match : t && e.connected ? Z.lit : e.mark && e.mark !== "none" || e.labelKeep && !Ze(e) ? Z.marked : e.greyed ? Z.greyed : Ze(e) ? Z.hub : Z.rest;
 function $e(e, t, n = {}) {
 	let { measure: r = null } = n, i = Xe(e), a = e.nodes.some((e) => e.selected || !e.connected), o = [];
 	e.nodes.forEach((e, t) => {
@@ -356,7 +356,7 @@ function $e(e, t, n = {}) {
 	}), o.sort((e, t) => e.tier - t.tier || t.node.r - e.node.r || (t.node.degree || 0) - (e.node.degree || 0) || e.index - t.index);
 	let s = /* @__PURE__ */ new Map(), c = (e, t) => (e + 8192) * 16384 + (t + 8192), l = [], u = Math.max(Ke, Ke * t);
 	for (let { node: e, index: n, tier: a } of o) {
-		let o = Ze(e), d = !e.greyed && (!!e.labelBold || o), f = Math.max(o ? i + 2 : i, e.labelSize * t), p = r ? r(e.label, qe, d) * f / qe : e.label.length * f * Ge, m = e.x * t, h = e.y * t + e.r * t + u + f, g = m - p / 2, _ = m + p / 2, v = h - f * Ue, y = h + f * We, b = a === X.greyed ? 2 + f * Je : 2, x = Math.floor((g - b) / Y), S = Math.floor((_ + b) / Y), C = Math.floor((v - b) / Y), w = Math.floor((y + b) / Y), T = !1;
+		let o = Ze(e), d = !e.greyed && (!!e.labelBold || o), f = Math.max(o ? i + 2 : i, e.labelSize * t), p = r ? r(e.label, qe, d) * f / qe : e.label.length * f * Ge, m = e.x * t, h = e.y * t + e.r * t + u + f, g = m - p / 2, _ = m + p / 2, v = h - f * Ue, y = h + f * We, b = a === Z.greyed ? 2 + f * Je : 2, x = Math.floor((g - b) / X), S = Math.floor((_ + b) / X), C = Math.floor((v - b) / X), w = Math.floor((y + b) / X), T = !1;
 		for (let e = x; e <= S && !T; e++) for (let t = C; t <= w && !T; t++) {
 			let n = s.get(c(e, t));
 			if (n) for (let e = 0; e < n.length; e++) {
@@ -386,21 +386,21 @@ function $e(e, t, n = {}) {
 			b: y
 		};
 		l.push(E);
-		let D = Math.floor(g / Y), O = Math.floor(_ / Y), ee = Math.floor(v / Y), k = Math.floor(y / Y);
-		for (let e = D; e <= O; e++) for (let t = ee; t <= k; t++) {
+		let D = Math.floor(g / X), O = Math.floor(_ / X), k = Math.floor(v / X), A = Math.floor(y / X);
+		for (let e = D; e <= O; e++) for (let t = k; t <= A; t++) {
 			let n = c(e, t), r = s.get(n);
 			r ? r.push(E) : s.set(n, [E]);
 		}
 	}
 	return l;
 }
-function et(e, t, n, r = {}) {
-	let { max: i = 400, margin: a = 32, measure: o = null, hover: s = null } = r, c = [], l = e.labelOutline || P(e.theme).labelOutline;
+function et(e, t, r, i = {}) {
+	let { max: a = 400, margin: o = 32, measure: s = null, hover: c = null } = i, l = [], u = e.labelOutline || n(e.theme).labelOutline;
 	for (let t of e.decor.lanes) for (let n of [
 		t.title,
 		t.note,
 		t.arrow
-	]) n && c.push({
+	]) n && l.push({
 		kind: "lane",
 		text: n.text,
 		x: n.x,
@@ -414,12 +414,12 @@ function et(e, t, n, r = {}) {
 		align: "center",
 		family: e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif"
 	});
-	let { zoom: u } = t, d = r.placed || $e(e, u, { measure: o }), f = -a - t.x, p = n.width + a - t.x, m = -a - t.y, h = n.height + a - t.y, g = d.filter((e) => e.r >= f && e.l <= p && e.b >= m && e.t <= h);
-	g.length > i && (g = g.slice(0, Math.max(0, i))), g.sort((e, t) => e.index - t.index);
-	let _ = e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif";
-	for (let e of g) {
-		let t = Math.max(1, 1 / u);
-		c.push({
+	let { zoom: d } = t, f = i.placed || $e(e, d, { measure: s }), p = -o - t.x, m = r.width + o - t.x, h = -o - t.y, g = r.height + o - t.y, _ = f.filter((e) => e.r >= p && e.l <= m && e.b >= h && e.t <= g);
+	_.length > a && (_ = _.slice(0, Math.max(0, a))), _.sort((e, t) => e.index - t.index);
+	let v = e.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif";
+	for (let e of _) {
+		let t = Math.max(1, 1 / d);
+		l.push({
 			kind: "node",
 			id: e.id,
 			text: e.node.label,
@@ -430,87 +430,87 @@ function et(e, t, n, r = {}) {
 			italic: !1,
 			color: e.node.labelColor,
 			alpha: e.node.labelAlpha,
-			outline: l.node ? {
-				color: l.node.color,
-				width: l.node.width * t
+			outline: u.node ? {
+				color: u.node.color,
+				width: u.node.width * t
 			} : null,
 			align: "center",
-			family: _,
+			family: v,
 			strike: !!e.node.labelStrike,
 			px: e.px,
 			screen: e.screen
 		});
 	}
-	let v = Xe(e), y = g.map((e) => ({
+	let y = Xe(e), b = _.map((e) => ({
 		l: t.x + e.l,
 		r: t.x + e.r,
 		t: t.y + e.t,
 		b: t.y + e.b
 	}));
-	for (let r of e.nodes) {
-		if (r.alpha < .5) continue;
-		let e = t.x + r.x * u, i = t.y + r.y * u, a = r.r * u;
-		e + a < 0 || e - a > n.width || i + a < 0 || i - a > n.height || y.push({
+	for (let n of e.nodes) {
+		if (n.alpha < .5) continue;
+		let e = t.x + n.x * d, i = t.y + n.y * d, a = n.r * d;
+		e + a < 0 || e - a > r.width || i + a < 0 || i - a > r.height || b.push({
 			l: e - a,
 			r: e + a,
 			t: i - a,
 			b: i + a
 		});
 	}
-	let b = 0;
-	for (let r of e.edges) {
-		let i = r.label;
-		if (!i || b >= 120) continue;
-		let a = t.x + i.x * u, s = t.y + i.y * u;
-		if (a < 0 || a > n.width || s < 0 || s > n.height) continue;
-		let d = (o ? o(i.text, v, !1) : i.text.length * v * .55) / 2 + 2, f = {
-			l: a - d,
-			r: a + d,
-			t: s - v * .6 - 2,
-			b: s + v * .6 + 2
+	let x = 0;
+	for (let n of e.edges) {
+		let i = n.label;
+		if (!i || x >= 120) continue;
+		let a = t.x + i.x * d, o = t.y + i.y * d;
+		if (a < 0 || a > r.width || o < 0 || o > r.height) continue;
+		let c = (s ? s(i.text, y, !1) : i.text.length * y * .55) / 2 + 2, f = {
+			l: a - c,
+			r: a + c,
+			t: o - y * .6 - 2,
+			b: o + y * .6 + 2
 		};
-		y.some((e) => f.l < e.r && f.r > e.l && f.t < e.b && f.b > e.t) || (y.push(f), b++, c.push({
+		b.some((e) => f.l < e.r && f.r > e.l && f.t < e.b && f.b > e.t) || (b.push(f), x++, l.push({
 			kind: "edge",
 			text: i.text,
 			x: i.x,
-			y: i.y + v * .35 / u,
-			size: v / u,
-			px: v,
+			y: i.y + y * .35 / d,
+			size: y / d,
+			px: y,
 			screen: !0,
 			bold: !1,
 			italic: !!i.italic,
 			color: i.color,
-			alpha: r.alpha,
-			outline: l.edge,
+			alpha: n.alpha,
+			outline: u.edge,
 			align: "center",
 			family: e.labelFont || "\"Segoe UI\", -apple-system, sans-serif"
 		}));
 	}
-	if (s) {
-		let n = e.nodes.find((e) => e.id === s);
-		if (n && n.label && !d.some((e) => e.id === s && g.includes(e))) {
-			let r = Xe(e), i = t.y + n.y * u - n.r * u > 40 ? n.y - n.r - 5 / u : n.y + n.r + (5 + r) / u;
-			c.push({
+	if (c) {
+		let n = e.nodes.find((e) => e.id === c);
+		if (n && n.label && !f.some((e) => e.id === c && _.includes(e))) {
+			let r = Xe(e), i = t.y + n.y * d - n.r * d > 40 ? n.y - n.r - 5 / d : n.y + n.r + (5 + r) / d;
+			l.push({
 				kind: "chip",
 				id: n.id,
 				text: n.label,
 				x: n.x,
 				y: i,
-				size: r / u,
+				size: r / d,
 				px: r,
 				screen: !0,
 				bold: !1,
 				italic: !1,
 				color: (e.nodes.find((e) => e.connected) || n).labelColor,
 				alpha: 1,
-				outline: l.node,
+				outline: u.node,
 				align: "center",
-				family: _,
+				family: v,
 				strike: !1
 			});
 		}
 	}
-	return c;
+	return l;
 }
 var tt = (e) => `${e.italic ? "italic " : ""}${e.bold ? "bold " : ""}${e.screen ? e.px : e.size}px ${e.family}`, nt = {
 	ox: 0,
@@ -557,58 +557,58 @@ function ot(e, t, n, r) {
 	return i ? i.id : null;
 }
 function st(e, t = {}) {
-	let n = t.mapStyle || (() => d), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c, l, u, f, p, m, h = null, g = !0, _ = !1, v = /* @__PURE__ */ new Map(), y = z, b = (e, t, n) => {
-		let i = `${n ? "b" : "n"}${t}|${y}|${e}`, a = v.get(i);
-		return a === void 0 && (v.size > 2e4 && v.clear(), r.font = tt({
+	let n = t.mapStyle || (() => L), r = e.getContext("2d"), i = 0, a = 0, o = 1, s = null, c, l, u, d, f, p, m = null, h = !0, g = !1, _ = /* @__PURE__ */ new Map(), v = F, y = (e, t, n) => {
+		let i = `${n ? "b" : "n"}${t}|${v}|${e}`, a = _.get(i);
+		return a === void 0 && (_.size > 2e4 && _.clear(), r.font = tt({
 			italic: !1,
 			bold: n,
 			size: t,
-			family: y
-		}), a = r.measureText(e).width, v.set(i, a)), a;
+			family: v
+		}), a = r.measureText(e).width, _.set(i, a)), a;
 	};
 	return {
 		hit(e, t) {
-			return h && s ? ot(h, {
+			return m && s ? ot(m, {
 				x: l,
 				y: u,
-				zoom: f
+				zoom: d
 			}, e, t) : null;
 		},
 		resize(t, n, s) {
-			i = t, a = n, o = s, e.width = t * s, e.height = n * s, r.setTransform(s, 0, 0, s, 0, 0), g = !0;
+			i = t, a = n, o = s, e.width = t * s, e.height = n * s, r.setTransform(s, 0, 0, s, 0, 0), h = !0;
 		},
-		draw(e, t, d = {}) {
-			if (_) return !1;
-			let v = n(), S = v.plain ? 0 : v.version, C = d.hover || null;
-			if (!g && e === s && e.version === c && t.x === l && t.y === u && t.zoom === f && S === p && C === m) return !1;
-			let w = h && e === s && e.version === c && t.zoom === f && S === p && !g;
-			s = e, c = e.version, l = t.x, u = t.y, f = t.zoom, p = S, m = C, g = !1;
-			let T = x(e, v);
-			y = T.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif", r.setTransform(o, 0, 0, o, 0, 0), r.clearRect(0, 0, i, a), r.save(), r.translate(t.x, t.y), r.scale(t.zoom, t.zoom), w || (h = $e(T, t.zoom, { measure: b }));
-			let E = et(T, t, {
+		draw(e, t, _ = {}) {
+			if (g) return !1;
+			let b = n(), x = b.plain ? 0 : b.version, S = _.hover || null;
+			if (!h && e === s && e.version === c && t.x === l && t.y === u && t.zoom === d && x === f && S === p) return !1;
+			let C = m && e === s && e.version === c && t.zoom === d && x === f && !h;
+			s = e, c = e.version, l = t.x, u = t.y, d = t.zoom, f = x, p = S, h = !1;
+			let w = ie(e, b);
+			v = w.labelFont || "\"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, sans-serif", r.setTransform(o, 0, 0, o, 0, 0), r.clearRect(0, 0, i, a), r.save(), r.translate(t.x, t.y), r.scale(t.zoom, t.zoom), C || (m = $e(w, t.zoom, { measure: y }));
+			let T = et(w, t, {
 				width: i,
 				height: a
 			}, {
-				measure: b,
-				hover: C,
-				placed: h
-			}), D = it();
-			for (let e of E) e.kind === "lane" && at(r, e, D);
-			for (let e of E) e.kind === "node" && !e.screen && at(r, e, D);
+				measure: y,
+				hover: S,
+				placed: m
+			}), E = it();
+			for (let e of T) e.kind === "lane" && at(r, e, E);
+			for (let e of T) e.kind === "node" && !e.screen && at(r, e, E);
 			r.restore();
-			let O = {
+			let D = {
 				ox: t.x,
 				oy: t.y,
 				k: t.zoom
 			};
-			D = it();
-			for (let e of E) e.kind === "node" && e.screen && at(r, e, D, O);
-			for (let e of E) e.kind === "edge" && at(r, e, D, O);
-			for (let e of E) e.kind === "chip" && at(r, e, D, O);
+			E = it();
+			for (let e of T) e.kind === "node" && e.screen && at(r, e, E, D);
+			for (let e of T) e.kind === "edge" && at(r, e, E, D);
+			for (let e of T) e.kind === "chip" && at(r, e, E, D);
 			return !0;
 		},
 		destroy() {
-			_ = !0, s = null, h = null, v.clear(), r.setTransform(1, 0, 0, 1, 0, 0), r.clearRect(0, 0, i, a);
+			g = !0, s = null, m = null, _.clear(), r.setTransform(1, 0, 0, 1, 0, 0), r.clearRect(0, 0, i, a);
 		}
 	};
 }
@@ -625,62 +625,62 @@ var ct = [
 ];
 function lt(e, t = {}) {
 	if (e.map) return e.map;
-	let { state: r } = e, i = t.measureCovered || (() => r.coveredBottom || 0), a = n(e).get, o = !1, s = (e) => ie(r, e), c = (e) => ie(r, e, { viewer: !0 }), l = (t, n = e.viewEdges(), i = {
-		throughChildren: !!r.throughChildren,
-		kind: r.selectedKind || null
-	}) => H(t, n, i), u = g((t) => T(t, { reduceMotion: e.reducedMotion })), d = () => u.get(r), f = () => u.builds, p = Ie(), m = () => p.get(d()), h = () => p.builds, _ = null, v = null;
-	function y() {
-		return _ && v === r.canvas || (_ && _.destroy(), _ = Me(r.canvas, { mapStyle: a }), v = r.canvas, r.width && _.resize(r.width, r.height, e.dpr())), _;
+	let { state: n } = e, r = t.measureCovered || (() => n.coveredBottom || 0), i = ne(e).get, o = !1, c = (e) => h(n, e), l = (e) => h(n, e, { viewer: !0 }), u = (t, r = e.viewEdges(), i = {
+		throughChildren: !!n.throughChildren,
+		kind: n.selectedKind || null
+	}) => s(t, r, i), d = a((t) => _(t, { reduceMotion: e.reducedMotion })), f = () => d.get(n), p = () => d.builds, m = Ie(), g = () => m.get(f()), v = () => m.builds, y = null, b = null;
+	function x() {
+		return y && b === n.canvas || (y && y.destroy(), y = Me(n.canvas, { mapStyle: i }), b = n.canvas, n.width && y.resize(n.width, n.height, e.dpr())), y;
+	}
+	let S = null, C = null;
+	function w() {
+		return n.labelCanvas ? (S && C === n.labelCanvas || (S && S.destroy(), S = st(n.labelCanvas, { mapStyle: i }), C = n.labelCanvas, n.width && S.resize(n.width, n.height, e.dpr())), S) : null;
 	}
-	let b = null, x = null;
-	function S() {
-		return r.labelCanvas ? (b && x === r.labelCanvas || (b && b.destroy(), b = st(r.labelCanvas, { mapStyle: a }), x = r.labelCanvas, r.width && b.resize(r.width, r.height, e.dpr())), b) : null;
+	function T(t) {
+		y && y !== t && y.destroy(), y = t, b = n.canvas, n.width && y.resize(n.width, n.height, e.dpr()), G();
 	}
-	function C(t) {
-		_ && _ !== t && _.destroy(), _ = t, v = r.canvas, r.width && _.resize(r.width, r.height, e.dpr()), V();
+	function E() {
+		let { canvas: t } = n, r = `${n.width}x${n.height}`;
+		n.width = t.parentElement.clientWidth, n.height = t.parentElement.clientHeight, x().resize(n.width, n.height, e.dpr());
+		let i = w();
+		i && i.resize(n.width, n.height, e.dpr()), r !== `${n.width}x${n.height}` && O(), G();
 	}
-	function w() {
-		let { canvas: t } = r, n = `${r.width}x${r.height}`;
-		r.width = t.parentElement.clientWidth, r.height = t.parentElement.clientHeight, y().resize(r.width, r.height, e.dpr());
-		let i = S();
-		i && i.resize(r.width, r.height, e.dpr()), n !== `${r.width}x${r.height}` && D(), V();
-	}
-	let E = e.slot("fit", () => ({
+	let D = e.slot("fit", () => ({
 		lastFit: null,
 		waiting: null
 	}));
-	function D() {
-		if (!r.width || !r.height) return;
-		if (E.waiting) {
-			let { padding: e, only: t } = E.waiting;
-			M(e === null ? N() : e, t);
+	function O() {
+		if (!n.width || !n.height) return;
+		if (D.waiting) {
+			let { padding: e, only: t } = D.waiting;
+			N(e === null ? P() : e, t);
 			return;
 		}
-		let { camera: e } = r, t = E.lastFit;
-		t && e.x === t.x && e.y === t.y && e.zoom === t.zoom && M(t.auto ? N() : t.padding, t.only);
+		let { camera: e } = n, t = D.lastFit;
+		t && e.x === t.x && e.y === t.y && e.zoom === t.zoom && N(t.auto ? P() : t.padding, t.only);
 	}
-	function O() {
-		let t = r.canvas && r.canvas.parentElement, n = e.win && e.win.ResizeObserver;
-		if (!t || !n) return () => {};
-		let i = new n(() => {
-			r.canvas && (t.clientWidth !== r.width || t.clientHeight !== r.height) && w();
+	function k() {
+		let t = n.canvas && n.canvas.parentElement, r = e.win && e.win.ResizeObserver;
+		if (!t || !r) return () => {};
+		let i = new r(() => {
+			n.canvas && (t.clientWidth !== n.width || t.clientHeight !== n.height) && E();
 		});
 		i.observe(t);
 		let a = () => i.disconnect();
 		return e.own(a), a;
 	}
-	function ee(e, t = null) {
-		let { nodes: n, width: a, height: o } = r, c = n.filter(s);
+	function A(e, t = null) {
+		let { nodes: i, width: a, height: o } = n, s = i.filter(c);
 		if (t) {
-			let e = c.filter((e) => t.has(e.id));
-			e.length && (c = e);
+			let e = s.filter((e) => t.has(e.id));
+			e.length && (s = e);
 		}
-		if (c.length === 0) return null;
-		let l = Math.max(160, o - i()), u = Infinity, d = -Infinity, f = Infinity, p = -Infinity;
-		c.forEach((e) => {
+		if (s.length === 0) return null;
+		let l = Math.max(160, o - r()), u = Infinity, d = -Infinity, f = Infinity, p = -Infinity;
+		s.forEach((e) => {
 			let t = e.r || 18;
 			u = Math.min(u, e.x - t - 25), d = Math.max(d, e.x + t + 25), f = Math.min(f, e.y - t - 25), p = Math.max(p, e.y + t + 35);
-		}), r.view === "dataflow" && r.flow && (f = Math.min(f, r.flow.top - 10)), r.view === "house" && r.house && r.house.fit && !t && ({minX: u, maxX: d, minY: f, maxY: p} = r.house.fit);
+		}), n.view === "dataflow" && n.flow && (f = Math.min(f, n.flow.top - 10)), n.view === "house" && n.house && n.house.fit && !t && ({minX: u, maxX: d, minY: f, maxY: p} = n.house.fit);
 		let m = Math.max(160, a - e * 2), h = Math.max(160, l - e * 2), g = Math.min(m / (d - u), h / (p - f));
 		return {
 			minX: u,
@@ -691,139 +691,142 @@ function lt(e, t = {}) {
 			raw: g
 		};
 	}
-	let k = "", A = U;
-	function j() {
-		let e = `${r.sceneVersion}|${r.width}|${r.height}|${r.view}|${i()}`;
-		if (e !== k) {
-			k = e;
-			let t = ee(N());
-			A = t && t.raw > 0 && Number.isFinite(t.raw) ? Math.max(I, Math.min(U, t.raw)) : U;
+	let ee = "", j = I;
+	function M() {
+		let e = `${n.sceneVersion}|${n.width}|${n.height}|${n.view}|${r()}`;
+		if (e !== ee) {
+			ee = e;
+			let t = A(P());
+			j = t && t.raw > 0 && Number.isFinite(t.raw) ? Math.max(te, Math.min(I, t.raw)) : I;
 		}
-		return A;
+		return j;
 	}
-	function M(e = 40, t = null) {
-		let { width: n, height: i, camera: a } = r;
-		if (!n || !i) {
-			r.nodes.length && (E.waiting = {
-				padding: e === N() ? null : e,
+	function N(e = 40, t = null) {
+		let { width: r, height: i, camera: a } = n;
+		if (!r || !i) {
+			n.nodes.length && (D.waiting = {
+				padding: e === P() ? null : e,
 				only: t
 			});
 			return;
 		}
-		E.waiting = null;
-		let o = ee(e, t);
+		D.waiting = null;
+		let o = A(e, t);
 		if (!o) return;
-		let { minX: s, maxX: c, minY: l, maxY: u, mapHeight: d } = o, f = Math.min(1, Math.max(I, o.raw));
-		a.zoom = f, a.x = n / 2 - (s + c) / 2 * f, a.y = d / 2 - (l + u) / 2 * f, E.lastFit = {
+		let { minX: s, maxX: c, minY: l, maxY: u, mapHeight: d } = o, f = Math.min(1, Math.max(te, o.raw));
+		a.zoom = f, a.x = r / 2 - (s + c) / 2 * f, a.y = d / 2 - (l + u) / 2 * f, D.lastFit = {
 			padding: e,
-			auto: e === N(),
+			auto: e === P(),
 			only: t,
 			x: a.x,
 			y: a.y,
 			zoom: a.zoom
-		}, V();
-	}
-	let N = () => r.width < 640 ? 24 : 48, te = (e, t) => ({
-		x: (e - r.camera.x) / r.camera.zoom,
-		y: (t - r.camera.y) / r.camera.zoom
-	}), P = -1;
-	function F() {
-		if (!r.canvas) return;
-		let e = d();
-		P = e.version, y().draw(e, r.camera, performance.now());
-		let t = S();
-		t && t.draw(e, r.camera, { hover: r.hoverNodeId }), R.forEach((t) => t(e, r.camera));
-	}
-	function ne(e, t) {
-		let n = S();
+		}, G();
+	}
+	let P = () => n.width < 640 ? 24 : 48, F = (e, t) => ({
+		x: (e - n.camera.x) / n.camera.zoom,
+		y: (t - n.camera.y) / n.camera.zoom
+	}), L = -1;
+	function R() {
+		if (!n.canvas) return;
+		let e = f();
+		L = e.version, x().draw(e, n.camera, performance.now());
+		let t = w();
+		t && t.draw(e, n.camera, { hover: n.hoverNodeId }), V.forEach((t) => t(e, n.camera));
+	}
+	function z(e, t) {
+		let n = w();
 		return n ? n.hit(e, t) : null;
 	}
-	function L(e) {
+	function B(e) {
 		let t = e || null;
-		if (r.hoverNodeId === t) return;
-		r.hoverNodeId = t;
-		let n = S();
-		n && r.canvas && r.width && n.draw(d(), r.camera, { hover: t });
-	}
-	let R = /* @__PURE__ */ new Set(), re = (e) => (R.add(e), () => R.delete(e)), z = /* @__PURE__ */ new Set(), B = He({
-		draw: F,
-		packetsVisible: () => !!r.canvas && ze(d(), r.camera, r.width, r.height),
+		if (n.hoverNodeId === t) return;
+		n.hoverNodeId = t;
+		let r = w();
+		r && n.canvas && n.width && r.draw(f(), n.camera, { hover: t });
+	}
+	let V = /* @__PURE__ */ new Set(), H = (e) => (V.add(e), () => V.delete(e)), U = /* @__PURE__ */ new Set(), W = He({
+		draw: R,
+		packetsVisible: () => !!n.canvas && ze(f(), n.camera, n.width, n.height),
 		isHidden: () => e.hidden(),
 		tickClients: (e) => {
 			let t = !1;
-			return z.forEach((n) => {
+			return U.forEach((n) => {
 				n.tick(e), n.wants() && (t = !0);
 			}), t;
 		},
-		clientsWant: () => [...z].some((e) => e.wants()),
+		clientsWant: () => [...U].some((e) => e.wants()),
 		reduceMotion: () => e.reducedMotion,
-		extraDirty: () => r.sceneVersion !== P,
+		extraDirty: () => n.sceneVersion !== L,
 		now: () => performance.now(),
 		raf: (e) => requestAnimationFrame(e),
 		caf: (e) => cancelAnimationFrame(e)
 	});
-	function V() {
-		!o && r.canvas && B.markDirty();
+	function G() {
+		!o && n.canvas && W.markDirty();
 	}
-	function ae() {
-		!o && r.canvas && B.drawNow();
+	function K() {
+		!o && n.canvas && W.drawNow();
 	}
-	function W(e) {
-		return z.add(e), () => z.delete(e);
+	function re(e) {
+		return U.add(e), () => U.delete(e);
 	}
+	let q = [];
 	if (e.root) {
-		let t = () => B.noteInput();
-		for (let n of ct) e.listen(e.root, n, t, {
+		let t = () => W.noteInput();
+		for (let n of ct) q.push(e.listen(e.root, n, t, {
 			passive: !0,
 			capture: !0
-		});
+		}));
 	}
-	e.onShown(() => B.shown()), e.onShown(() => {
-		let e = r.canvas && r.canvas.parentElement;
-		!o && e && e.clientWidth && e.clientHeight && (e.clientWidth !== r.width || e.clientHeight !== r.height) && w();
-	});
-	function G() {
-		o = !0, e.map === K && (e.map = null), B.cancel(), _ && (_.release ? _.release() : _.destroy(), _ = null, v = null), b && (b.destroy(), b = null, x = null), R.clear(), z.clear();
-	}
-	let K = {
-		isNodeVisible: s,
-		isNodeVisibleToViewer: c,
-		getActiveSubgraph: l,
-		getScene: d,
-		sceneBuilds: f,
-		getSpatialIndex: m,
-		spatialBuilds: h,
-		getRenderer: y,
-		setRenderer: C,
-		resize: w,
-		watchSize: O,
-		getMinZoom: j,
-		fitGraphToViewport: M,
-		fitPadding: N,
-		screenToWorld: te,
-		labelNodeAt: ne,
-		setHoverNode: L,
-		onPaint: re,
-		render: V,
-		renderNow: ae,
-		addFrameClient: W,
+	q.push(e.onShown(() => W.shown())), q.push(e.onShown(() => {
+		let e = n.canvas && n.canvas.parentElement;
+		!o && e && e.clientWidth && e.clientHeight && (e.clientWidth !== n.width || e.clientHeight !== n.height) && E();
+	}));
+	function ie() {
+		o = !0;
+		for (let e of q.splice(0)) e();
+		e.map === J && (e.map = null), W.cancel(), y && (y.release ? y.release() : y.destroy(), y = null, b = null), S && (S.destroy(), S = null, C = null), V.clear(), U.clear();
+	}
+	let J = {
+		isNodeVisible: c,
+		isNodeVisibleToViewer: l,
+		getActiveSubgraph: u,
+		getScene: f,
+		sceneBuilds: p,
+		getSpatialIndex: g,
+		spatialBuilds: v,
+		getRenderer: x,
+		setRenderer: T,
+		resize: E,
+		watchSize: k,
+		getMinZoom: M,
+		fitGraphToViewport: N,
+		fitPadding: P,
+		screenToWorld: F,
+		labelNodeAt: z,
+		setHoverNode: B,
+		onPaint: H,
+		render: G,
+		renderNow: K,
+		addFrameClient: re,
 		queueFrameWork: (e, t) => {
-			o || B.queue(e, t);
+			o || W.queue(e, t);
 		},
 		frameStats: () => ({
-			frames: B.frames,
-			draws: B.draws
+			frames: W.frames,
+			draws: W.draws
 		}),
 		holdFrames: (e) => {
-			o || B.hold(e);
+			o || W.hold(e);
 		},
-		cancelFrame: () => B.cancel(),
+		cancelFrame: () => W.cancel(),
 		ensureFlowLoop: () => {
-			o || B.wake();
+			o || W.wake();
 		},
-		destroy: G
+		destroy: ie
 	};
-	return e.map = K, e.own(G), K;
+	return e.map = J, e.own(ie), J;
 }
 // ../explorer/flow-build.js
 function ut(e, t) {
@@ -928,25 +931,25 @@ function ft(e, t) {
 }
 function pt(e, { placeLive: t } = {}) {
 	let { state: n } = e;
-	F(e), n.view === "dataflow" && n.flow ? (n.flow.tiers.forEach((e) => e.nodes.forEach((e) => {
+	T(e), n.view === "dataflow" && n.flow ? (n.flow.tiers.forEach((e) => e.nodes.forEach((e) => {
 		e.r = Math.min(e.r, 13);
-	})), n.proposal && n.baseNodes && ht(e) || f(e, n.flow)) : n.baseNodes && (n.proposal || n.nodes.some((e) => e.live)) ? gt(e, t) : p(e);
+	})), n.proposal && n.baseNodes && ht(e) || O(e, n.flow)) : n.baseNodes && (n.proposal || n.nodes.some((e) => e.live)) ? gt(e, t) : g(e);
 }
 function mt(e, t, n) {
 	let { state: r } = e;
-	r.mapNodes = t, r.mapEdges = n, r.nodes = t, r.edges = n, r.flow = ut(t, n), D(r.flow), e.touchScene(), pt(e);
+	r.mapNodes = t, r.mapEdges = n, r.nodes = t, r.edges = n, r.flow = ut(t, n), i(r.flow), e.touchScene(), pt(e);
 }
 function ht(e) {
 	let { state: t } = e, n = {
 		nodes: t.nodes,
 		edges: t.edges
 	}, r = t.baseNodes.map((e) => ({ ...e }));
-	t.nodes = r, t.edges = t.baseEdges, F(e);
+	t.nodes = r, t.edges = t.baseEdges, T(e);
 	let i = ut(r, t.baseEdges);
 	i.tiers.forEach((e) => e.nodes.forEach((e) => {
 		e.r = Math.min(e.r, 13);
-	})), f(e, i), t.nodes = n.nodes, t.edges = n.edges;
-	let a = re(t.flow, i);
+	})), O(e, i), t.nodes = n.nodes, t.edges = n.edges;
+	let a = z(t.flow, i);
 	return e.touchScene(), a;
 }
 function gt(e, t) {
@@ -954,15 +957,15 @@ function gt(e, t) {
 		nodes: n.nodes,
 		edges: n.edges
 	}, i = n.baseNodes.map((e) => ({ ...e }));
-	n.nodes = i, n.edges = n.baseEdges, F(e), p(e);
+	n.nodes = i, n.edges = n.baseEdges, T(e), g(e);
 	let a = new Map(i.map((e) => [e.id, e]));
-	n.nodes = r.nodes, n.edges = r.edges, F(e), n.nodes.forEach((e) => {
+	n.nodes = r.nodes, n.edges = r.edges, T(e), n.nodes.forEach((e) => {
 		let t = a.get(e.id);
 		t && (e.x = t.x, e.y = t.y, e.r = t.r);
-	}), V(n.nodes, n.edges), t && t(n.nodes, n.edges), e.touchScene();
+	}), m(n.nodes, n.edges), t && t(n.nodes, n.edges), e.touchScene();
 }
 // ../explorer/shaders.js
-var Z = "#version 300 es\nprecision highp float;\nuniform vec2 u_viewport;\nuniform vec3 u_cam;\nuniform float u_dpr;\n", _t = "\nvec4 toClip(vec2 pos) {\n  return vec4(pos.x / u_viewport.x * 2.0 - 1.0, 1.0 - pos.y / u_viewport.y * 2.0, 0.0, 1.0);\n}\n", Q = "\nout vec4 outColor;\n\n// Coverage of one device pixel by the half plane d < 0 (d: signed distance in CSS px, pix: the pixel's size)\nfloat coverEdge(float d, float pix) {\n  return clamp(0.5 - d / pix, 0.0, 1.0);\n}\n\n// Coverage of one pixel by a band of half width hw around dist = 0 (dist >= 0: distance from the centre line)\nfloat coverBand(float dist, float hw, float pix) {\n  float hi = min(hw, dist + 0.5 * pix);\n  float lo = max(-hw, dist - 0.5 * pix);\n  return clamp((hi - lo) / pix, 0.0, 1.0);\n}\n\n// Coverage by a dash pattern along an arc (on / off in world units; on <= 0 or off <= 0 is solid)\nfloat coverDash(float arc, float on, float off, float pixWorld) {\n  if (on <= 0.0 || off <= 0.0) return 1.0;\n  float period = on + off;\n  float u = mod(arc - on * 0.5 + period * 0.5, period) - period * 0.5;\n  return clamp((on * 0.5 - abs(u)) / pixWorld + 0.5, 0.0, 1.0);\n}\n\n// Straight colour at alpha a, composited over acc (premultiplied)\nvoid over(inout vec4 acc, vec3 rgb, float a) {\n  acc = vec4(rgb * a, a) + acc * (1.0 - a);\n}\n\n// What Canvas 2D's shadowBlur gives a disc of radius R at distance len from its centre: a blurred copy\n// of the disc. s is the blur's sigma in CSS px (shadowBlur is in DEVICE px and sigma = blur / 2). A big\n// disc has a straight-edge profile (a logistic stands in for the Gaussian's CDF); a small one is a\n// Gaussian bump whose height is what the blur leaves of it.\nfloat glowDisc(float len, float R, float s) {\n  float wide = 1.0 / (1.0 + exp(clamp(1.702 * (len - R) / s, -30.0, 30.0)));\n  float narrow = (1.0 - exp(-R * R / (2.0 * s * s))) * exp(-len * len / (2.0 * s * s));\n  return mix(narrow, wide, smoothstep(0.5 * s, 2.5 * s, R));\n}\n\n// The normal distribution's CDF, as the same logistic (error under 0.01)\nfloat phi(float x) {\n  return 1.0 / (1.0 + exp(clamp(-1.702 * x, -30.0, 30.0)));\n}\n", vt = `${Z}
+var Q = "#version 300 es\nprecision highp float;\nuniform vec2 u_viewport;\nuniform vec3 u_cam;\nuniform float u_dpr;\n", _t = "\nvec4 toClip(vec2 pos) {\n  return vec4(pos.x / u_viewport.x * 2.0 - 1.0, 1.0 - pos.y / u_viewport.y * 2.0, 0.0, 1.0);\n}\n", vt = "\nout vec4 outColor;\n\n// Coverage of one device pixel by the half plane d < 0 (d: signed distance in CSS px, pix: the pixel's size)\nfloat coverEdge(float d, float pix) {\n  return clamp(0.5 - d / pix, 0.0, 1.0);\n}\n\n// Coverage of one pixel by a band of half width hw around dist = 0 (dist >= 0: distance from the centre line)\nfloat coverBand(float dist, float hw, float pix) {\n  float hi = min(hw, dist + 0.5 * pix);\n  float lo = max(-hw, dist - 0.5 * pix);\n  return clamp((hi - lo) / pix, 0.0, 1.0);\n}\n\n// Coverage by a dash pattern along an arc (on / off in world units; on <= 0 or off <= 0 is solid)\nfloat coverDash(float arc, float on, float off, float pixWorld) {\n  if (on <= 0.0 || off <= 0.0) return 1.0;\n  float period = on + off;\n  float u = mod(arc - on * 0.5 + period * 0.5, period) - period * 0.5;\n  return clamp((on * 0.5 - abs(u)) / pixWorld + 0.5, 0.0, 1.0);\n}\n\n// Straight colour at alpha a, composited over acc (premultiplied)\nvoid over(inout vec4 acc, vec3 rgb, float a) {\n  acc = vec4(rgb * a, a) + acc * (1.0 - a);\n}\n\n// What Canvas 2D's shadowBlur gives a disc of radius R at distance len from its centre: a blurred copy\n// of the disc. s is the blur's sigma in CSS px (shadowBlur is in DEVICE px and sigma = blur / 2). A big\n// disc has a straight-edge profile (a logistic stands in for the Gaussian's CDF); a small one is a\n// Gaussian bump whose height is what the blur leaves of it.\nfloat glowDisc(float len, float R, float s) {\n  float wide = 1.0 / (1.0 + exp(clamp(1.702 * (len - R) / s, -30.0, 30.0)));\n  float narrow = (1.0 - exp(-R * R / (2.0 * s * s))) * exp(-len * len / (2.0 * s * s));\n  return mix(narrow, wide, smoothstep(0.5 * s, 2.5 * s, R));\n}\n\n// The normal distribution's CDF, as the same logistic (error under 0.01)\nfloat phi(float x) {\n  return 1.0 / (1.0 + exp(clamp(-1.702 * x, -30.0, 30.0)));\n}\n", yt = `${Q}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_grid;   // size, width
 layout(location = 2) in vec4 a_color;
@@ -975,7 +978,7 @@ void main() {
   v_color = a_color;
   gl_Position = vec4(a_corner, 0.0, 1.0);
 }
-`, yt = `${Z}${Q}
+`, bt = `${Q}${vt}
 in vec2 v_pos;
 flat in vec4 v_grid;
 flat in vec4 v_color;
@@ -988,7 +991,7 @@ void main() {
   float cover = max(coverBand(dist.x, hw, pix), coverBand(dist.y, hw, pix));
   outColor = vec4(v_color.rgb * v_color.a, v_color.a) * cover;
 }
-`, bt = `${Z}${_t}
+`, xt = `${Q}${_t}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_rect;    // x, y, w, h (world)
 layout(location = 2) in vec4 a_fill;
@@ -1012,7 +1015,7 @@ void main() {
   v_stroke = a_stroke;
   gl_Position = toClip(pos);
 }
-`, xt = `${Z}${Q}
+`, St = `${Q}${vt}
 in vec2 v_local;
 flat in vec2 v_half;
 flat in vec2 v_style;
@@ -1029,7 +1032,7 @@ void main() {
   over(acc, v_stroke.rgb, v_stroke.a * coverBand(abs(sd), v_style.y * zoom * 0.5, pix));
   outColor = acc;
 }
-`, St = `${Z}${_t}
+`, Ct = `${Q}${_t}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_geom;    // x, y, r, width (world)
 layout(location = 2) in vec4 a_color;
@@ -1049,7 +1052,7 @@ void main() {
   v_dash = a_dash;
   gl_Position = toClip(pos);
 }
-`, Ct = `${Z}${Q}
+`, wt = `${Q}${vt}
 in vec2 v_local;
 flat in vec4 v_geom;
 flat in vec4 v_color;
@@ -1064,7 +1067,7 @@ void main() {
   cover *= coverDash(arc, v_dash.x, v_dash.y, pix / zoom);
   outColor = vec4(v_color.rgb * v_color.a, v_color.a) * cover;
 }
-`, wt = `${Z}${_t}
+`, Tt = `${Q}${_t}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_geom;    // x, y, r (world), alpha
 layout(location = 2) in vec4 a_color;   // r, g, b (0..1), glow (px)
@@ -1092,7 +1095,7 @@ void main() {
   v_kind = a_kind;
   gl_Position = toClip(centre + v_local);
 }
-`, Tt = `${Z}${Q}
+`, Et = `${Q}${vt}
 in vec2 v_local;
 flat in vec4 v_geom;
 flat in vec4 v_color;
@@ -1182,7 +1185,7 @@ void main() {
 
   outColor = acc;
 }
-`, Et = "\nvec2 bez(vec2 a, vec2 c, vec2 b, float t) {\n  float u = 1.0 - t;\n  return u * u * a + 2.0 * u * t * c + t * t * b;\n}\nvec2 bezD(vec2 a, vec2 c, vec2 b, float t) {\n  return 2.0 * (1.0 - t) * (c - a) + 2.0 * t * (b - c);\n}\n// Arc length from 0 to t, in world units (midpoint rule, 8 steps: the speed is smooth)\nfloat bezArc(vec2 a, vec2 c, vec2 b, float t) {\n  float sum = 0.0;\n  for (int j = 0; j < 8; j++) sum += length(bezD(a, c, b, (float(j) + 0.5) * t / 8.0));\n  return sum * t / 8.0;\n}\n", Dt = "\nvec2 packetPos(vec4 ends, vec4 mot, float timeSec) {\n  float k = fract(timeSec * mot.z + mot.w);\n  return bez(ends.xy, mot.xy, ends.zw, k);\n}\n", Ot = (e) => `${Z}${Et}
+`, Dt = "\nvec2 bez(vec2 a, vec2 c, vec2 b, float t) {\n  float u = 1.0 - t;\n  return u * u * a + 2.0 * u * t * c + t * t * b;\n}\nvec2 bezD(vec2 a, vec2 c, vec2 b, float t) {\n  return 2.0 * (1.0 - t) * (c - a) + 2.0 * t * (b - c);\n}\n// Arc length from 0 to t, in world units (midpoint rule, 8 steps: the speed is smooth)\nfloat bezArc(vec2 a, vec2 c, vec2 b, float t) {\n  float sum = 0.0;\n  for (int j = 0; j < 8; j++) sum += length(bezD(a, c, b, (float(j) + 0.5) * t / 8.0));\n  return sum * t / 8.0;\n}\n", Ot = "\nvec2 packetPos(vec4 ends, vec4 mot, float timeSec) {\n  float k = fract(timeSec * mot.z + mot.w);\n  return bez(ends.xy, mot.xy, ends.zw, k);\n}\n", kt = (e) => `${Q}${Dt}
 #define SEGS ${e}
 layout(location = 1) in vec4 a_ends;    // x1, y1, x2, y2 (world)
 layout(location = 2) in vec4 a_geom;    // control x, y (world), width (world), glow blur (px)
@@ -1224,7 +1227,7 @@ void main() {
   v_dash = a_dash;
   gl_Position = vec4(pos.x / u_viewport.x * 2.0 - 1.0, 1.0 - pos.y / u_viewport.y * 2.0, 0.0, 1.0);
 }
-`, kt = `${Z}${Q}
+`, At = `${Q}${vt}
 in float v_across;
 in float v_arc;
 flat in float v_len;
@@ -1274,7 +1277,7 @@ void main() {
   over(acc, v_color.rgb, v_color.a * cover);
   outColor = acc;
 }
-`, At = `${Z}${_t}
+`, jt = `${Q}${_t}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_tip;     // x, y (world), direction x, y (unit)
 layout(location = 2) in vec4 a_color;
@@ -1294,7 +1297,7 @@ void main() {
   v_kind = a_kind;
   gl_Position = toClip(u_cam.xy + a_tip.xy * zoom + off);
 }
-`, jt = `${Z}${Q}
+`, Mt = `${Q}${vt}
 in vec2 v_local;
 flat in vec4 v_color;
 flat in float v_kind;
@@ -1350,7 +1353,7 @@ void main() {
   }
   outColor = vec4(v_color.rgb * v_color.a, v_color.a) * coverEdge(sd, pix);
 }
-`, Mt = `${Z}${_t}${Et}${Dt}
+`, Nt = `${Q}${_t}${Dt}${Ot}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_ends;    // x1, y1, x2, y2 (world)
 layout(location = 2) in vec4 a_mot;     // control x, y (world), speed (trips per second), phase
@@ -1371,7 +1374,7 @@ void main() {
   v_glow = a_glow;
   gl_Position = toClip(centre + v_local);
 }
-`, Nt = `${Z}${Q}
+`, Pt = `${Q}${vt}
 in vec2 v_local;
 flat in vec4 v_size;
 flat in vec4 v_color;
@@ -1386,7 +1389,7 @@ void main() {
   over(acc, v_color.rgb, v_color.a * coverEdge(len - R, pix));
   outColor = acc;
 }
-`, Pt = `${Z}${_t}
+`, Ft = `${Q}${_t}
 layout(location = 0) in vec2 a_corner;
 layout(location = 1) in vec4 a_geom;    // x, y, side (world), alpha
 uniform float u_minR;                   // letters and glyphs: the least on-screen radius (px) of a node that shows them; 0 for a theme's icon
@@ -1401,7 +1404,7 @@ void main() {
   v_alpha = a_geom.w;
   gl_Position = toClip(pos);
 }
-`, Ft = `${Z}
+`, It = `${Q}
 uniform sampler2D u_tex;
 in vec2 v_uv;
 flat in float v_alpha;
@@ -1409,34 +1412,34 @@ out vec4 outColor;
 void main() {
   outColor = texture(u_tex, v_uv) * v_alpha; // the texture is uploaded premultiplied
 }
-`, It = {
+`, Lt = {
 	none: 0,
 	selected: 1,
 	match: 2,
 	child: 3
-}, Lt = {
+}, Rt = {
 	arrow: 1,
 	strike: 2,
 	chevron: 3,
 	bar: 4,
 	diamond: 5,
 	tick: 6
-}, Rt = Object.freeze(Object.fromEntries(_.map((e, t) => [e, t]))), zt = {
+}, zt = Object.freeze(Object.fromEntries(o.map((e, t) => [e, t]))), Bt = {
 	none: 0,
 	added: 1,
 	changed: 2,
 	removed: 3,
 	edit: 4
 }, $ = (e) => {
-	let [n, r, i, a] = t(e);
+	let [t, n, r, i] = K(e);
 	return [
+		t / 255,
 		n / 255,
 		r / 255,
-		i / 255,
-		a
+		i
 	];
-}, Bt = (e, t) => Object.hasOwn(e, t) ? e[t] : 0;
-function Vt(e) {
+}, Vt = (e, t) => Object.hasOwn(e, t) ? e[t] : 0;
+function Ht(e) {
 	let { nodes: t } = e, n = new Float32Array(t.length * 12);
 	return t.forEach((e, t) => {
 		let [r, i, a, o] = $(e.color);
@@ -1449,10 +1452,10 @@ function Vt(e) {
 			i,
 			a,
 			e.glow || 0,
-			Bt(It, e.halo),
-			Bt(zt, e.mark),
+			Vt(Lt, e.halo),
+			Vt(Bt, e.mark),
 			o,
-			Bt(Rt, e.shape) + (e.glyph && !e.icon && !e.letters ? 8 : 0)
+			Vt(zt, e.shape) + (e.glyph && !e.icon && !e.letters ? 8 : 0)
 		], t * 12);
 	}), {
 		data: n,
@@ -1460,7 +1463,7 @@ function Vt(e) {
 		stride: 12
 	};
 }
-function Ht(e) {
+function Ut(e) {
 	let { grid: t, rings: n, lanes: r } = e.decor, i = new Float32Array(t ? 8 : 0);
 	t && i.set([
 		t.size,
@@ -1512,110 +1515,110 @@ function Ht(e) {
 		}
 	};
 }
-function Ut(t) {
-	let n = {
+function Wt(e) {
+	let t = {
 		straight: [],
 		curved: [],
 		tips: [],
 		packets: []
 	};
-	t.edges.forEach((t) => {
-		let [r, i, a, o] = $(t.color), c = t.alpha, l = o * c, [u, d] = t.dash && t.dash.length >= 2 ? t.dash : [0, 0], f = t.glow > 0 && !!t.glowColor, [p, m, h, g] = f ? $(t.glowColor) : [
+	e.edges.forEach((e) => {
+		let [n, r, i, a] = $(e.color), o = e.alpha, s = a * o, [c, l] = e.dash && e.dash.length >= 2 ? e.dash : [0, 0], u = e.glow > 0 && !!e.glowColor, [d, f, p, m] = u ? $(e.glowColor) : [
 			0,
 			0,
 			0,
 			0
-		], _ = t.curve ? t.curve.cx : (t.x1 + t.x2) / 2, v = t.curve ? t.curve.cy : (t.y1 + t.y2) / 2, y = t.mark && t.mark !== "none" ? 1 : 0;
-		if (n[t.curve ? "curved" : "straight"].push([
-			t.x1,
-			t.y1,
-			t.x2,
-			t.y2,
-			_,
-			v,
-			t.width,
-			f ? t.glow : 0,
+		], h = e.curve ? e.curve.cx : (e.x1 + e.x2) / 2, g = e.curve ? e.curve.cy : (e.y1 + e.y2) / 2, _ = e.mark && e.mark !== "none" ? 1 : 0;
+		if (t[e.curve ? "curved" : "straight"].push([
+			e.x1,
+			e.y1,
+			e.x2,
+			e.y2,
+			h,
+			g,
+			e.width,
+			u ? e.glow : 0,
+			n,
 			r,
 			i,
-			a,
-			l,
-			p,
-			m,
-			h,
-			g * l,
-			u,
+			s,
 			d,
-			y
-		]), t.arrow) {
-			let e = Math.atan2(t.y2 - (t.curve ? t.curve.cy : t.y1), t.x2 - (t.curve ? t.curve.cx : t.x1)), o = t.end && t.end !== "triangle" && Bt(Lt, t.end) || Lt.arrow;
-			n.tips.push([
-				t.x2,
-				t.y2,
-				Math.cos(e),
-				Math.sin(e),
+			f,
+			p,
+			m * s,
+			c,
+			l,
+			_
+		]), e.arrow) {
+			let a = Math.atan2(e.y2 - (e.curve ? e.curve.cy : e.y1), e.x2 - (e.curve ? e.curve.cx : e.x1)), o = e.end && e.end !== "triangle" && Vt(Rt, e.end) || Rt.arrow;
+			t.tips.push([
+				e.x2,
+				e.y2,
+				Math.cos(a),
+				Math.sin(a),
+				n,
 				r,
 				i,
-				a,
-				l,
+				s,
 				o
 			]);
 		}
-		if (t.ticks) {
-			let o = e(t, .5), c = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [u, d] = c > 0 ? [(t.x2 - t.x1) / c, (t.y2 - t.y1) / c] : [1, 0];
-			for (let e = 0; e < t.ticks; e++) {
-				let c = (e - (t.ticks - 1) / 2) * s.tickGap;
-				n.tips.push([
-					o.x + u * c,
-					o.y + d * c,
-					u,
-					d,
+		if (e.ticks) {
+			let a = ae(e, .5), o = Math.hypot(e.x2 - e.x1, e.y2 - e.y1), [c, l] = o > 0 ? [(e.x2 - e.x1) / o, (e.y2 - e.y1) / o] : [1, 0];
+			for (let o = 0; o < e.ticks; o++) {
+				let u = (o - (e.ticks - 1) / 2) * B.tickGap;
+				t.tips.push([
+					a.x + c * u,
+					a.y + l * u,
+					c,
+					l,
+					n,
 					r,
 					i,
-					a,
-					l,
-					Lt.tick
+					s,
+					Rt.tick
 				]);
 			}
 		}
-		if (t.mark === "removed") {
-			let o = e(t, .5), s = Math.hypot(t.x2 - t.x1, t.y2 - t.y1), [c, u] = s > 0 ? [(t.x2 - t.x1) / s, (t.y2 - t.y1) / s] : [1, 0];
-			n.tips.push([
-				o.x,
-				o.y,
+		if (e.mark === "removed") {
+			let a = ae(e, .5), o = Math.hypot(e.x2 - e.x1, e.y2 - e.y1), [c, l] = o > 0 ? [(e.x2 - e.x1) / o, (e.y2 - e.y1) / o] : [1, 0];
+			t.tips.push([
+				a.x,
+				a.y,
 				c,
-				u,
+				l,
+				n,
 				r,
 				i,
-				a,
-				l,
-				Lt.strike
+				s,
+				Rt.strike
 			]);
 		}
-		if (t.packet) {
-			let e = t.packet, [r, i, a, o] = $(e.color), [s, l, u, d] = $(e.glowColor);
-			n.packets.push([
-				t.x1,
-				t.y1,
-				t.x2,
-				t.y2,
-				_,
-				v,
-				e.speed,
-				e.phase,
+		if (e.packet) {
+			let n = e.packet, [r, i, a, s] = $(n.color), [c, l, u, d] = $(n.glowColor);
+			t.packets.push([
+				e.x1,
+				e.y1,
+				e.x2,
+				e.y2,
+				h,
+				g,
+				n.speed,
+				n.phase,
 				r,
 				i,
 				a,
-				o * c,
-				s,
+				s * o,
+				c,
 				l,
 				u,
-				d * o * c,
-				e.radius,
-				e.glow
+				d * s * o,
+				n.radius,
+				n.glow
 			]);
 		}
 	});
-	let r = (e, t) => {
+	let n = (e, t) => {
 		let n = new Float32Array(e.length * t);
 		return e.forEach((e, r) => n.set(e, r * t)), {
 			data: n,
@@ -1624,18 +1627,18 @@ function Ut(t) {
 		};
 	};
 	return {
-		straight: r(n.straight, 19),
-		curved: r(n.curved, 19),
-		tips: r(n.tips, 9),
-		packets: r(n.packets, 18)
+		straight: n(t.straight, 19),
+		curved: n(t.curved, 19),
+		tips: n(t.tips, 9),
+		packets: n(t.packets, 18)
 	};
 }
-var Wt = (e) => ({
-	...Ht(e),
-	nodes: Vt(e),
-	...Ut(e)
+var Gt = (e) => ({
+	...Ut(e),
+	nodes: Ht(e),
+	...Wt(e)
 });
-function Gt(e) {
+function Kt(e) {
 	let t = [];
 	e.nodes.forEach((e) => {
 		if (!e.stroke) return;
@@ -1660,87 +1663,87 @@ function Gt(e) {
 		stride: 10
 	};
 }
-function Kt(e, t, n = null) {
-	let i = /* @__PURE__ */ new Map();
+function qt(e, t, n = null) {
+	let r = /* @__PURE__ */ new Map();
 	e.nodes.forEach((e) => {
-		let a = e.icon && t(e.icon) ? e.icon : null, o = e.r * l;
-		if (!a && !e.icon && e.letters && t(ue(e.letters)) && (a = ue(e.letters), o = e.r * 1), !a && !e.icon && !e.letters && e.glyph) {
-			let i = r(e.glyph, v(e, n));
-			t(i) && (a = i, o = e.r * G);
+		let i = e.icon && t(e.icon) ? e.icon : null, a = e.r * G;
+		if (!i && !e.icon && e.letters && t(le(e.letters)) && (i = le(e.letters), a = e.r * 1), !i && !e.icon && !e.letters && e.glyph) {
+			let r = p(e.glyph, c(e, n));
+			t(r) && (i = r, a = e.r * x);
 		}
-		if (!a) return;
-		i.has(a) || i.set(a, {
+		if (!i) return;
+		r.has(i) || r.set(i, {
 			rows: [],
 			minR: Infinity,
 			maxR: 0
 		});
-		let s = i.get(a);
-		s.maxR = Math.max(s.maxR, e.r), s.rows.push([
+		let o = r.get(i);
+		o.maxR = Math.max(o.maxR, e.r), o.rows.push([
 			e.x,
 			e.y,
-			o,
+			a,
 			e.alpha
-		]), s.minR = Math.min(s.minR, e.r);
+		]), o.minR = Math.min(o.minR, e.r);
 	});
-	let a = [], o = [];
-	for (let [e, { rows: t, minR: n, maxR: r }] of i) a.push({
+	let i = [], a = [];
+	for (let [e, { rows: t, minR: n, maxR: o }] of r) i.push({
 		kind: e,
-		first: o.length,
+		first: a.length,
 		count: t.length,
 		minR: n,
-		maxR: r
-	}), o.push(...t);
-	let s = new Float32Array(o.length * 4);
-	return o.forEach((e, t) => s.set(e, t * 4)), {
-		data: s,
-		count: o.length,
+		maxR: o
+	}), a.push(...t);
+	let o = new Float32Array(a.length * 4);
+	return a.forEach((e, t) => o.set(e, t * 4)), {
+		data: o,
+		count: a.length,
 		stride: 4,
-		groups: a
+		groups: i
 	};
 }
-function qt(e = "dark", t = null) {
-	let { halo: n, mark: r, core: i } = t ? ce(P(e), t) : P(e), a = /* @__PURE__ */ new Float32Array(16), o = /* @__PURE__ */ new Float32Array(16), s = /* @__PURE__ */ new Float32Array(16);
-	Object.entries(It).forEach(([e, t]) => {
-		let r = n[e];
-		t && r && (a.set($(r.fill), t * 4), o.set($(r.ring), t * 4), s.set([
-			r.fillR,
-			r.ringR,
-			r.ringWidth,
+function Jt(e = "dark", t = null) {
+	let { halo: r, mark: i, core: a } = t ? j(n(e), t) : n(e), o = /* @__PURE__ */ new Float32Array(16), s = /* @__PURE__ */ new Float32Array(16), c = /* @__PURE__ */ new Float32Array(16);
+	Object.entries(Lt).forEach(([e, t]) => {
+		let n = r[e];
+		t && n && (o.set($(n.fill), t * 4), s.set($(n.ring), t * 4), c.set([
+			n.fillR,
+			n.ringR,
+			n.ringWidth,
 			0
 		], t * 4));
 	});
-	let c = /* @__PURE__ */ new Float32Array(20), l = /* @__PURE__ */ new Float32Array(20);
-	return Object.entries(zt).forEach(([e, t]) => {
+	let l = /* @__PURE__ */ new Float32Array(20), u = /* @__PURE__ */ new Float32Array(20);
+	return Object.entries(Bt).forEach(([e, t]) => {
 		if (!t) return;
-		let n = r[e];
-		c.set($(n.color), t * 4);
-		let [i, a] = n.ringDash || [0, 0];
-		l.set([
+		let n = i[e];
+		l.set($(n.color), t * 4);
+		let [r, a] = n.ringDash || [0, 0];
+		u.set([
 			n.ringR,
 			n.ringWidth,
-			i,
+			r,
 			a
 		], t * 4);
 	}), {
-		haloFill: a,
-		haloRing: o,
-		haloGeom: s,
-		markColor: c,
-		markGeom: l,
+		haloFill: o,
+		haloRing: s,
+		haloGeom: c,
+		markColor: l,
+		markGeom: u,
 		markMin: new Float32Array([
-			w.ring,
-			w.edge,
-			w.gap
+			J.ring,
+			J.edge,
+			J.gap
 		]),
-		core: new Float32Array($(i)),
-		coreRatio: b
+		core: new Float32Array($(a)),
+		coreRatio: P
 	};
 }
-var Jt = [
+var Yt = [
 	{
 		name: "grid",
-		vert: vt,
-		frag: yt,
+		vert: yt,
+		frag: bt,
 		stride: 8,
 		attribs: [[
 			1,
@@ -1754,8 +1757,8 @@ var Jt = [
 	},
 	{
 		name: "lanes",
-		vert: bt,
-		frag: xt,
+		vert: xt,
+		frag: St,
 		stride: 14,
 		attribs: [
 			[
@@ -1782,8 +1785,8 @@ var Jt = [
 	},
 	{
 		name: "rings",
-		vert: St,
-		frag: Ct,
+		vert: Ct,
+		frag: wt,
 		stride: 10,
 		attribs: [
 			[
@@ -1805,8 +1808,8 @@ var Jt = [
 	},
 	{
 		name: "straight",
-		vert: Ot(1),
-		frag: kt,
+		vert: kt(1),
+		frag: At,
 		stride: 19,
 		verts: 8,
 		attribs: [
@@ -1845,8 +1848,8 @@ var Jt = [
 	},
 	{
 		name: "curved",
-		vert: Ot(24),
-		frag: kt,
+		vert: kt(24),
+		frag: At,
 		stride: 19,
 		verts: 54,
 		attribs: [
@@ -1885,8 +1888,8 @@ var Jt = [
 	},
 	{
 		name: "tips",
-		vert: At,
-		frag: jt,
+		vert: jt,
+		frag: Mt,
 		stride: 9,
 		attribs: [
 			[
@@ -1909,8 +1912,8 @@ var Jt = [
 	},
 	{
 		name: "packets",
-		vert: Mt,
-		frag: Nt,
+		vert: Nt,
+		frag: Pt,
 		stride: 18,
 		attribs: [
 			[
@@ -1943,8 +1946,8 @@ var Jt = [
 	},
 	{
 		name: "nodes",
-		vert: wt,
-		frag: Tt,
+		vert: Tt,
+		frag: Et,
 		stride: 12,
 		attribs: [
 			[
@@ -1965,17 +1968,17 @@ var Jt = [
 		],
 		constants: "nodes"
 	}
-], Yt = {
+], Xt = {
 	nodes(e, t, n) {
-		e.uniform4fv(t("u_haloFill"), n.haloFill), e.uniform4fv(t("u_haloRing"), n.haloRing), e.uniform4fv(t("u_haloGeom"), n.haloGeom), e.uniform4fv(t("u_markColor"), n.markColor), e.uniform4fv(t("u_markGeom"), n.markGeom), e.uniform3fv(t("u_markMin"), n.markMin), e.uniform4fv(t("u_core"), n.core), e.uniform1f(t("u_coreRatio"), n.coreRatio), e.uniform4f(t("u_shape"), C.roundedHalf, C.roundedCorner, C.hexInradius, C.squareHalf), e.uniform2f(t("u_shape2"), C.squareCorner, C.diamondHalf), e.uniform1f(t("u_glyphMin"), 14);
+		e.uniform4fv(t("u_haloFill"), n.haloFill), e.uniform4fv(t("u_haloRing"), n.haloRing), e.uniform4fv(t("u_haloGeom"), n.haloGeom), e.uniform4fv(t("u_markColor"), n.markColor), e.uniform4fv(t("u_markGeom"), n.markGeom), e.uniform3fv(t("u_markMin"), n.markMin), e.uniform4fv(t("u_core"), n.core), e.uniform1f(t("u_coreRatio"), n.coreRatio), e.uniform4f(t("u_shape"), A.roundedHalf, A.roundedCorner, A.hexInradius, A.squareHalf), e.uniform2f(t("u_shape2"), A.squareCorner, A.diamondHalf), e.uniform1f(t("u_glyphMin"), 14);
 	},
 	edges(e, t, n) {
 		e.uniform3fv(t("u_markMin"), n.markMin);
 	},
 	tips(e, t) {
-		e.uniform4f(t("u_tip"), c.length, c.spread, S.halfLength, S.width), e.uniform4f(t("u_end"), s.strokeWidth, s.barHalf, s.diamondHalf, s.diamondAcross), e.uniform2f(t("u_tick"), s.tickHalf, s.tickWidth);
+		e.uniform4f(t("u_tip"), M.length, M.spread, H.halfLength, H.width), e.uniform4f(t("u_end"), B.strokeWidth, B.barHalf, B.diamondHalf, B.diamondAcross), e.uniform2f(t("u_tick"), B.tickHalf, B.tickWidth);
 	}
-}, Xt = {
+}, Zt = {
 	alpha: !0,
 	premultipliedAlpha: !0,
 	antialias: !1,
@@ -1984,7 +1987,7 @@ var Jt = [
 	preserveDrawingBuffer: !1,
 	powerPreference: "high-performance"
 };
-function Zt(e, t, n, r) {
+function Qt(e, t, n, r) {
 	let i = e.createShader(t);
 	if (e.shaderSource(i, n), e.compileShader(i), !e.getShaderParameter(i, e.COMPILE_STATUS)) {
 		let t = e.getShaderInfoLog(i);
@@ -1992,23 +1995,23 @@ function Zt(e, t, n, r) {
 	}
 	return i;
 }
-function Qt(e, t, n, r) {
-	let i = Zt(e, e.VERTEX_SHADER, t, `${r} vertex`), a = Zt(e, e.FRAGMENT_SHADER, n, `${r} fragment`), o = e.createProgram();
+function $t(e, t, n, r) {
+	let i = Qt(e, e.VERTEX_SHADER, t, `${r} vertex`), a = Qt(e, e.FRAGMENT_SHADER, n, `${r} fragment`), o = e.createProgram();
 	if (e.attachShader(o, i), e.attachShader(o, a), e.linkProgram(o), e.deleteShader(i), e.deleteShader(a), !e.getProgramParameter(o, e.LINK_STATUS)) {
 		let t = e.getProgramInfoLog(o);
 		throw e.deleteProgram(o), Error(`${r} program did not link: ${t}`);
 	}
 	return o;
 }
-var $t = (e) => !e || e.plain ? 0 : e.version;
-function en(e, t, n, r = null) {
-	let i = qt(n, r);
+var en = (e) => !e || e.plain ? 0 : e.version;
+function tn(e, t, n, r = null) {
+	let i = Jt(n, r);
 	t.passes.forEach((t) => {
-		t.spec.constants && (e.useProgram(t.program), Yt[t.spec.constants](e, t.at, i));
-	}), t.theme = n, t.styleKey = $t(r);
+		t.spec.constants && (e.useProgram(t.program), Xt[t.spec.constants](e, t.at, i));
+	}), t.theme = n, t.styleKey = en(r);
 }
-function tn(e, t, n) {
-	let r = Qt(e, t.vert, t.frag, t.name), i = e.createVertexArray(), a = e.createBuffer();
+function nn(e, t, n) {
+	let r = $t(e, t.vert, t.frag, t.name), i = e.createVertexArray(), a = e.createBuffer();
 	e.bindVertexArray(i), t.verts || (e.bindBuffer(e.ARRAY_BUFFER, n), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.vertexAttribDivisor(0, 0)), e.bindBuffer(e.ARRAY_BUFFER, a), t.attribs.forEach(([n, r, i]) => {
 		e.enableVertexAttribArray(n), e.vertexAttribPointer(n, r, e.FLOAT, !1, t.stride * 4, i * 4), e.vertexAttribDivisor(n, 1);
 	}), e.bindVertexArray(null);
@@ -2028,11 +2031,11 @@ function tn(e, t, n) {
 		}
 	};
 }
-var nn = {
+var rn = {
 	strokes: {
 		name: "strokes",
-		vert: St,
-		frag: Ct,
+		vert: Ct,
+		frag: wt,
 		stride: 10,
 		attribs: [
 			[
@@ -2054,8 +2057,8 @@ var nn = {
 	},
 	icons: {
 		name: "icons",
-		vert: Pt,
-		frag: Ft,
+		vert: Ft,
+		frag: It,
 		stride: 4,
 		attribs: [[
 			1,
@@ -2064,7 +2067,7 @@ var nn = {
 		]]
 	}
 };
-function rn(e, t = "dark", n = null) {
+function an(e, t = "dark", n = null) {
 	let r = e.createBuffer();
 	e.bindBuffer(e.ARRAY_BUFFER, r), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
 		-1,
@@ -2078,7 +2081,7 @@ function rn(e, t = "dark", n = null) {
 	]), e.STATIC_DRAW);
 	let i = {
 		corners: r,
-		passes: Jt.map((t) => tn(e, t, r)),
+		passes: Yt.map((t) => nn(e, t, r)),
 		theme: t,
 		styleKey: 0,
 		extras: {
@@ -2088,41 +2091,41 @@ function rn(e, t = "dark", n = null) {
 		textures: /* @__PURE__ */ new Map(),
 		iconStore: null
 	};
-	return en(e, i, t, n), i;
+	return tn(e, i, t, n), i;
 }
-function an(e, t) {
+function on(e, t) {
 	e.deleteBuffer(t.corners), t.textures.forEach(({ texture: t }) => e.deleteTexture(t)), [...t.passes, ...Object.values(t.extras).filter(Boolean)].forEach((t) => {
 		e.deleteProgram(t.program), e.deleteVertexArray(t.vao), e.deleteBuffer(t.buffer);
 	});
 }
-function on(e, t = {}) {
-	let n = t.gl || e.getContext("webgl2", Xt);
+function sn(e, t = {}) {
+	let n = t.gl || e.getContext("webgl2", Zt);
 	if (!n) throw Error("WebGL2 is not available");
-	let r = t.mapStyle || (() => d), i = {
+	let r = t.mapStyle || (() => L), i = {
 		uploads: 0,
 		draws: 0
-	}, s = rn(n), c = !1, l = 0, u = 0, f = null, p = null, m, h = null;
-	function g(e) {
-		return s.extras[e] || (s.extras[e] = tn(n, nn[e], s.corners)), s.extras[e];
+	}, a = an(n), o = !1, s = 0, c = 0, l = null, u = null, d, f = null;
+	function p(e) {
+		return a.extras[e] || (a.extras[e] = nn(n, rn[e], a.corners)), a.extras[e];
 	}
-	function _() {
-		s.passes.forEach((e) => {
-			let t = f[e.spec.name];
+	function m() {
+		a.passes.forEach((e) => {
+			let t = l[e.spec.name];
 			e.count = t.count, t.count && (n.bindBuffer(n.ARRAY_BUFFER, e.buffer), n.bufferData(n.ARRAY_BUFFER, t.data, n.DYNAMIC_DRAW));
 		});
-		for (let e of Object.keys(nn)) {
-			let t = f[e];
-			if (!t.count && !s.extras[e]) continue;
-			let r = g(e);
+		for (let e of Object.keys(rn)) {
+			let t = l[e];
+			if (!t.count && !a.extras[e]) continue;
+			let r = p(e);
 			r.count = t.count, t.count && (n.bindBuffer(n.ARRAY_BUFFER, r.buffer), n.bufferData(n.ARRAY_BUFFER, t.data, n.DYNAMIC_DRAW));
 		}
 		i.uploads++;
 	}
-	function v(e, t) {
+	function h(e, t) {
 		n.bindTexture(n.TEXTURE_2D, e), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MIN_FILTER, t ? n.NEAREST : n.LINEAR_MIPMAP_LINEAR), n.texParameteri(n.TEXTURE_2D, n.TEXTURE_MAG_FILTER, t ? n.NEAREST : n.LINEAR);
 	}
-	function y(e, t, r) {
-		let i = s.textures.get(e);
+	function g(e, t, r) {
+		let i = a.textures.get(e);
 		if (!i || i.image !== t) {
 			i && n.deleteTexture(i.texture);
 			let r = n.createTexture();
@@ -2130,92 +2133,92 @@ function on(e, t = {}) {
 				image: t,
 				texture: r,
 				pixelated: null
-			}, s.textures.set(e, i);
+			}, a.textures.set(e, i);
 		}
-		return i.pixelated !== r && (v(i.texture, r), i.pixelated = r), i.texture;
+		return i.pixelated !== r && (h(i.texture, r), i.pixelated = r), i.texture;
 	}
-	function b(t, d, g) {
-		if (h = [
+	function _(t, p, h) {
+		if (f = [
 			t,
-			d,
-			g
-		], c || !s || !l || !u) return;
-		let v = r(), b = x(t, v), S = v.values ? v.values[o] : void 0;
-		(s.iconStore !== v.icons || s.glyphInk !== S) && (s.textures.forEach(({ texture: e }) => n.deleteTexture(e)), s.textures.clear(), s.iconStore = v.icons, s.glyphInk = S, p = null), (b !== p || b.version !== m) && (f = {
-			...Wt(b),
-			strokes: Gt(b),
-			icons: Kt(b, (e) => de(e) ? !!he(fe(e), S) : a(e) ? !!oe(K(e).type, K(e).ink) : !!(v.icons && v.icons.get(e)), v)
-		}, p = b, m = b.version, _());
-		let C = b.theme || "dark";
-		(s.theme !== C || s.styleKey !== $t(v)) && en(n, s, C, v), n.viewport(0, 0, e.width, e.height), n.clearColor(0, 0, 0, 0), n.clear(n.COLOR_BUFFER_BIT), n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), s.passes.forEach((t) => {
-			t.count && (n.useProgram(t.program), n.uniform2f(t.uniforms.viewport, l, u), n.uniform3f(t.uniforms.cam, d.x, d.y, d.zoom), n.uniform1f(t.uniforms.dpr, e.width / l), n.bindVertexArray(t.vao), t.uniforms.time && n.uniform1f(t.uniforms.time, (g || 0) / 1e3), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, t.spec.verts || 4, t.count), i.draws++);
+			p,
+			h
+		], o || !a || !s || !c) return;
+		let _ = r(), v = ie(t, _), y = _.values ? _.values[V] : void 0;
+		(a.iconStore !== _.icons || a.glyphInk !== y) && (a.textures.forEach(({ texture: e }) => n.deleteTexture(e)), a.textures.clear(), a.iconStore = _.icons, a.glyphInk = y, u = null), (v !== u || v.version !== d) && (l = {
+			...Gt(v),
+			strokes: Kt(v),
+			icons: qt(v, (e) => ue(e) ? !!me(de(e), y) : E(e) ? !!S(U(e).type, U(e).ink) : !!(_.icons && _.icons.get(e)), _)
+		}, u = v, d = v.version, m());
+		let b = v.theme || "dark";
+		(a.theme !== b || a.styleKey !== en(_)) && tn(n, a, b, _), n.viewport(0, 0, e.width, e.height), n.clearColor(0, 0, 0, 0), n.clear(n.COLOR_BUFFER_BIT), n.enable(n.BLEND), n.blendFunc(n.ONE, n.ONE_MINUS_SRC_ALPHA), a.passes.forEach((t) => {
+			t.count && (n.useProgram(t.program), n.uniform2f(t.uniforms.viewport, s, c), n.uniform3f(t.uniforms.cam, p.x, p.y, p.zoom), n.uniform1f(t.uniforms.dpr, e.width / s), n.bindVertexArray(t.vao), t.uniforms.time && n.uniform1f(t.uniforms.time, (h || 0) / 1e3), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, t.spec.verts || 4, t.count), i.draws++);
 		});
-		let w = s.extras.strokes;
-		w && w.count && (n.useProgram(w.program), n.uniform2f(w.uniforms.viewport, l, u), n.uniform3f(w.uniforms.cam, d.x, d.y, d.zoom), n.uniform1f(w.uniforms.dpr, e.width / l), n.bindVertexArray(w.vao), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, w.count), i.draws++);
-		let T = s.extras.icons;
-		if (T && T.count) {
-			n.useProgram(T.program), n.uniform2f(T.uniforms.viewport, l, u), n.uniform3f(T.uniforms.cam, d.x, d.y, d.zoom), n.uniform1f(T.uniforms.dpr, e.width / l), n.uniform1i(T.at("u_tex"), 0), n.activeTexture(n.TEXTURE0), n.bindVertexArray(T.vao), n.bindBuffer(n.ARRAY_BUFFER, T.buffer);
-			for (let e of f.icons.groups) {
-				let t = de(e.kind), r = a(e.kind), o = t || r ? 14 : 0;
-				if (o && e.maxR * 2 * d.zoom < o) continue;
-				n.uniform1f(T.at("u_minR"), o / 2), n.uniform1f(T.at("u_sideRatio"), t ? 1 : r ? G : 1);
-				let s = t ? he(fe(e.kind), v.values && v.values["--corn-map-glyph"]) : r ? oe(K(e.kind).type, K(e.kind).ink) : v.icons && v.icons.get(e.kind);
-				s && (n.bindTexture(n.TEXTURE_2D, y(e.kind, s, !!v.pixelated && !t && !r)), n.vertexAttribPointer(1, 4, n.FLOAT, !1, 16, e.first * 4 * 4), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, e.count), i.draws++);
+		let C = a.extras.strokes;
+		C && C.count && (n.useProgram(C.program), n.uniform2f(C.uniforms.viewport, s, c), n.uniform3f(C.uniforms.cam, p.x, p.y, p.zoom), n.uniform1f(C.uniforms.dpr, e.width / s), n.bindVertexArray(C.vao), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, C.count), i.draws++);
+		let w = a.extras.icons;
+		if (w && w.count) {
+			n.useProgram(w.program), n.uniform2f(w.uniforms.viewport, s, c), n.uniform3f(w.uniforms.cam, p.x, p.y, p.zoom), n.uniform1f(w.uniforms.dpr, e.width / s), n.uniform1i(w.at("u_tex"), 0), n.activeTexture(n.TEXTURE0), n.bindVertexArray(w.vao), n.bindBuffer(n.ARRAY_BUFFER, w.buffer);
+			for (let e of l.icons.groups) {
+				let t = ue(e.kind), r = E(e.kind), a = t || r ? 14 : 0;
+				if (a && e.maxR * 2 * p.zoom < a) continue;
+				n.uniform1f(w.at("u_minR"), a / 2), n.uniform1f(w.at("u_sideRatio"), t ? 1 : r ? x : 1);
+				let o = t ? me(de(e.kind), _.values && _.values["--corn-map-glyph"]) : r ? S(U(e.kind).type, U(e.kind).ink) : _.icons && _.icons.get(e.kind);
+				o && (n.bindTexture(n.TEXTURE_2D, g(e.kind, o, !!_.pixelated && !t && !r)), n.vertexAttribPointer(1, 4, n.FLOAT, !1, 16, e.first * 4 * 4), n.drawArraysInstanced(n.TRIANGLE_STRIP, 0, 4, e.count), i.draws++);
 			}
 		}
 		n.bindVertexArray(null);
 	}
-	let S = (e) => {
-		e.preventDefault(), c = !0, s = null;
-	}, C = () => {
+	let v = (e) => {
+		e.preventDefault(), o = !0, a = null;
+	}, y = () => {
 		try {
-			s = rn(n, h && h[0].theme || "dark", r()), c = !1, f && _(), h && b(...h);
+			a = an(n, f && f[0].theme || "dark", r()), o = !1, l && m(), f && _(...f);
 		} catch (e) {
 			console.warn("WebGL2 context restored but the renderer could not be rebuilt:", e.message);
 		}
 	};
-	return e.addEventListener("webglcontextlost", S), e.addEventListener("webglcontextrestored", C), {
+	return e.addEventListener("webglcontextlost", v), e.addEventListener("webglcontextrestored", y), {
 		kind: "webgl2",
 		stats: i,
 		resize(t, n, r) {
-			l = t, u = n, e.width = Math.round(t * r), e.height = Math.round(n * r), h && b(...h);
+			s = t, c = n, e.width = Math.round(t * r), e.height = Math.round(n * r), f && _(...f);
 		},
-		draw: b,
-		destroy: w,
+		draw: _,
+		destroy: b,
 		release() {
-			let e = c;
-			w();
+			let e = o;
+			b();
 			try {
 				let t = !e && n.getExtension ? n.getExtension("WEBGL_lose_context") : null;
 				t && t.loseContext();
 			} catch {}
 		}
 	};
-	function w() {
-		e.removeEventListener("webglcontextlost", S), e.removeEventListener("webglcontextrestored", C), s && !c && an(n, s), s = null, c = !0;
+	function b() {
+		e.removeEventListener("webglcontextlost", v), e.removeEventListener("webglcontextrestored", y), a && !o && on(n, a), a = null, o = !0;
 	}
 }
 // ../explorer/renderer.js
-function sn(e) {
+function cn(e) {
 	let t = e.ownerDocument.createElement("canvas");
 	return t.className = "hx-overlay", t.setAttribute("data-corn", "map-overlay"), t.setAttribute("part", "map-overlay"), t.setAttribute("aria-hidden", "true"), e.after(t), t;
 }
-function cn(e, t = {}) {
+function ln(e, t = {}) {
 	let n = t.prefer || null, r = t.mapStyle ? { mapStyle: t.mapStyle } : {};
 	if (n === "canvas2d") return Me(e, r);
 	let i = null;
 	try {
-		i = e.getContext("webgl2", Xt);
+		i = e.getContext("webgl2", Zt);
 	} catch {}
 	if (!i) return Me(e, r);
 	try {
-		return on(e, {
+		return sn(e, {
 			gl: i,
 			...r
 		});
 	} catch (n) {
 		console.warn(`WebGL2 renderer unavailable, drawing with Canvas 2D: ${n.message}`);
-		let i = (t.makeStandIn || sn)(e), a = Me(i, r);
+		let i = (t.makeStandIn || cn)(e), a = Me(i, r);
 		return {
 			...a,
 			destroy() {
@@ -2225,7 +2228,7 @@ function cn(e, t = {}) {
 	}
 }
 // ../explorer/cluster.js
-function ln(e, t) {
+function un(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let e of t) !e.kind && !e.dashed && e.from && e.to && (n.get(e.from) || n.set(e.from, []).get(e.from)).push(e.to);
 	let r = /* @__PURE__ */ new Set([e]), i = [e];
@@ -2233,139 +2236,139 @@ function ln(e, t) {
 	return r;
 }
 // ../explorer/input.js
-function un(e) {
-	let { state: t } = e, { render: n, getSpatialIndex: r, queueFrameWork: i, screenToWorld: a, getMinZoom: o, setHoverNode: s, labelNodeAt: c, fitGraphToViewport: l, fitPadding: d } = e.map, f = (t) => e.emit("select", t), p = () => e.emit("background"), m = () => e.emit("grab"), g = !1, _ = null, v = {
+function dn(e) {
+	let { state: n } = e, { render: r, getSpatialIndex: i, queueFrameWork: a, screenToWorld: o, getMinZoom: s, setHoverNode: c, labelNodeAt: l, fitGraphToViewport: u, fitPadding: d } = e.map, f = (t) => e.emit("select", t), p = () => e.emit("background"), m = () => e.emit("grab"), h = !1, g = null, _ = {
 		x: 0,
 		y: 0
 	}, y = {
 		x: 0,
 		y: 0
-	}, b = !1, x = null, S = null, C = 0, w = null, T = !1, E = null, D = null, O = null, ee = !1, k = "", A = () => t.isFreeform && t.view === "orbit";
-	function j(e) {
-		let n = t.canvas.getBoundingClientRect(), r = e.touches ? e.touches[0] : e, i = n.width && t.width ? t.width / n.width : 1, a = n.height && t.height ? t.height / n.height : 1;
+	}, b = !1, x = null, S = null, C = 0, w = null, T = !1, E = null, D = null, O = null, A = !1, j = "", M = () => n.isFreeform && n.view === "orbit";
+	function N(e) {
+		let t = n.canvas.getBoundingClientRect(), r = e.touches ? e.touches[0] : e, i = t.width && n.width ? n.width / t.width : 1, a = t.height && n.height ? n.height / t.height : 1;
 		return {
-			x: (r.clientX - n.left) * i,
-			y: (r.clientY - n.top) * a
+			x: (r.clientX - t.left) * i,
+			y: (r.clientY - t.top) * a
 		};
 	}
-	let N = {
+	let P = {
 		nodes: null,
 		size: -1,
 		map: null
 	};
-	function P(e) {
-		return (N.nodes !== t.nodes || N.size !== t.nodes.length) && (N = {
-			nodes: t.nodes,
-			size: t.nodes.length,
-			map: new Map(t.nodes.map((e) => [e.id, e]))
-		}), N.map.get(e) || null;
-	}
-	function F(e, n, i) {
-		let a = Fe(r(), t.camera, e, n, i);
-		return a ? P(a.id) : null;
-	}
-	let ne = (e) => Math.hypot(e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY);
-	function I(e) {
-		let n = t.canvas.getBoundingClientRect();
+	function F(e) {
+		return (P.nodes !== n.nodes || P.size !== n.nodes.length) && (P = {
+			nodes: n.nodes,
+			size: n.nodes.length,
+			map: new Map(n.nodes.map((e) => [e.id, e]))
+		}), P.map.get(e) || null;
+	}
+	function I(e, t, r) {
+		let a = Fe(i(), n.camera, e, t, r);
+		return a ? F(a.id) : null;
+	}
+	let te = (e) => Math.hypot(e.touches[0].clientX - e.touches[1].clientX, e.touches[0].clientY - e.touches[1].clientY);
+	function L(e) {
+		let t = n.canvas.getBoundingClientRect();
 		return {
-			x: (e.touches[0].clientX + e.touches[1].clientX) / 2 - n.left,
-			y: (e.touches[0].clientY + e.touches[1].clientY) / 2 - n.top
+			x: (e.touches[0].clientX + e.touches[1].clientX) / 2 - t.left,
+			y: (e.touches[0].clientY + e.touches[1].clientY) / 2 - t.top
 		};
 	}
 	function R(e) {
-		if (T = !0, m(), s(null), e.touches && e.touches.length === 2) {
-			w = te(t.camera, ne(e), I(e)), E = null, g = !1, _ = null, x = null;
+		if (T = !0, m(), c(null), e.touches && e.touches.length === 2) {
+			w = se(n.camera, te(e), L(e)), E = null, h = !1, g = null, x = null;
 			return;
 		}
-		let n = !!(e.touches && e.touches.length > 0), r = j(e);
+		let t = !!(e.touches && e.touches.length > 0), r = N(e);
 		y = {
 			x: r.x,
 			y: r.y
-		}, b = !1, E = null, x = F(r.x, r.y, n), A() && x ? (_ = x, e.cancelable && e.preventDefault()) : (g = !0, v = r);
-	}
-	function re() {
-		D && w && Object.assign(t.camera, L(w, D.dist, D.mid, o())), D = null;
-		let n = E;
-		if (E = null, n) {
-			if (_ && A()) {
-				let r = a(n.x, n.y);
-				_.x = r.x, _.y = r.y, t.freeformPositions[_.id] = {
-					x: r.x,
-					y: r.y
-				}, e.touchScene(), h(e);
-			} else g && (t.camera.x += n.x - v.x, t.camera.y += n.y - v.y, v = n);
-		}
+		}, b = !1, E = null, x = I(r.x, r.y, t), M() && x ? (g = x, e.cancelable && e.preventDefault()) : (h = !0, _ = r);
 	}
 	function z() {
-		let e = O;
-		if (O = null, !e || g || _) return;
-		let t = F(e.x, e.y, !1);
-		ie(!!t), s(t ? t.id : null);
+		D && w && Object.assign(n.camera, ee(w, D.dist, D.mid, s())), D = null;
+		let r = E;
+		if (E = null, r) {
+			if (g && M()) {
+				let i = o(r.x, r.y);
+				g.x = i.x, g.y = i.y, n.freeformPositions[g.id] = {
+					x: i.x,
+					y: i.y
+				}, e.touchScene(), t(e);
+			} else h && (n.camera.x += r.x - _.x, n.camera.y += r.y - _.y, _ = r);
+		}
 	}
-	function ie(e) {
-		e !== ee && t.canvas && (e && (k = t.canvas.style.cursor), ee = e, t.canvas.style.cursor = e ? "pointer" : k);
+	function ne() {
+		let e = O;
+		if (O = null, !e || h || g) return;
+		let t = I(e.x, e.y, !1);
+		B(!!t), c(t ? t.id : null);
 	}
 	function B(e) {
+		e !== A && n.canvas && (e && (j = n.canvas.style.cursor), A = e, n.canvas.style.cursor = e ? "pointer" : j);
+	}
+	function V(e) {
 		if (e.touches && e.touches.length === 2 && w) {
 			e.cancelable && e.preventDefault(), D = {
-				dist: ne(e),
-				mid: I(e)
-			}, i(re);
+				dist: te(e),
+				mid: L(e)
+			}, a(z);
 			return;
 		}
-		let t = j(e);
-		Math.hypot(t.x - y.x, t.y - y.y) > 8 && (b = !0), _ && A() || g ? (e.cancelable && e.preventDefault(), E = t, i(re)) : e.touches || (O = t, i(z, { draw: !1 }));
+		let t = N(e);
+		Math.hypot(t.x - y.x, t.y - y.y) > 8 && (b = !0), g && M() || h ? (e.cancelable && e.preventDefault(), E = t, a(z)) : e.touches || (O = t, a(ne, { draw: !1 }));
 	}
-	function V(e) {
-		re();
-		let n = !!(e.changedTouches && e.changedTouches.length > 0), r = t.canvas.getBoundingClientRect(), i = n ? {
+	function H(e) {
+		z();
+		let t = !!(e.changedTouches && e.changedTouches.length > 0), r = n.canvas.getBoundingClientRect(), i = t ? {
 			x: e.changedTouches[0].clientX - r.left,
 			y: e.changedTouches[0].clientY - r.top
-		} : j(e);
+		} : N(e);
 		if (!b && T) {
 			if (x) {
-				let e = F(i.x, i.y, n);
+				let e = I(i.x, i.y, t);
 				if (e && e.id === x.id) {
-					if (!A()) f(x);
+					if (!M()) f(x);
 					else {
 						let e = Date.now();
 						S && S.id === x.id && e - C < 380 ? (f(x), S = null, C = 0) : (S = x, C = e);
 					}
 				}
 			} else {
-				let e = P(c(i.x, i.y));
-				e && u.includes(e.type) && e.id !== "root" ? l(d(), ln(e.id, t.edges)) : t.selectedNode && p();
+				let e = F(l(i.x, i.y));
+				e && k.includes(e.type) && e.id !== "root" ? u(d(), un(e.id, n.edges)) : n.selectedNode && p();
 			}
 		}
-		g = !1, _ = null, x = null, w = null, D = null, T = !1;
-	}
-	let { canvas: H } = t, ae = !(e.root && e.root.nodeType === 9), U = (r) => {
-		if (ae && !r.ctrlKey && !r.metaKey && e.active() !== t.canvas) return;
-		r.preventDefault(), m();
-		let i = j(r);
-		Object.assign(t.camera, M(t.camera, r.deltaY < 0 ? 1.12 : .88, i.x, i.y, o())), n();
-	}, W = e.root || H, G = [
-		e.listen(H, "mousedown", R),
-		e.listen(H, "mousemove", B),
-		e.listen(H, "mouseleave", () => {
-			O = null, ie(!1), s(null);
+		h = !1, g = null, x = null, w = null, D = null, T = !1;
+	}
+	let { canvas: U } = n, W = !(e.root && e.root.nodeType === 9), G = (t) => {
+		if (W && !t.ctrlKey && !t.metaKey && e.active() !== n.canvas) return;
+		t.preventDefault(), m();
+		let i = N(t);
+		Object.assign(n.camera, v(n.camera, t.deltaY < 0 ? 1.12 : .88, i.x, i.y, s())), r();
+	}, K = e.root || U, re = [
+		e.listen(U, "mousedown", R),
+		e.listen(U, "mousemove", V),
+		e.listen(U, "mouseleave", () => {
+			O = null, B(!1), c(null);
 		}),
-		e.listen(W, "mouseup", V),
-		e.listen(H, "touchstart", R, { passive: !1 }),
-		e.listen(H, "touchmove", B, { passive: !1 }),
-		e.listen(W, "touchend", V, { passive: !1 }),
-		e.listen(W, "touchcancel", V, { passive: !1 }),
-		e.listen(H, "wheel", U, { passive: !1 })
+		e.listen(K, "mouseup", H),
+		e.listen(U, "touchstart", R, { passive: !1 }),
+		e.listen(U, "touchmove", V, { passive: !1 }),
+		e.listen(K, "touchend", H, { passive: !1 }),
+		e.listen(K, "touchcancel", H, { passive: !1 }),
+		e.listen(U, "wheel", G, { passive: !1 })
 	];
-	return () => G.forEach((e) => e());
+	return () => re.forEach((e) => e());
 }
 // ../explorer/pieces/map.js
-var dn = "Arrow keys pan, plus and minus zoom, 0 fits the map. N and P select the next and the previous node, Home and End the first and the last. F frames the selected node and what it lights. Escape clears the selection.", fn = "<canvas id=\"graph-canvas\" data-corn=\"map-canvas\" tabindex=\"0\" role=\"application\" aria-roledescription=\"map\" aria-label=\"Topology map\" aria-describedby=\"map-keys-help\"></canvas>", pn = ({ keysHelp: e = dn } = {}) => ({ stage: `${fn}
-<p id="map-keys-help" class="hx-sr-only">${k(e)}</p>
+var fn = "Arrow keys pan, plus and minus zoom, 0 fits the map. N and P select the next and the previous node, Home and End the first and the last. F frames the selected node and what it lights. Escape clears the selection.", pn = "<canvas id=\"graph-canvas\" data-corn=\"map-canvas\" tabindex=\"0\" role=\"application\" aria-roledescription=\"map\" aria-label=\"Topology map\" aria-describedby=\"map-keys-help\"></canvas>", mn = ({ keysHelp: e = fn } = {}) => ({ stage: `${pn}
+<p id="map-keys-help" class="hx-sr-only">${C(e)}</p>
 <p id="map-announcer" class="hx-sr-only" role="status" aria-live="polite"></p>
 <canvas id="label-canvas" data-corn="label-canvas" aria-hidden="true"></canvas>` });
-function mn(e, t, n) {
-	let r = ae(t, e, "<div data-corn=\"map-stage\"></div>", null, "stage"), i = n.mountStatus(r[0], t, { follow: !1 });
+function hn(e, t, n) {
+	let r = oe(t, e, "<div data-corn=\"map-stage\"></div>", null, "stage"), i = n.mountStatus(r[0], t, { follow: !1 });
 	i.refuse("second-map"), t.emit("piece:refused", {
 		piece: "map",
 		reason: "second-map",
@@ -2376,6 +2379,7 @@ function mn(e, t, n) {
 	return {
 		inst: t,
 		refused: !0,
+		selection: () => null,
 		update: a,
 		fit: a,
 		refresh: a,
@@ -2387,16 +2391,16 @@ function mn(e, t, n) {
 		}
 	};
 }
-function hn(e) {
+function gn(e) {
 	let t = e.nodeType === 11 ? e.host : e;
 	return t && typeof t.getRootNode == "function" ? t.getRootNode() : null;
 }
-function gn(e, t, n = {}) {
-	return !t && n.src !== void 0 && n.src !== null && n.src !== "" ? _n(e, n) : vn(e, t, n, null);
+function _n(e, t, n = {}) {
+	return !t && n.src !== void 0 && n.src !== null && n.src !== "" ? vn(e, n) : yn(e, t, n, null);
 }
-function _n(e, t) {
+function vn(e, t) {
 	let n = e.nodeType === 11 ? e.host : e, r = {}, i = null, a = !1;
-	return import("./scope-Dg_uzefP.js").then((e) => e.n).then(({ mountScope: o }) => {
+	return import("./scope-CUhp8mkf.js").then((e) => e.n).then(({ mountScope: o }) => {
 		if (a) return;
 		let s = o(n, {
 			src: t.src,
@@ -2408,7 +2412,7 @@ function _n(e, t) {
 			onAuth: t.onAuth,
 			onError: t.onError
 		});
-		i = vn(e, s.instance, {
+		i = yn(e, s.instance, {
 			...t,
 			...r
 		}, s);
@@ -2424,6 +2428,9 @@ function _n(e, t) {
 		get map() {
 			return i ? i.map : null;
 		},
+		selection() {
+			return i ? i.selection() : null;
+		},
 		update(e = {}) {
 			i ? i.update(e) : Object.assign(r, e);
 		},
@@ -2444,178 +2451,192 @@ function _n(e, t) {
 		}
 	};
 }
-function vn(e, t, r, i) {
-	let a = !t;
-	a && (t = ne({
-		root: e,
-		base: r.base || "",
-		fetch: r.fetch,
-		strings: r.strings
+function yn(t, n, i, a) {
+	let o = !n;
+	o && (n = r({
+		root: t,
+		base: i.base || "",
+		fetch: i.fetch,
+		strings: i.strings
 	}));
-	let o = R(t), s = () => {};
-	if (o) try {
-		s = t.attach(e);
+	let s = u(n), c = () => {};
+	if (s) try {
+		c = n.attach(t);
 	} catch {
-		return i && i.destroy(), mn(e, t, o);
-	}
-	let { state: c } = t, l = o ? o.source : null;
-	if (r.tokens) {
-		let t = hn(e);
-		t && B(t.nodeType === 9 ? t : t.ownerDocument, r.tokens), t && t.nodeType === 11 && B(t, r.tokens);
-	}
-	let u = A(t);
-	u.own(s), i && u.own(() => i.destroy());
-	let d = (e) => e === "canvas2d" ? "canvas2d" : "auto", f = (e) => e === "light" || e === "dark" ? e : "auto", p = {
-		renderer: d(r.renderer),
-		theme: f(r.theme),
+		return a && a.destroy(), hn(t, n, s);
+	}
+	let { state: l } = n, d = s ? s.source : null;
+	if (i.tokens) {
+		let e = gn(t);
+		e && b(e.nodeType === 9 ? e : e.ownerDocument, i.tokens), e && e.nodeType === 11 && b(e, i.tokens);
+	}
+	let p = y(n);
+	p.own(c), a && p.own(() => a.destroy());
+	let m = (e) => e === "canvas2d" ? "canvas2d" : "auto", h = (e) => e === "light" || e === "dark" ? e : "auto", g = {
+		renderer: m(i.renderer),
+		theme: h(i.theme),
 		topology: void 0
-	}, h = r.topology !== void 0 && r.topology !== null, g = !1, _ = !1, v = pn({ keysHelp: r.keysHelp }).stage, y = r.slots && r.slots.stage ? r.slots : null, b = ae(t, e, y ? v : `<div data-corn="map-stage">${v}</div>`, y, "stage"), x = (e) => b.map((t) => t.matches(e) ? t : t.querySelector(e)).find(Boolean);
-	u.own(() => {
-		for (let e of [...b, c.canvas]) e && e.remove();
+	}, _ = i.topology !== void 0 && i.topology !== null, v = !1, x = !1, S = mn({ keysHelp: i.keysHelp }).stage, C = i.slots && i.slots.stage ? i.slots : null, w = oe(n, t, C ? S : `<div data-corn="map-stage">${S}</div>`, C, "stage"), T = (e) => w.map((t) => t.matches(e) ? t : t.querySelector(e)).find(Boolean);
+	p.own(() => {
+		for (let e of [...w, l.canvas]) e && e.remove();
 	});
-	let S = b.find((e) => e.matches("[data-corn=\"map-stage\"]")) || null;
-	if (l && S) {
-		let e = o.mountStatus(S, t, {
-			onRetry: () => l.load(),
+	let E = T("#map-announcer");
+	if (E) {
+		let e = D(n, E);
+		p.on("announce:write", (t) => (e(t), !0));
+	}
+	let O = w.find((e) => e.matches("[data-corn=\"map-stage\"]")) || null;
+	if (d && O) {
+		let e = s.mountStatus(O, n, {
+			onRetry: () => d.load(),
 			focusMap: () => {
-				c.canvas && c.canvas.focus();
+				l.canvas && l.canvas.focus();
 			}
 		});
-		u.own(e.destroy);
-	}
-	c.canvas = x("[data-corn=\"map-canvas\"]"), c.labelCanvas = x("[data-corn=\"label-canvas\"]"), c.ctx = t.doc.createElement("canvas").getContext("2d");
-	let C = lt(t, r.measureCovered ? { measureCovered: r.measureCovered } : {}), w = n(t);
-	u.own(w.watch()), u.own(w.onChange(() => C.render()));
-	let T = () => p.renderer === "canvas2d" ? "canvas2d" : null, D = () => C.setRenderer(cn(c.canvas, {
-		prefer: T(),
-		mapStyle: w.get
-	})), O = t.win && t.win.matchMedia ? t.win.matchMedia("(prefers-color-scheme: light)") : null;
-	function k() {
-		if (p.theme === "light" || p.theme === "dark") return p.theme;
-		if (o && (o.theme === "light" || o.theme === "dark")) return o.theme;
-		let e = t.doc && t.doc.documentElement, n = e ? e.getAttribute("data-theme") : null;
-		return n === "light" || n === "dark" ? n : m("system", !!(O && O.matches));
+		p.own(e.destroy);
+	}
+	l.canvas = T("[data-corn=\"map-canvas\"]"), l.labelCanvas = T("[data-corn=\"label-canvas\"]"), l.ctx = n.doc.createElement("canvas").getContext("2d");
+	let k = lt(n, i.measureCovered ? { measureCovered: i.measureCovered } : {}), A = ne(n);
+	p.own(A.watch()), p.own(A.onChange(() => k.render()));
+	let ee = () => g.renderer === "canvas2d" ? "canvas2d" : null, j = () => k.setRenderer(ln(l.canvas, {
+		prefer: ee(),
+		mapStyle: A.get
+	})), M = n.win && n.win.matchMedia ? n.win.matchMedia("(prefers-color-scheme: light)") : null;
+	function P() {
+		if (g.theme === "light" || g.theme === "dark") return g.theme;
+		if (s && (s.theme === "light" || s.theme === "dark")) return s.theme;
+		let t = n.doc && n.doc.documentElement, r = t ? t.getAttribute("data-theme") : null;
+		return r === "light" || r === "dark" ? r : e("system", !!(M && M.matches));
 	}
-	function M() {
-		if (g) return;
-		let e = k();
-		w.refresh(), c.theme !== e && (c.theme = e, t.touchScene()), C.render();
-	}
-	c.theme = k(), o && u.own(o.serverTheme.adopt(e)), o && (u.on("theme", () => M()), u.on("scope:theme", () => M())), O && O.addEventListener && (O.addEventListener("change", M), u.own(() => O.removeEventListener("change", M)));
-	let te = t.win && t.win.MutationObserver;
-	if (te && t.doc && t.doc.documentElement) {
-		let e = new te(M);
-		e.observe(t.doc.documentElement, {
+	function F() {
+		if (v) return;
+		let e = P();
+		A.refresh(), l.theme !== e && (l.theme = e, n.touchScene()), k.render();
+	}
+	l.theme = P(), s && p.own(s.serverTheme.adopt(t)), s && (p.on("theme", () => F()), p.on("scope:theme", () => F())), M && M.addEventListener && (M.addEventListener("change", F), p.own(() => M.removeEventListener("change", F)));
+	let I = n.win && n.win.MutationObserver;
+	if (I && n.doc && n.doc.documentElement) {
+		let e = new I(F);
+		e.observe(n.doc.documentElement, {
 			attributes: !0,
 			attributeFilter: ["data-theme", "class"]
-		}), u.own(() => e.disconnect());
-	}
-	D();
-	let P = () => pt(t), F = () => {
-		c.nodes.length && C.fitGraphToViewport(C.fitPadding());
-	}, I = (e) => c.nodes.find((t) => t.id === e) || null, L = null;
-	u.on("select", (e) => W(t, e, { source: "tap" })), u.on("background", () => E(t, { source: "tap" })), u.on("grab", () => ee(t)), u.on("selection", ({ node: e, edge: t, source: n }) => {
-		g || ((e || t) && (L = null), r.onSelect && (e ? r.onSelect({
+		}), p.own(() => e.disconnect());
+	}
+	j();
+	let te = () => pt(n), L = () => {
+		l.nodes.length && k.fitGraphToViewport(k.fitPadding());
+	}, R = (e) => l.nodes.find((t) => t.id === e) || null, z = null;
+	p.on("select", (e) => q(n, e, { source: "tap" })), p.on("background", () => N(n, { source: "tap" })), p.on("grab", () => re(n)), p.on("selection", ({ node: e, edge: t, source: n }) => {
+		v || ((e || t) && (z = null), i.onSelect && (e ? i.onSelect({
 			id: e.id,
 			kind: "node",
 			source: n
-		}) : t ? r.onSelect({
+		}) : t ? i.onSelect({
 			id: `${t.from}->${t.to}`,
 			kind: "edge",
 			from: t.from,
 			to: t.to,
 			source: n
-		}) : r.onSelect({
+		}) : i.onSelect({
 			id: null,
 			kind: null,
 			source: n
 		})));
 	});
-	function re(e) {
-		let n = I(String(e));
-		return !n || g ? !1 : (W(t, n, {
+	function B(e) {
+		let t = R(String(e));
+		return !t || v ? !1 : (q(n, t, {
 			frame: !0,
 			source: "api"
 		}), !0);
 	}
-	let z = () => {}, ie = !!t.root && t.root.nodeType === 9;
-	function V() {
-		let e = c.canvas, n = [un(t)];
-		ie || n.push(t.listen(e, "pointerdown", (t) => {
+	let V = () => {}, H = !!n.root && n.root.nodeType === 9;
+	function U() {
+		let e = l.canvas, t = [dn(n)];
+		H || t.push(n.listen(e, "pointerdown", (t) => {
 			if (t.pointerType === "mouse" && e.setPointerCapture) try {
 				e.setPointerCapture(t.pointerId);
 			} catch {}
-		})), j(t), N(t), n.push(() => j(t)), z = () => n.forEach((e) => e());
+		})), f(n), W(n), t.push(() => f(n)), V = () => t.forEach((e) => e());
 	}
-	u.own(C.onPaint(() => {
-		!_ && c.nodes.length && (_ = !0, r.onReady && r.onReady());
-	})), V(), u.own(() => z());
-	let H = () => {
-		!h && l && l.topology && l.topology !== p.topology && (p.topology = l.topology, U(l.topology));
+	p.own(k.onPaint(() => {
+		!x && l.nodes.length && (x = !0, i.onReady && i.onReady());
+	})), U(), p.own(() => V());
+	let G = () => {
+		!_ && d && d.topology && d.topology !== g.topology && (g.topology = d.topology, K(d.topology));
 	};
-	l && u.on("source", (e) => {
-		e.state === "ready" && H();
-	}), u.own(C.watchSize()), C.resize();
-	function U(e) {
-		let n = c.selectedNode ? c.selectedNode.id : null;
-		ft(t, e);
-		let r = n ? I(n) : null;
-		c.nodes.length && (P(), F());
-		let i = !r && L ? I(L) : null;
-		i && W(t, i, { source: "api" }), C.render(), C.ensureFlowLoop();
-	}
-	function G(e) {
-		let n = e === "dataflow" ? "dataflow" : "orbit";
-		c.view !== n && (c.view = n, t.touchScene(), c.nodes.length && (P(), F(), C.ensureFlowLoop()));
+	d && p.on("source", (e) => {
+		e.state === "ready" && G();
+	}), p.own(k.watchSize()), k.resize();
+	function K(e) {
+		let t = l.selectedNode ? l.selectedNode.id : null;
+		ft(n, e);
+		let r = t ? R(t) : null;
+		l.nodes.length && (te(), L());
+		let i = !r && z ? R(z) : null;
+		i && q(n, i, { source: "api" }), k.render(), k.ensureFlowLoop();
 	}
-	function K() {
-		let e = C.getRenderer();
-		e.release ? e.release() : e.destroy(), z();
-		let n = t.doc.createElement("template");
-		n.innerHTML = fn;
-		let r = n.content.firstElementChild;
+	function ie(e) {
+		let t = e === "dataflow" ? "dataflow" : "orbit";
+		l.view !== t && (l.view = t, n.touchScene(), l.nodes.length && (te(), L(), k.ensureFlowLoop()));
+	}
+	function J() {
+		let e = k.getRenderer();
+		e.release ? e.release() : e.destroy(), V();
+		let t = n.doc.createElement("template");
+		t.innerHTML = pn;
+		let r = t.content.firstElementChild;
 		r.setAttribute("part", "map-canvas");
-		let i = t.active() === c.canvas;
-		c.canvas.replaceWith(r), c.canvas = r, V(), D(), C.resize(), i && r.focus();
+		let i = n.active() === l.canvas;
+		l.canvas.replaceWith(r), l.canvas = r, U(), j(), k.resize(), i && r.focus();
 	}
-	function oe(e = {}) {
-		if (!g) {
+	function ae(e = {}) {
+		if (!v) {
 			if ("renderer" in e) {
-				let t = d(e.renderer);
-				t !== p.renderer && (p.renderer = t, K());
+				let t = m(e.renderer);
+				t !== g.renderer && (g.renderer = t, J());
 			}
 			if ("theme" in e) {
-				let t = f(e.theme);
-				t !== p.theme && (p.theme = t, M());
+				let t = h(e.theme);
+				t !== g.theme && (g.theme = t, F());
 			}
-			if ("topology" in e && (h = e.topology !== void 0 && e.topology !== null, h && e.topology !== p.topology ? (p.topology = e.topology, U(e.topology)) : !h && l && l.topology ? (p.topology = void 0, H()) : !h && e.topology !== p.topology && (p.topology = e.topology, U(e.topology))), "view" in e && G(e.view === "dataflow" ? "dataflow" : "orbit"), "node" in e) {
-				let n = e.node == null || e.node === "" ? null : String(e.node);
-				if (n === null) L = null, (c.selectedNode || c.selectedEdge) && E(t, { source: "api" });
+			if ("topology" in e && (_ = e.topology !== void 0 && e.topology !== null, _ && e.topology !== g.topology ? (g.topology = e.topology, K(e.topology)) : !_ && d && d.topology ? (g.topology = void 0, G()) : !_ && e.topology !== g.topology && (g.topology = e.topology, K(e.topology))), "view" in e && ie(e.view === "dataflow" ? "dataflow" : "orbit"), "node" in e) {
+				let t = e.node == null || e.node === "" ? null : String(e.node);
+				if (t === null) z = null, (l.selectedNode || l.selectedEdge) && N(n, { source: "api" });
 				else {
-					let e = I(n);
-					e ? c.selectedNode && c.selectedNode.id === n || W(t, e, { source: "api" }) : L = n;
+					let e = R(t);
+					e ? l.selectedNode && l.selectedNode.id === t || q(n, e, { source: "api" }) : z = t;
 				}
 			}
 		}
 	}
 	function se() {
-		g || (g = !0, u.destroy(), C.destroy(), a && t.destroy());
+		v || (v = !0, p.destroy(), k.destroy(), o && n.destroy());
 	}
-	let ce = {};
+	let Y = {};
 	for (let e of [
 		"topology",
 		"view",
 		"node"
-	]) r[e] !== void 0 && (ce[e] = r[e]);
-	return oe(ce), H(), M(), {
-		inst: t,
-		map: C,
-		update: oe,
+	]) i[e] !== void 0 && (Y[e] = i[e]);
+	return ae(Y), G(), F(), p.own(() => n.emit("map:gone")), n.emit("map:ready"), {
+		inst: n,
+		map: k,
+		selection() {
+			return l.selectedNode ? {
+				id: l.selectedNode.id,
+				kind: "node"
+			} : l.selectedEdge ? {
+				id: `${l.selectedEdge.from}->${l.selectedEdge.to}`,
+				kind: "edge"
+			} : null;
+		},
+		update: ae,
 		destroy: se,
-		fit: F,
-		focusNode: re,
-		refresh: M,
-		applyTheme: (e) => w.applyTheme(e)
+		fit: L,
+		focusNode: B,
+		refresh: F,
+		applyTheme: (e) => A.applyTheme(e)
 	};
 }
-export { ft as i, pt as n, mt as r, gn as t };
+export { ft as i, pt as n, mt as r, _n as t };