@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/constellation.js

@@ -1,12 +1,13 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./resolveCanvasColor-yarP5bdk.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as r } from "./usePointerVelocityField-BdvnO0py.js";
-import { t as i } from "./useRoutePointer-BDNMFN73.js";
-import { d as a, l as o } from "./pointerFieldMappings-CZojkgKj.js";
-import { a as s, t as c } from "./rendererStatus-C2-zC2Q-.js";
-import { n as l, t as u } from "./prng-Dz2_9RJu.js";
-import { computed as d, createElementBlock as f, createElementVNode as p, defineComponent as m, getCurrentInstance as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, readonly as b, ref as x, shallowRef as S, unref as C, useTemplateRef as w, watch as T } from "vue";
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t } from "./useReducedMotion-vCXA_vyM.js";
+import { n } from "./resolveCanvasColor-DS_6DBxA.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as i } from "./usePointerVelocityField-DsIf7yyq.js";
+import { t as a } from "./useRoutePointer-B8itM7Ka.js";
+import { d as o, l as s } from "./pointerFieldMappings-DP5tla5z.js";
+import { a as c, t as l } from "./rendererStatus-BxUlBLVy.js";
+import { n as u, t as d } from "./prng-2uS6J_A1.js";
+import { computed as f, createElementBlock as p, createElementVNode as m, defineComponent as h, getCurrentInstance as g, normalizeClass as _, onMounted as v, onUnmounted as y, openBlock as b, readonly as x, ref as S, shallowRef as C, unref as ee, useTemplateRef as w, watch as T } from "vue";
 //#region src/components/constellation/constants.ts
 var E = 1280, D = {
 	node: "#b4afa3",
@@ -25,11 +26,11 @@ var E = 1280, D = {
 	maxSpeed: 4,
 	soften: 8,
 	holdMs: 140
-}, j = 8e3, M = 8e3, N = .14, P = 2600, F = 6e3, I = 8e3, L = .72, R = 256, ee = 12, z = 256 * 12, B = 0, V = 1.6, H = 1.6, U = .001, W = .6, G = 11, K = 22, te = .05;
-function ne(e, t, n, r) {
+}, j = 8e3, M = 8e3, N = .14, P = 2600, F = 6e3, I = 8e3, L = .72, R = 256, te = 12, z = 256 * 12, B = 0, V = 1.6, H = 1.6, U = .001, W = .6, G = 11, K = 22, ne = .05;
+function q(e, t, n, r) {
 	let i = e.well;
 	if (!i || !(r > 0)) return;
-	let a = Math.min(r, te), o = i.cfg, s = i.target > 0 ? o.ramp : K, c = Math.min(s * a, 1);
+	let a = Math.min(r, ne), o = i.cfg, s = i.target > 0 ? o.ramp : K, c = Math.min(s * a, 1);
 	i.strength += (i.target - i.strength) * c, i.strength < U && (i.strength = i.target <= 0 ? 0 : i.strength);
 	let { nodes: l } = e, u = o.reach * t, d = u * u, f = o.maxSpeed * t, p = i.target > 0 ? W : G, m = Math.min(p * a, 1), h = i.strength > U && i.x >= 0, g = e.pinnedIndex;
 	for (let e = 0; e < l.length; e++) {
@@ -51,7 +52,7 @@ function ne(e, t, n, r) {
 }
 //#endregion
 //#region src/components/constellation/constellationInteraction.ts
-function re(e) {
+function J(e) {
 	let t = {
 		response: O,
 		zeta: 1
@@ -76,8 +77,8 @@ function re(e) {
 		wander: r
 	};
 }
-var ie = .05;
-function q(e, t, n, r = -1) {
+var re = .05;
+function Y(e, t, n, r = -1) {
 	let { nodes: i } = e, a = -1, o = Infinity;
 	for (let e = 0; e < i.length; e++) {
 		if (e === r) continue;
@@ -86,13 +87,13 @@ function q(e, t, n, r = -1) {
 	}
 	return a;
 }
-function J(e, t) {
+function ie(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (!n || n.targetIdx < 0 || n.targetIdx >= r.length || !(t > 0)) return;
-	let i = Math.min(t, ie), a = e.warpCfg?.response ?? .55, o = e.warpCfg?.zeta ?? 1, s = 2 * Math.PI / a, c = r[n.targetIdx], l = -2 * o * s * n.vx - s * s * (n.x - c.x), u = -2 * o * s * n.vy - s * s * (n.y - c.y);
+	let i = Math.min(t, re), a = e.warpCfg?.response ?? .55, o = e.warpCfg?.zeta ?? 1, s = 2 * Math.PI / a, c = r[n.targetIdx], l = -2 * o * s * n.vx - s * s * (n.x - c.x), u = -2 * o * s * n.vy - s * s * (n.y - c.y);
 	n.vx += l * i, n.vy += u * i, n.x += n.vx * i, n.y += n.vy * i;
 }
-function Y(e, t) {
+function X(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (t < 0 || t >= r.length) {
 		n.targetIdx = -1, e.focalIndex = -1;
@@ -100,14 +101,14 @@ function Y(e, t) {
 	}
 	e.focalIndex = t, n.targetIdx = t;
 }
-function X(e, t, n) {
-	let r = q(e, t, n, -1);
+function Z(e, t, n) {
+	let r = Y(e, t, n, -1);
 	if (r >= 0 && r === e.focalIndex) return e.focalIndex;
-	let i = q(e, t, n, e.focalIndex);
-	return i < 0 ? -1 : (Y(e, i), i);
+	let i = Y(e, t, n, e.focalIndex);
+	return i < 0 ? -1 : (X(e, i), i);
 }
 var ae = 24;
-function Z(e) {
+function Q(e) {
 	let { warp: t, nodes: n } = e;
 	if (!t || t.targetIdx < 0 || t.targetIdx >= n.length) return !0;
 	let r = n[t.targetIdx];
@@ -140,7 +141,7 @@ function se(e = {}) {
 function ce(e) {
 	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
-function Q(e, t, n) {
+function le(e, t, n) {
 	let r = e.pinnedDrift;
 	if (!r || e.pinnedIndex < 0 || e.pinnedIndex >= e.nodes.length || !(t > 0)) return;
 	let i = e.nodes[e.pinnedIndex];
@@ -157,9 +158,9 @@ function Q(e, t, n) {
 	let a = Math.min((t - r.legStart) / r.durMs, 1), o = ce(a);
 	i.x = r.fromX + (r.toX - r.fromX) * o, i.y = r.fromY + (r.toY - r.fromY) * o, a >= 1 && (r.legStart = -1, r.nextAt = t + r.minIdle + n() * r.jitter);
 }
-var le = .45;
-function ue(e, t, n, r) {
-	return n >= .45 ? (X(e, t.x, t.y), r.push({
+var ue = .45;
+function de(e, t, n, r) {
+	return n >= .45 ? (Z(e, t.x, t.y), r.push({
 		x: e.warp.x,
 		y: e.warp.y,
 		start: -1
@@ -167,7 +168,7 @@ function ue(e, t, n, r) {
 }
 //#endregion
 //#region src/components/constellation/constellationField.ts
-function de(e, t, n, r, i) {
+function fe(e, t, n, r, i) {
 	let a = [];
 	for (let o = 0; o < t; o++) {
 		let t = e() * Math.PI * 2;
@@ -183,13 +184,13 @@ function de(e, t, n, r, i) {
 	}
 	return a;
 }
-function fe(e, t, n) {
+function pe(e, t, n) {
 	if (!(t > 0) || !(n > 0) || t === e.w && n === e.h) return;
 	let r = e.w / t, i = e.h / n;
 	for (let t of e.nodes) t.x *= r, t.y *= i;
 	e.warp.x *= r, e.warp.y *= i;
 }
-function pe(e, t, n, r, i = 0, a = 0, o = Math.random, s = null) {
+function me(e, t, n, r, i = 0, a = 0, o = Math.random, s = null) {
 	let { nodes: c, w: l, h: u } = e, d = e.pinnedIndex;
 	for (let e = 0; e < c.length; e++) {
 		if (e === d) continue;
@@ -207,12 +208,12 @@ function pe(e, t, n, r, i = 0, a = 0, o = Math.random, s = null) {
 			}
 		}
 	}
-	if (ne(e, t, n, i), Q(e, a, o), J(e, i), e.warpAutoRelease && e.warp.targetIdx >= 0 && Z(e) && (e.warp.targetIdx = -1), e.wander && a > 0) {
+	if (q(e, t, n, i), le(e, a, o), ie(e, i), e.warpAutoRelease && e.warp.targetIdx >= 0 && Q(e) && (e.warp.targetIdx = -1), e.wander && a > 0) {
 		let t = e.wander;
-		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && Z(e) && (Y(e, oe(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
+		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && Q(e) && (X(e, oe(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
 	}
 }
-function me(e, t, n = -1, r = Infinity) {
+function he(e, t, n = -1, r = Infinity) {
 	let { nodes: i, k: a } = e, o = t * a, s = o * o, c = [];
 	for (let e = 0; e < i.length; e++) {
 		let t = i[e];
@@ -233,7 +234,7 @@ function me(e, t, n = -1, r = Infinity) {
 	}
 	return c.length > r && (c.sort((e, t) => t.alpha - e.alpha), c.length = r), c;
 }
-function he(e, t, n, r, i = Infinity) {
+function ge(e, t, n, r, i = Infinity) {
 	if (!r || r.x < 0) return;
 	let { nodes: a, k: o } = t, s = n * o, c = s * s;
 	for (let t of a) {
@@ -250,7 +251,7 @@ function he(e, t, n, r, i = Infinity) {
 		});
 	}
 }
-function ge(e, t, n, r, i) {
+function _e(e, t, n, r, i) {
 	if (!t || t.x < 0 || i <= 0) return {
 		x: e.x,
 		y: e.y
@@ -266,7 +267,7 @@ function ge(e, t, n, r, i) {
 function $(e) {
 	return Math.max(e.k, e.kFloor ?? .72);
 }
-function _e(e) {
+function ve(e) {
 	if (typeof window > "u") return { ...D };
 	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n, r = (e, n) => {
 		let r = Number.parseFloat(t.getPropertyValue(e));
@@ -284,24 +285,24 @@ function _e(e) {
 		edgeFloor: r("--constellation-edge-floor", D.edgeFloor)
 	};
 }
-function ve(e, t, n, r, i = 1) {
+function ye(e, t, n, r, i = 1) {
 	let a = $(t), o = r.alpha * i;
 	for (let t of n) t.focus ? (e.strokeStyle = r.line, e.lineWidth = a, e.globalAlpha = t.alpha * r.edgeFocusAlpha * o) : t.accent ? (e.strokeStyle = r.accent, e.lineWidth = 1.1 * a, e.globalAlpha = t.alpha * r.edgeAccentAlpha * o) : (e.strokeStyle = r.line, e.lineWidth = a, e.globalAlpha = (t.alpha * r.edgeAlpha + r.edgeFloor) * o), e.beginPath(), e.moveTo(t.ax, t.ay), e.lineTo(t.bx, t.by), e.stroke();
 	e.globalAlpha = 1;
 }
-function ye(e, t, n, r = 1, i = null, a = 0) {
+function be(e, t, n, r = 1, i = null, a = 0) {
 	let o = $(t);
 	e.globalAlpha = r;
 	for (let r of t.nodes) {
-		let s = ge(r, i, t.w, t.h, a);
+		let s = _e(r, i, t.w, t.h, a);
 		e.fillStyle = r.dim ? n.nodeDim : n.node, e.beginPath(), e.arc(s.x, s.y, r.r * o, 0, Math.PI * 2), e.fill();
 	}
 	e.globalAlpha = 1;
 }
-function be(e, t, n, r, i = 1) {
+function xe(e, t, n, r, i = 1) {
 	!n || n.x < 0 || (e.globalAlpha = .55 * i, e.fillStyle = r.node, e.beginPath(), e.arc(n.x, n.y, 2.6 * $(t), 0, Math.PI * 2), e.fill(), e.globalAlpha = 1);
 }
-function xe(e, t, n, r, i, a = 1) {
+function Se(e, t, n, r, i, a = 1) {
 	let o = $(t);
 	e.strokeStyle = i.line;
 	for (let t = r.length - 1; t >= 0; t--) {
@@ -318,7 +319,7 @@ function xe(e, t, n, r, i, a = 1) {
 }
 //#endregion
 //#region src/components/constellation/composables/createConstellationField.ts
-function Se(e, t, n = !1, r = !1, i = !1) {
+function Ce(e, t, n = !1, r = !1, i = !1) {
 	let a = {
 		nodes: [],
 		canvas: null,
@@ -362,98 +363,98 @@ function Se(e, t, n = !1, r = !1, i = !1) {
 }
 //#endregion
 //#region src/components/constellation/composables/useConstellation.ts
-var Ce = {
+var we = {
 	gain: 5200,
 	reach: 480,
 	maxSpeed: 1.6,
 	soften: 24,
 	ramp: 4
-}, we = .5, Te = 0;
-function Ee(e, n, i, f = {}) {
-	let p = f.routePointer, m = Math.min(e.count ?? 64, 256), g = e.link ?? 132, y = e.speed ?? .16, C = e.parallax ?? 0, w = e.seed, T = e.warpOnClick ?? !1, O = e.wander ?? !1, k = e.gravityWell || (p ? { ...Ce } : !1), A = e.pinned ?? !1, j = e.pinnedDrift ?? !1, M = e.warpAutoRelease ?? !1, N = d(() => w === void 0 ? Math.random : l(typeof w == "string" ? u(w) : w)), P = h()?.vnode.props?.freeze, F = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), I = d(() => P === void 0 ? F() : P === !0 || P === ""), { field: L, wanderOverride: R, wellOverride: ee } = Se(O, k, A, j, M), B = {
+}, Te = .5, Ee = 0;
+function De(e, r, a, p = {}) {
+	let m = p.routePointer, h = Math.min(e.count ?? 64, 256), _ = e.link ?? 132, b = e.speed ?? .16, ee = e.parallax ?? 0, w = e.seed, T = e.warpOnClick ?? !1, O = e.wander ?? !1, k = e.gravityWell || (m ? { ...we } : !1), A = e.pinned ?? !1, j = e.pinnedDrift ?? !1, M = e.warpAutoRelease ?? !1, N = f(() => w === void 0 ? Math.random : u(typeof w == "string" ? d(w) : w)), P = g()?.vnode.props?.freeze, F = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), I = f(() => P === void 0 ? F() : P === !0 || P === ""), { field: L, wanderOverride: R, wellOverride: te } = Ce(O, k, A, j, M), B = {
 		x: -1,
 		y: -1
-	}, V = [], H = x(null), U = r(p ? {
+	}, V = [], H = S(null), U = i(m ? {
 		respectReducedMotion: !0,
 		halfLifeMs: 600,
 		mass: 1.3,
 		damping: .9,
 		attractorResponse: .5
-	} : { respectReducedMotion: !0 }), W = S(s("canvas2d")), G = null, K = () => U.dispose();
-	return v(() => K()), _(() => {
-		let r = i.value;
-		if (!r) return;
-		let s = { ...D }, l = !0, u = !1, d = -1, f = !1, h, _ = () => G?.reducedMotion ?? !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, v = (e) => {
-			let t = r.getBoundingClientRect();
+	} : { respectReducedMotion: !0 }), W = C(c("canvas2d")), G = null, K = () => U.dispose();
+	return y(() => K()), v(() => {
+		let i = a.value;
+		if (!i) return;
+		let c = { ...D }, u = !0, d = !1, f = -1, p = !1, g, v = () => G?.reducedMotion ?? t(), y = (e) => {
+			let t = i.getBoundingClientRect();
 			if (!t.width || !t.height) return null;
-			let n = (e.clientX - t.left) / t.width, i = (e.clientY - t.top) / t.height;
-			return n < 0 || i < 0 || n > 1 || i > 1 ? null : {
+			let n = (e.clientX - t.left) / t.width, r = (e.clientY - t.top) / t.height;
+			return n < 0 || r < 0 || n > 1 || r > 1 ? null : {
 				x: n * L.w,
-				y: i * L.h
+				y: r * L.h
 			};
 		};
-		H.value = v;
-		let b = () => {
-			h !== void 0 && clearTimeout(h), h = void 0, L.well && (L.well.target = 0), G?.wake();
-		}, x = n.value ?? r, S = [], w = (e, t) => {
-			x.addEventListener(e, t), S.push([e, t]);
+		H.value = y;
+		let x = () => {
+			g !== void 0 && clearTimeout(g), g = void 0, L.well && (L.well.target = 0), G?.wake();
+		}, S = r.value ?? i, C = [], w = (e, t) => {
+			S.addEventListener(e, t), C.push([e, t]);
 		};
-		!p && !I.value && (w("pointerenter", (() => {
+		!m && !I.value && (w("pointerenter", (() => {
 			U.onPointerEnter(), G?.wake();
 		})), w("pointermove", ((t) => {
-			if (_()) return;
+			if (v()) return;
 			U.onPointerMove(t);
-			let n = v(t);
+			let n = y(t);
 			e.pointerReactive !== !1 && n ? (B.x = n.x, B.y = n.y) : (B.x = -1, B.y = -1), L.well?.target && n && (L.well.x = n.x, L.well.y = n.y), G?.wake();
 		})), w("pointerleave", (() => {
-			U.onPointerLeave(), B.x = -1, B.y = -1, b();
+			U.onPointerLeave(), B.x = -1, B.y = -1, x();
 		})), w("pointerdown", ((t) => {
-			if (_()) return;
-			let n = v(t);
+			if (v()) return;
+			let n = y(t);
 			n && (e.pointerReactive !== !1 && V.push({
 				...n,
 				start: -1
-			}), T && X(L, n.x, n.y), e.gravityWell && L.well && (L.well.x = n.x, L.well.y = n.y, h = setTimeout(() => {
+			}), T && Z(L, n.x, n.y), e.gravityWell && L.well && (L.well.x = n.x, L.well.y = n.y, g = setTimeout(() => {
 				L.well && (L.well.target = 1), G?.wake();
 			}, L.well.cfg.holdMs)), G?.wake());
-		})), w("pointerup", b), w("pointercancel", b), (T || e.gravityWell) && (w("keydown", ((t) => {
-			if (t.repeat || t.key !== "Enter" && t.key !== " " || _()) return;
+		})), w("pointerup", x), w("pointercancel", x), (T || e.gravityWell) && (w("keydown", ((t) => {
+			if (t.repeat || t.key !== "Enter" && t.key !== " " || v()) return;
 			t.preventDefault();
 			let n = L.w / 2, r = L.h / 2;
-			T && X(L, n, r), e.gravityWell && L.well && (L.well.x = n, L.well.y = r, L.well.target = 1), G?.wake();
+			T && Z(L, n, r), e.gravityWell && L.well && (L.well.x = n, L.well.y = r, L.well.target = 1), G?.wake();
 		})), w("keyup", ((e) => {
-			(e.key === "Enter" || e.key === " ") && b();
+			(e.key === "Enter" || e.key === " ") && x();
 		}))));
 		let O = typeof MutationObserver > "u" ? null : new MutationObserver(() => {
-			l = !0, I.value ? G?.resume("manual") : G?.wake();
+			u = !0, I.value ? G?.resume("manual") : G?.wake();
 		});
 		O?.observe(document.documentElement, {
 			attributes: !0,
 			attributeFilter: ["class"]
-		}), G = t({
-			canvas: i,
+		}), G = n({
+			canvas: a,
 			respectReducedMotion: !0,
 			setup: () => ({ render(t, n) {
-				let i = Math.min(window.devicePixelRatio || 1, 2), c = r.width ? r.width / i : E, h = r.height ? r.height / i : 720, v = c / E;
-				L.canvas = r, L.dpr = i;
-				let b = Number.parseFloat(getComputedStyle(r).getPropertyValue("--constellation-k-floor"));
-				if (L.kFloor = Number.isFinite(b) ? b : void 0, L.w !== c || L.h !== h) {
+				let r = Math.min(window.devicePixelRatio || 1, 2), a = i.width ? i.width / r : E, l = i.height ? i.height / r : 720, g = a / E;
+				L.canvas = i, L.dpr = r;
+				let y = Number.parseFloat(getComputedStyle(i).getPropertyValue("--constellation-k-floor"));
+				if (L.kFloor = Number.isFinite(y) ? y : void 0, L.w !== a || L.h !== l) {
 					let e = L.w, t = L.h;
-					if (L.w = c, L.h = h, L.k = v, L.nodes.length ? fe(L, e, t) : (L.nodes = de(N.value, m, c, h, y), L.warp.x = c / 2, L.warp.y = h / 2), !u) {
-						u = !0;
-						let e = re(r);
+					if (L.w = a, L.h = l, L.k = g, L.nodes.length ? pe(L, e, t) : (L.nodes = fe(N.value, h, a, l, b), L.warp.x = a / 2, L.warp.y = l / 2), !d) {
+						d = !0;
+						let e = J(i);
 						L.warpCfg = e.warp, L.well && (L.well.cfg = {
 							...e.well,
-							...ee
+							...te
 						}), L.wander && (L.wander.minIdle = R.minIdle ?? e.wander.minIdle, L.wander.jitter = R.jitter ?? e.wander.jitter);
 					}
 				}
-				L.k = v, l &&= (s = _e(r), !1);
-				let x = I.value || _(), S = d < 0 ? 0 : n - d, w = S / 1e3;
-				if (d = n, x && L.well && (L.well.strength = 0, L.well.target = 0, L.well.x = -1, L.well.y = -1), p && !x) {
-					let e = p(), t = !1;
+				L.k = g, u &&= (c = ve(i), !1);
+				let x = I.value || v(), S = f < 0 ? 0 : n - f, C = S / 1e3;
+				if (f = n, x && L.well && (L.well.strength = 0, L.well.target = 0, L.well.x = -1, L.well.y = -1), m && !x) {
+					let e = m(), t = !1;
 					if (e?.active) {
-						let n = r.getBoundingClientRect();
+						let n = i.getBoundingClientRect();
 						if (n.width && n.height) {
 							let r = (e.x * window.innerWidth - n.left) / n.width, i = (e.y * window.innerHeight - n.top) / n.height;
 							t = r >= 0 && r <= 1 && i >= 0 && i <= 1, t && U.setPointer(r, i);
@@ -461,37 +462,37 @@ function Ee(e, n, i, f = {}) {
 					}
 					U.setActive(t);
 				}
-				if (U.tick(x ? 0 : S), p && L.well && !x) {
-					let e = o(a(U));
-					L.well.x = e.x * c, L.well.y = e.y * h, L.well.target = e.engagement * we;
+				if (U.tick(x ? 0 : S), m && L.well && !x) {
+					let e = s(o(U));
+					L.well.x = e.x * a, L.well.y = e.y * l, L.well.target = e.engagement * Te;
 				}
-				let T = e.pointerReactive !== !1, D = T ? B : null, O = null;
-				if (D && !x) {
+				let w = e.pointerReactive !== !1, T = w ? B : null, D = null;
+				if (T && !x) {
 					let e = U.velocity.value;
-					O = {
-						x: e.x * c / 60,
-						y: e.y * h / 60
-					}, B.x >= 0 && ue(L, B, U.burst.value, V);
+					D = {
+						x: e.x * a / 60,
+						y: e.y * l / 60
+					}, B.x >= 0 && de(L, B, U.burst.value, V);
 				}
-				x || pe(L, v, y, D, w, n, N.value, O);
-				let k = me(L, g, e.accentEdges ? L.pinnedIndex >= 0 ? L.pinnedIndex : L.focalIndex : -1, z);
-				T && !x && he(k, L, g, B, z);
+				x || me(L, g, b, T, C, n, N.value, D);
+				let O = e.accentEdges ? L.pinnedIndex >= 0 ? L.pinnedIndex : L.focalIndex : -1, k = he(L, _, O, z);
+				w && !x && ge(k, L, _, B, z);
 				let A = e.opacityCeiling ?? 1;
-				if (t.clearRect(0, 0, c, h), ve(t, L, k, s, A), ye(t, L, s, A, D, x ? 0 : C), T && !x && (be(t, L, B, s, A), xe(t, L, n, V, s, A)), e.drawOverlay) {
+				if (t.clearRect(0, 0, a, l), ye(t, L, k, c, A), be(t, L, c, A, T, x ? 0 : ee), w && !x && (xe(t, L, B, c, A), Se(t, L, n, V, c, A)), e.drawOverlay) {
 					t.save();
 					try {
-						e.drawOverlay(t, L, x ? Te : n);
+						e.drawOverlay(t, L, x ? Ee : n);
 					} finally {
 						t.restore();
 					}
 				}
-				I.value && G && !f && (f = !0, queueMicrotask(() => {
-					f = !1, G?.suspend("manual");
+				I.value && G && !p && (p = !0, queueMicrotask(() => {
+					p = !1, G?.suspend("manual");
 				}));
 			} })
-		}), W.value = c(), K = () => {
-			h !== void 0 && clearTimeout(h), O?.disconnect();
-			for (let [e, t] of S) x.removeEventListener(e, t);
+		}), W.value = l(), K = () => {
+			g !== void 0 && clearTimeout(g), O?.disconnect();
+			for (let [e, t] of C) S.removeEventListener(e, t);
 			U.dispose(), G?.dispose(), G = null;
 		};
 	}), {
@@ -504,7 +505,7 @@ function Ee(e, n, i, f = {}) {
 				clientY: t
 			}) : e;
 			if (!n) return -1;
-			let r = X(L, n.x, n.y);
+			let r = Z(L, n.x, n.y);
 			return G?.wake(), r;
 		},
 		holdWellAt(e, t) {
@@ -513,20 +514,20 @@ function Ee(e, n, i, f = {}) {
 		releaseWell() {
 			L.well && (L.well.target = 0, G?.wake());
 		},
-		warpSettled: () => Z(L),
+		warpSettled: () => Q(L),
 		pinNode(e) {
 			L.pinnedIndex = e, L.pinnedDrift && (L.pinnedDrift.nextAt = -1), G?.wake();
 		},
-		rendererStatus: b(W)
+		rendererStatus: x(W)
 	};
 }
 //#endregion
 //#region src/components/constellation/Constellation.vue?vue&type=script&setup=true&lang.ts
-var De = [
+var Oe = [
 	"role",
 	"tabindex",
 	"aria-label"
-], Oe = /* @__PURE__ */ n(/* @__PURE__ */ m({
+], ke = /*#__PURE__*/ r(/* @__PURE__ */ h({
 	__name: "Constellation",
 	props: {
 		count: { default: 64 },
@@ -577,28 +578,28 @@ var De = [
 	},
 	emits: ["rendererStatus"],
 	setup(t, { expose: n, emit: r }) {
-		let a = r, o = t, s = w("hostRef"), c = w("canvasRef"), l = i(), u = o.backgroundInteractive ? () => ({
+		let i = r, o = t, s = w("hostRef"), c = w("canvasRef"), l = a(), u = o.backgroundInteractive ? () => ({
 			x: l.pointer.value.x,
 			y: l.pointer.value.y,
 			active: l.active.value
-		}) : void 0, m = d(() => !o.backgroundInteractive && (o.warpOnClick || !!o.gravityWell)), h = d(() => o.warpOnClick && o.gravityWell ? "Move the constellation focal point or pull the field" : o.gravityWell ? "Pull the constellation field" : "Move the constellation focal point"), _ = Ee(o, s, c, { routePointer: u });
-		return T(_.rendererStatus, (e) => a("rendererStatus", e), {
+		}) : void 0, d = f(() => !o.backgroundInteractive && (o.warpOnClick || !!o.gravityWell)), h = f(() => o.warpOnClick && o.gravityWell ? "Move the constellation focal point or pull the field" : o.gravityWell ? "Pull the constellation field" : "Move the constellation focal point"), g = De(o, s, c, { routePointer: u });
+		return T(g.rendererStatus, (e) => i("rendererStatus", e), {
 			immediate: !0,
 			flush: "sync"
-		}), n(_), (t, n) => (y(), f("div", {
+		}), n(g), (t, n) => (b(), p("div", {
 			ref_key: "hostRef",
 			ref: s,
-			class: g(C(e)("constellation", o.class)),
-			role: m.value ? "button" : void 0,
-			tabindex: m.value ? 0 : void 0,
-			"aria-label": m.value ? h.value : void 0
-		}, [p("canvas", {
+			class: _(ee(e)("constellation", o.class)),
+			role: d.value ? "button" : void 0,
+			tabindex: d.value ? 0 : void 0,
+			"aria-label": d.value ? h.value : void 0
+		}, [m("canvas", {
 			ref_key: "canvasRef",
 			ref: c,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
-		}, null, 512)], 10, De));
+		}, null, 512)], 10, Oe));
 	}
-}), [["__scopeId", "data-v-24255510"]]);
+}), [["__scopeId", "data-v-798f084d"]]);
 //#endregion
-export { E as BASE_WIDTH, le as BURST_FIRE_THRESHOLD, Oe as Constellation, L as DEFAULT_K_FLOOR, D as DEFAULT_PALETTE, B as DEFAULT_PARALLAX, P as DEFAULT_PINNED_DRIFT_DUR, N as DEFAULT_PINNED_DRIFT_FRAC, F as DEFAULT_PINNED_DRIFT_IDLE, I as DEFAULT_PINNED_DRIFT_JITTER, j as DEFAULT_WANDER_IDLE, M as DEFAULT_WANDER_JITTER, A as DEFAULT_WELL_CONFIG, z as E_MAX, ee as MAX_DEGREE, R as MAX_NODES, O as WARP_RESPONSE, k as WARP_ZETA, he as appendPointerWeb, me as buildEdges, ue as fireBurst, $ as kVisOf, se as makePinnedDrift, q as nearestNode, ge as parallaxNodePos, oe as pickWanderTarget, re as readInteractionConfig, _e as readPalette, fe as refitField, de as seedField, Y as setWarpTarget, pe as stepField, Q as stepPinnedDrift, ne as stepWell, Z as warpSettled, J as warpStep, X as warpTo };
+export { E as BASE_WIDTH, ue as BURST_FIRE_THRESHOLD, ke as Constellation, L as DEFAULT_K_FLOOR, D as DEFAULT_PALETTE, B as DEFAULT_PARALLAX, P as DEFAULT_PINNED_DRIFT_DUR, N as DEFAULT_PINNED_DRIFT_FRAC, F as DEFAULT_PINNED_DRIFT_IDLE, I as DEFAULT_PINNED_DRIFT_JITTER, j as DEFAULT_WANDER_IDLE, M as DEFAULT_WANDER_JITTER, A as DEFAULT_WELL_CONFIG, z as E_MAX, te as MAX_DEGREE, R as MAX_NODES, O as WARP_RESPONSE, k as WARP_ZETA, ge as appendPointerWeb, he as buildEdges, de as fireBurst, $ as kVisOf, se as makePinnedDrift, Y as nearestNode, _e as parallaxNodePos, oe as pickWanderTarget, J as readInteractionConfig, ve as readPalette, pe as refitField, fe as seedField, X as setWarpTarget, me as stepField, le as stepPinnedDrift, q as stepWell, Q as warpSettled, ie as warpStep, Z as warpTo };