@mkbabb/glass-ui 3.10.0 → 3.10.1

package/dist/constellation.js

@@ -1,41 +1,33 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useCanvas2D-ClrQuZtp.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { n as r, t as i } from "./prng-D27-B3tK.js";
+import { t } from "./useCanvas2D-CSeH8h16.js";
+import { t as n } from "./_plugin-vue_export-helper-DWghtRt7.js";
+import { n as r, t as i } from "./prng-CjVgzjQT.js";
 import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, getCurrentInstance as l, normalizeClass as u, onMounted as d, openBlock as f, ref as p, unref as m, useTemplateRef as h } from "vue";
-//#region src/components/custom/constellation/constellationField.ts
-var g = 1280, _ = 8e3, v = 8e3, y = {
+//#region src/components/custom/constellation/constants.ts
+var g = 1280, _ = {
 	node: "#b4afa3",
 	nodeDim: "#cdc8bd",
 	line: "#1c1714",
 	edgeAlpha: .22,
 	edgeFocusAlpha: .34,
-	alpha: .84
-};
-function b(e) {
-	if (typeof window > "u") return { ...y };
-	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n, r = (e, n) => {
-		let r = t.getPropertyValue(e).trim();
-		if (!r) return n;
-		let i = Number.parseFloat(r);
-		return Number.isFinite(i) ? i : n;
-	};
-	return {
-		node: n("--constellation-node", y.node),
-		nodeDim: n("--constellation-node-dim", y.nodeDim),
-		line: n("--constellation-line", y.line),
-		edgeAlpha: r("--constellation-edge-alpha", y.edgeAlpha),
-		edgeFocusAlpha: r("--constellation-edge-focus-alpha", y.edgeFocusAlpha),
-		alpha: r("--constellation-alpha", y.alpha)
-	};
-}
-function x(e) {
+	alpha: .8
+}, v = .55, y = 1, b = {
+	gain: 14e3,
+	reach: 340,
+	ramp: 4,
+	maxSpeed: 4,
+	soften: 8,
+	holdMs: 140
+}, x = 8e3, S = 8e3;
+//#endregion
+//#region src/components/custom/constellation/constellationInteraction.ts
+function C(e) {
 	let t = {
-		response: A,
+		response: v,
 		zeta: 1
-	}, n = { ...N }, r = {
-		minIdle: _,
-		jitter: v
+	}, n = { ...b }, r = {
+		minIdle: x,
+		jitter: S
 	};
 	if (typeof window > "u") return {
 		warp: t,
@@ -48,61 +40,19 @@ function x(e) {
 		let r = Number.parseFloat(n);
 		return Number.isFinite(r) ? r : t;
 	};
-	return t.response = a("--constellation-warp-response", A), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", N.gain), n.reach = a("--constellation-well-reach", N.reach), n.ramp = a("--constellation-well-ramp", N.ramp), n.maxSpeed = a("--constellation-well-max-speed", N.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", N.holdMs), r.minIdle = a("--constellation-wander-idle", _), r.jitter = a("--constellation-wander-jitter", v), {
+	return t.response = a("--constellation-warp-response", v), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", b.gain), n.reach = a("--constellation-well-reach", b.reach), n.ramp = a("--constellation-well-ramp", b.ramp), n.maxSpeed = a("--constellation-well-max-speed", b.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", b.holdMs), r.minIdle = a("--constellation-wander-idle", x), r.jitter = a("--constellation-wander-jitter", S), {
 		warp: t,
 		well: n,
 		wander: r
 	};
 }
-function S(e, t, n, r, i) {
-	let a = [];
-	for (let o = 0; o < t; o++) {
-		let t = e() * Math.PI * 2;
-		a.push({
-			x: e() * n,
-			y: e() * r,
-			vx: Math.cos(t) * i,
-			vy: Math.sin(t) * i,
-			r: 1.6 + e() * 1.6,
-			dim: e() < .45
-		});
-	}
-	return a;
-}
-function C(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 w(e, t, n, r, i = 0, a = 0, o = Math.random) {
-	let { nodes: s, w: c, h: l } = e;
-	for (let e = 0; e < s.length; e++) {
-		let n = s[e];
-		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > c && (n.x = c, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > l && (n.y = l, n.vy *= -1);
-	}
-	if (r && r.x >= 0) {
-		let e = 180 * t;
-		for (let t = 0; t < s.length; t++) {
-			let i = s[t], a = r.x - i.x, o = r.y - i.y, c = Math.hypot(a, o);
-			if (c > .5 && c < e) {
-				let t = Math.hypot(i.vx, i.vy) || n, r = (1 - c / e) * .08, s = i.vx + a / c * r * t, l = i.vy + o / c * r * t, u = Math.hypot(s, l) || 1;
-				i.vx = s / u * t, i.vy = l / u * t;
-			}
-		}
-	}
-	if (k(e, t, n, i), F(e, i), e.wander && a > 0) {
-		let t = e.wander;
-		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && z(e) && (I(e, B(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
-	}
-}
-var T = .001, E = 1.5, D = 7, O = 22;
-function k(e, t, n, r) {
+var w = .001, T = 1.5, E = 7, D = 22;
+function O(e, t, n, r) {
 	let i = e.well;
 	if (!i || !(r > 0)) return;
-	let a = Math.min(r, M), o = i.cfg, s = i.target > 0 ? o.ramp : O, c = Math.min(s * a, 1);
-	i.strength += (i.target - i.strength) * c, i.strength < T && (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 ? E : D, m = Math.min(p * a, 1), h = i.strength > T && i.x >= 0;
+	let a = Math.min(r, k), o = i.cfg, s = i.target > 0 ? o.ramp : D, c = Math.min(s * a, 1);
+	i.strength += (i.target - i.strength) * c, i.strength < w && (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 ? T : E, m = Math.min(p * a, 1), h = i.strength > w && i.x >= 0;
 	for (let e = 0; e < l.length; e++) {
 		let t = l[e];
 		if (h) {
@@ -119,15 +69,8 @@ function k(e, t, n, r) {
 		}
 	}
 }
-var A = .55, j = 1, M = .05, N = {
-	gain: 14e3,
-	reach: 340,
-	ramp: 4,
-	maxSpeed: 4,
-	soften: 8,
-	holdMs: 140
-};
-function P(e, t, n, r = -1) {
+var k = .05;
+function A(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;
@@ -136,13 +79,13 @@ function P(e, t, n, r = -1) {
 	}
 	return a;
 }
-function F(e, t) {
+function j(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, M), 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, k), 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 I(e, t) {
+function M(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (t < 0 || t >= r.length) {
 		n.targetIdx = -1, e.focalIndex = -1;
@@ -150,20 +93,20 @@ function I(e, t) {
 	}
 	e.focalIndex = t, n.targetIdx = t;
 }
-function L(e, t, n) {
-	let r = P(e, t, n, -1);
+function N(e, t, n) {
+	let r = A(e, t, n, -1);
 	if (r >= 0 && r === e.focalIndex) return e.focalIndex;
-	let i = P(e, t, n, e.focalIndex);
-	return i < 0 ? -1 : (I(e, i), i);
+	let i = A(e, t, n, e.focalIndex);
+	return i < 0 ? -1 : (M(e, i), i);
 }
-var R = 24;
-function z(e) {
+var P = 24;
+function F(e) {
 	let { warp: t, nodes: n } = e;
 	if (!t || t.targetIdx < 0 || t.targetIdx >= n.length) return !0;
 	let r = n[t.targetIdx];
-	return Math.hypot(t.x - r.x, t.y - r.y) < R;
+	return Math.hypot(t.x - r.x, t.y - r.y) < P;
 }
-function B(e, t) {
+function I(e, t) {
 	let n = e.nodes.length;
 	if (n <= 1) return e.focalIndex;
 	let r = e.focalIndex;
@@ -171,58 +114,208 @@ function B(e, t) {
 	let i = Math.floor(t() * (n - 1));
 	return i < r ? i : i + 1;
 }
-function V(e, t, n, r) {
-	let { nodes: i, k: a } = t, o = n * a, s = o * o, c = r.edgeAlpha * r.alpha;
-	e.strokeStyle = r.line, e.lineWidth = 1 * a;
-	for (let t = 0; t < i.length; t++) {
-		let n = i[t];
-		for (let r = t + 1; r < i.length; r++) {
-			let t = i[r], a = n.x - t.x, o = n.y - t.y, l = a * a + o * o;
-			l > s || (e.globalAlpha = c * (1 - l / s), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(t.x, t.y), e.stroke());
+//#endregion
+//#region src/components/custom/constellation/constellationField.ts
+function L(e, t, n, r, i) {
+	let a = [];
+	for (let o = 0; o < t; o++) {
+		let t = e() * Math.PI * 2;
+		a.push({
+			x: e() * n,
+			y: e() * r,
+			vx: Math.cos(t) * i,
+			vy: Math.sin(t) * i,
+			r: 1.6 + e() * 1.6,
+			dim: e() < .45
+		});
+	}
+	return a;
+}
+function R(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 z(e, t, n, r, i = 0, a = 0, o = Math.random) {
+	let { nodes: s, w: c, h: l } = e;
+	for (let e = 0; e < s.length; e++) {
+		let n = s[e];
+		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > c && (n.x = c, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > l && (n.y = l, n.vy *= -1);
+	}
+	if (r && r.x >= 0) {
+		let e = 180 * t;
+		for (let t = 0; t < s.length; t++) {
+			let i = s[t], a = r.x - i.x, o = r.y - i.y, c = Math.hypot(a, o);
+			if (c > .5 && c < e) {
+				let t = Math.hypot(i.vx, i.vy) || n, r = (1 - c / e) * .08, s = i.vx + a / c * r * t, l = i.vy + o / c * r * t, u = Math.hypot(s, l) || 1;
+				i.vx = s / u * t, i.vy = l / u * t;
+			}
+		}
+	}
+	if (O(e, t, n, i), j(e, i), e.wander && a > 0) {
+		let t = e.wander;
+		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && F(e) && (M(e, I(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
+	}
+}
+//#endregion
+//#region src/components/custom/constellation/constellationDraw.ts
+function B(e) {
+	if (typeof window > "u") return { ..._ };
+	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n, r = (e, n) => {
+		let r = t.getPropertyValue(e).trim();
+		if (!r) return n;
+		let i = Number.parseFloat(r);
+		return Number.isFinite(i) ? i : n;
+	};
+	return {
+		node: n("--constellation-node", _.node),
+		nodeDim: n("--constellation-node-dim", _.nodeDim),
+		line: n("--constellation-line", _.line),
+		edgeAlpha: r("--constellation-edge-alpha", _.edgeAlpha),
+		edgeFocusAlpha: r("--constellation-edge-focus-alpha", _.edgeFocusAlpha),
+		alpha: r("--constellation-alpha", _.alpha)
+	};
+}
+function V(e, t, n, r, i = 1) {
+	let { nodes: a, k: o } = t, s = n * o, c = s * s, l = r.edgeAlpha * r.alpha * i;
+	e.strokeStyle = r.line, e.lineWidth = 1 * o;
+	for (let t = 0; t < a.length; t++) {
+		let n = a[t];
+		for (let r = t + 1; r < a.length; r++) {
+			let t = a[r], i = n.x - t.x, o = n.y - t.y, s = i * i + o * o;
+			s > c || (e.globalAlpha = l * (1 - s / c), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(t.x, t.y), e.stroke());
 		}
 	}
 	e.globalAlpha = 1;
 }
-function H(e, t, n) {
-	let { nodes: r, k: i } = t;
-	for (let t = 0; t < r.length; t++) {
-		let a = r[t];
-		e.fillStyle = a.dim ? n.nodeDim : n.node, e.beginPath(), e.arc(a.x, a.y, a.r * i, 0, Math.PI * 2), e.fill();
+function H(e, t, n, r = 1) {
+	let { nodes: i, k: a } = t;
+	e.globalAlpha = r;
+	for (let t = 0; t < i.length; t++) {
+		let r = i[t];
+		e.fillStyle = r.dim ? n.nodeDim : n.node, e.beginPath(), e.arc(r.x, r.y, r.r * a, 0, Math.PI * 2), e.fill();
 	}
+	e.globalAlpha = 1;
 }
-function U(e, t, n, r, i) {
+function U(e, t, n, r, i, a = 1) {
 	if (!i || i.x < 0) return;
-	let { nodes: a, k: o } = t, s = n * o, c = s * s, l = r.edgeFocusAlpha * r.alpha;
-	e.strokeStyle = r.line, e.lineWidth = 1 * o;
-	for (let t of a) {
+	let { nodes: o, k: s } = t, c = n * s, l = c * c, u = r.edgeFocusAlpha * r.alpha * a;
+	e.strokeStyle = r.line, e.lineWidth = 1 * s;
+	for (let t of o) {
 		let n = t.x - i.x, r = t.y - i.y, a = n * n + r * r;
-		a > c || (e.globalAlpha = (1 - a / c) * l, e.beginPath(), e.moveTo(i.x, i.y), e.lineTo(t.x, t.y), e.stroke());
+		a > l || (e.globalAlpha = (1 - a / l) * u, e.beginPath(), e.moveTo(i.x, i.y), e.lineTo(t.x, t.y), e.stroke());
 	}
-	e.globalAlpha = .55, e.fillStyle = r.node, e.beginPath(), e.arc(i.x, i.y, 2.6 * o, 0, Math.PI * 2), e.fill(), e.globalAlpha = 1;
+	e.globalAlpha = .55 * a, e.fillStyle = r.node, e.beginPath(), e.arc(i.x, i.y, 2.6 * s, 0, Math.PI * 2), e.fill(), e.globalAlpha = 1;
 }
-function W(e, t, n, r, i) {
-	let { k: a } = t;
+function W(e, t, n, r, i, a = 1) {
+	let { k: o } = t;
 	e.strokeStyle = i.line;
 	for (let t = r.length - 1; t >= 0; t--) {
 		let i = r[t];
 		i.start < 0 && (i.start = n);
-		let o = (n - i.start) / 900;
-		if (o >= 1) {
+		let s = (n - i.start) / 900;
+		if (s >= 1) {
 			r.splice(t, 1);
 			continue;
 		}
-		e.globalAlpha = (1 - o) * .5, e.lineWidth = 1.4 * a, e.beginPath(), e.arc(i.x, i.y, (8 + o * 130) * a, 0, Math.PI * 2), e.stroke();
+		e.globalAlpha = (1 - s) * .5 * a, e.lineWidth = 1.4 * o, e.beginPath(), e.arc(i.x, i.y, (8 + s * 130) * o, 0, Math.PI * 2), e.stroke();
 	}
 	e.globalAlpha = 1;
 }
 //#endregion
+//#region src/components/custom/constellation/composables/useConstellationPointer.ts
+function G(e) {
+	let { host: t, canvas: n, field: r, pointer: i, ripples: a, handle: o, toLocalRef: s, pointerReactive: c, warpOnClick: l, gravityWell: u, isFrozen: d } = e, f = (e) => {
+		let t = n.getBoundingClientRect();
+		if (!t.width || !t.height) return null;
+		let i = (e.clientX - t.left) / t.width, a = (e.clientY - t.top) / t.height;
+		return i < 0 || a < 0 || i > 1 || a > 1 ? null : {
+			x: i * r.w,
+			y: a * r.h
+		};
+	};
+	if (s.value = f, c && t && !d && !o.reducedMotion && (t.addEventListener("pointermove", (e) => {
+		let t = f(e);
+		t ? (i.x = t.x, i.y = t.y) : (i.x = -1, i.y = -1), o.wake();
+	}), t.addEventListener("pointerleave", () => {
+		i.x = -1, i.y = -1;
+	}), t.addEventListener("pointerdown", (e) => {
+		let t = f(e);
+		t && a.push({
+			x: t.x,
+			y: t.y,
+			start: -1
+		}), o.wake();
+	})), l && t && !d && !o.reducedMotion && t.addEventListener("pointerdown", (e) => {
+		let t = f(e);
+		t && (N(r, t.x, t.y), o.wake());
+	}), u && t && r.well && !d && !o.reducedMotion) {
+		let e = r.well, n, i = (t) => {
+			let r = f(t);
+			r && (e.x = r.x, e.y = r.y, n = window.setTimeout(() => {
+				e.target = 1, o.wake();
+			}, e.cfg.holdMs), o.wake());
+		}, a = (t) => {
+			if (e.target > 0) {
+				let n = f(t);
+				n && (e.x = n.x, e.y = n.y);
+			}
+		}, s = () => {
+			n !== void 0 && (clearTimeout(n), n = void 0), e.target = 0, o.wake();
+		};
+		t.addEventListener("pointerdown", i), t.addEventListener("pointermove", a), t.addEventListener("pointerup", s), t.addEventListener("pointerleave", s), t.addEventListener("pointercancel", s);
+	}
+}
+//#endregion
+//#region src/components/custom/constellation/composables/createConstellationField.ts
+function K(e, t) {
+	let n = {
+		nodes: [],
+		canvas: null,
+		w: 0,
+		h: 0,
+		k: 1,
+		dpr: 1,
+		focalIndex: -1,
+		warp: {
+			x: 0,
+			y: 0,
+			vx: 0,
+			vy: 0,
+			targetIdx: -1
+		}
+	}, r = e && e !== !0 ? e : {};
+	n.wander = e ? {
+		nextAt: -1,
+		minIdle: r.minIdle ?? 8e3,
+		jitter: r.jitter ?? 8e3
+	} : void 0;
+	let i = t && t !== !0 ? t : {};
+	return n.well = t ? {
+		x: -1,
+		y: -1,
+		strength: 0,
+		target: 0,
+		cfg: {
+			...b,
+			...i
+		}
+	} : void 0, {
+		field: n,
+		wanderOverride: r,
+		wellOverride: i
+	};
+}
+//#endregion
 //#region src/components/custom/constellation/Constellation.vue?vue&type=script&setup=true&lang.ts
-var G = 0, K = /* @__PURE__ */ n(/* @__PURE__ */ c({
+var q = 0, J = /* @__PURE__ */ n(/* @__PURE__ */ c({
 	__name: "Constellation",
 	props: {
 		count: { default: 64 },
 		link: { default: 132 },
 		speed: { default: .16 },
+		opacityCeiling: { default: 1 },
 		seed: {},
 		pointerReactive: {
 			type: Boolean,
@@ -251,141 +344,83 @@ var G = 0, K = /* @__PURE__ */ n(/* @__PURE__ */ c({
 		drawOverlay: { type: Function }
 	},
 	setup(n, { expose: c }) {
-		let _ = h("hostRef"), v = h("canvasRef"), T = a(() => n.seed === void 0 ? Math.random : r(typeof n.seed == "string" ? i(n.seed) : n.seed)), E = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), D = l()?.vnode.props?.freeze, O = a(() => D === void 0 ? E() : D === !0 || D === ""), k = {
-			nodes: [],
-			canvas: null,
-			w: 0,
-			h: 0,
-			k: 1,
-			dpr: 1,
-			focalIndex: -1,
-			warp: {
-				x: 0,
-				y: 0,
-				vx: 0,
-				vy: 0,
-				targetIdx: -1
-			}
-		}, A = n.wander && n.wander !== !0 ? n.wander : {};
-		k.wander = n.wander ? {
-			nextAt: -1,
-			minIdle: A.minIdle ?? 8e3,
-			jitter: A.jitter ?? 8e3
-		} : void 0;
-		let j = n.gravityWell && n.gravityWell !== !0 ? n.gravityWell : {};
-		k.well = n.gravityWell ? {
-			x: -1,
-			y: -1,
-			strength: 0,
-			target: 0,
-			cfg: {
-				...N,
-				...j
-			}
-		} : void 0;
-		let M = {
+		let v = h("hostRef"), y = h("canvasRef"), b = a(() => n.seed === void 0 ? Math.random : r(typeof n.seed == "string" ? i(n.seed) : n.seed)), x = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), S = l()?.vnode.props?.freeze, w = a(() => S === void 0 ? x() : S === !0 || S === ""), { field: T, wanderOverride: E, wellOverride: D } = K(n.wander, n.gravityWell), O = {
 			x: -1,
 			y: -1
-		}, P = [], F = { ...y }, I = -1, R = !1, z = p(null);
+		}, k = [], A = { ..._ }, j = -1, M = !1, P = p(null);
 		return d(() => {
-			let e = v.value;
+			let e = y.value;
 			if (!e) return;
 			let r = t({
-				canvas: v,
+				canvas: y,
 				setup: (t) => ({ render(t, i) {
 					let a = e.clientWidth || e.offsetWidth || 1280, o = e.clientHeight || e.offsetHeight || 720, s = a / g;
-					if (k.canvas = e, k.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), k.w !== a || k.h !== o) {
-						let t = k.w, r = k.h;
-						if (k.w = a, k.h = o, k.k = s, k.nodes.length ? C(k, t, r) : (k.nodes = S(T.value, n.count, a, o, n.speed), k.warp.x = a / 2, k.warp.y = o / 2), F = b(e), !R) {
-							R = !0;
-							let t = x(e);
-							k.warpCfg = t.warp, k.well && (k.well.cfg = {
+					if (T.canvas = e, T.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), T.w !== a || T.h !== o) {
+						let t = T.w, r = T.h;
+						if (T.w = a, T.h = o, T.k = s, T.nodes.length ? R(T, t, r) : (T.nodes = L(b.value, n.count, a, o, n.speed), T.warp.x = a / 2, T.warp.y = o / 2), A = B(e), !M) {
+							M = !0;
+							let t = C(e);
+							T.warpCfg = t.warp, T.well && (T.well.cfg = {
 								...t.well,
-								...j
-							}), k.wander && (k.wander.minIdle = A.minIdle ?? t.wander.minIdle, k.wander.jitter = A.jitter ?? t.wander.jitter);
+								...D
+							}), T.wander && (T.wander.minIdle = E.minIdle ?? t.wander.minIdle, T.wander.jitter = E.jitter ?? t.wander.jitter);
 						}
 					}
-					k.k = s;
-					let c = I < 0 ? 0 : (i - I) / 1e3;
-					I = i;
-					let l = O.value || r.reducedMotion;
-					if (l && k.well && (k.well.strength = 0, k.well.target = 0, k.well.x = -1, k.well.y = -1), !l) {
-						let e = n.pointerReactive ? M : null;
-						w(k, s, n.speed, e, c, i, T.value);
+					T.k = s;
+					let c = j < 0 ? 0 : (i - j) / 1e3;
+					j = i;
+					let l = w.value || r.reducedMotion;
+					if (l && T.well && (T.well.strength = 0, T.well.target = 0, T.well.x = -1, T.well.y = -1), !l) {
+						let e = n.pointerReactive ? O : null;
+						z(T, s, n.speed, e, c, i, b.value);
 					}
-					t.clearRect(0, 0, a, o), V(t, k, n.link, F), H(t, k, F), n.pointerReactive && !l && (U(t, k, n.link, F, M), W(t, k, i, P, F)), n.drawOverlay?.(t, k, l ? G : i);
+					t.clearRect(0, 0, a, o), V(t, T, n.link, A, n.opacityCeiling), H(t, T, A, n.opacityCeiling), n.pointerReactive && !l && (U(t, T, n.link, A, O, n.opacityCeiling), W(t, T, i, k, A, n.opacityCeiling)), n.drawOverlay?.(t, T, l ? q : i);
 				} })
-			}), i = _.value, a = (t) => {
-				let n = e.getBoundingClientRect();
-				if (!n.width || !n.height) return null;
-				let r = (t.clientX - n.left) / n.width, i = (t.clientY - n.top) / n.height;
-				return r < 0 || i < 0 || r > 1 || i > 1 ? null : {
-					x: r * k.w,
-					y: i * k.h
-				};
-			};
-			if (z.value = a, n.pointerReactive && i && !O.value && !r.reducedMotion && (i.addEventListener("pointermove", (e) => {
-				let t = a(e);
-				t ? (M.x = t.x, M.y = t.y) : (M.x = -1, M.y = -1), r.wake();
-			}), i.addEventListener("pointerleave", () => {
-				M.x = -1, M.y = -1;
-			}), i.addEventListener("pointerdown", (e) => {
-				let t = a(e);
-				t && P.push({
-					x: t.x,
-					y: t.y,
-					start: -1
-				}), r.wake();
-			})), n.warpOnClick && i && !O.value && !r.reducedMotion && i.addEventListener("pointerdown", (e) => {
-				let t = a(e);
-				t && (L(k, t.x, t.y), r.wake());
-			}), n.gravityWell && i && k.well && !O.value && !r.reducedMotion) {
-				let e = k.well, t, n = (n) => {
-					let i = a(n);
-					i && (e.x = i.x, e.y = i.y, t = window.setTimeout(() => {
-						e.target = 1, r.wake();
-					}, e.cfg.holdMs), r.wake());
-				}, o = (t) => {
-					if (e.target > 0) {
-						let n = a(t);
-						n && (e.x = n.x, e.y = n.y);
-					}
-				}, s = () => {
-					t !== void 0 && (clearTimeout(t), t = void 0), e.target = 0, r.wake();
-				};
-				i.addEventListener("pointerdown", n), i.addEventListener("pointermove", o), i.addEventListener("pointerup", s), i.addEventListener("pointerleave", s), i.addEventListener("pointercancel", s);
-			}
+			});
+			G({
+				host: v.value,
+				canvas: e,
+				field: T,
+				pointer: O,
+				ripples: k,
+				handle: r,
+				toLocalRef: P,
+				pointerReactive: n.pointerReactive,
+				warpOnClick: n.warpOnClick,
+				gravityWell: !!n.gravityWell,
+				isFrozen: w.value
+			});
 		}), c({
-			field: k,
-			isFrozen: O,
+			field: T,
+			isFrozen: w,
 			warpTo(e, t) {
 				if (typeof e == "number" && typeof t == "number") {
-					let n = z.value?.({
+					let n = P.value?.({
 						clientX: e,
 						clientY: t
 					});
-					return n ? L(k, n.x, n.y) : -1;
+					return n ? N(T, n.x, n.y) : -1;
 				}
 				let n = e;
-				return L(k, n.x, n.y);
+				return N(T, n.x, n.y);
 			},
 			holdWellAt(e, t) {
-				return k.well ? (k.well.x = e, k.well.y = t, k.well.target = 1, !0) : !1;
+				return T.well ? (T.well.x = e, T.well.y = t, T.well.target = 1, !0) : !1;
 			},
 			releaseWell() {
-				k.well && (k.well.target = 0);
+				T.well && (T.well.target = 0);
 			}
 		}), (t, r) => (f(), o("div", {
 			ref_key: "hostRef",
-			ref: _,
+			ref: v,
 			class: u(m(e)("constellation", n.class))
 		}, [s("canvas", {
 			ref_key: "canvasRef",
-			ref: v,
+			ref: y,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-a8ae86fe"]]);
+}), [["__scopeId", "data-v-0f4665ba"]]);
 //#endregion
-export { g as BASE_WIDTH, K as Constellation, y as DEFAULT_PALETTE, _ as DEFAULT_WANDER_IDLE, v as DEFAULT_WANDER_JITTER, N as DEFAULT_WELL_CONFIG, A as WARP_RESPONSE, j as WARP_ZETA, V as drawEdges, H as drawNodes, U as drawPointerWeb, W as drawRipples, P as nearestNode, B as pickWanderTarget, x as readInteractionConfig, b as readPalette, C as refitField, S as seedField, I as setWarpTarget, w as stepField, k as stepWell, z as warpSettled, F as warpStep, L as warpTo };
+export { g as BASE_WIDTH, J as Constellation, _ as DEFAULT_PALETTE, x as DEFAULT_WANDER_IDLE, S as DEFAULT_WANDER_JITTER, b as DEFAULT_WELL_CONFIG, v as WARP_RESPONSE, y as WARP_ZETA, V as drawEdges, H as drawNodes, U as drawPointerWeb, W as drawRipples, A as nearestNode, I as pickWanderTarget, C as readInteractionConfig, B as readPalette, R as refitField, L as seedField, M as setWarpTarget, z as stepField, O as stepWell, F as warpSettled, j as warpStep, N as warpTo };