@mkbabb/glass-ui 3.12.0 → 4.0.0

package/dist/constellation.js

@@ -1,41 +1,36 @@
 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 as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { n as r, t as i } from "./prng-Cg22zv8g.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,
+	accent: "#b35030",
+	edgeFloor: 0,
+	edgeAccentAlpha: .3
+}, v = .55, y = 1, b = {
+	gain: 14e3,
+	reach: 340,
+	ramp: 4,
+	maxSpeed: 4,
+	soften: 8,
+	holdMs: 140
+}, x = 8e3, S = 8e3, C = .14, w = 2600, T = 6e3, E = 8e3, D = .72;
+//#endregion
+//#region src/components/custom/constellation/constellationInteraction.ts
+function O(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,62 +43,21 @@ 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 k = .001, A = 1.5, j = 7, M = 22;
+function N(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, P), o = i.cfg, s = i.target > 0 ? o.ramp : M, c = Math.min(s * a, 1);
+	i.strength += (i.target - i.strength) * c, i.strength < k && (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 ? A : j, m = Math.min(p * a, 1), h = i.strength > k && i.x >= 0, g = e.pinnedIndex;
 	for (let e = 0; e < l.length; e++) {
+		if (e === g) continue;
 		let t = l[e];
 		if (h) {
 			let e = i.x - t.x, n = i.y - t.y, r = e * e + n * n;
@@ -119,15 +73,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 P = .05;
+function F(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 +83,13 @@ function P(e, t, n, r = -1) {
 	}
 	return a;
 }
-function F(e, t) {
+function I(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, P), 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 L(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (t < 0 || t >= r.length) {
 		n.targetIdx = -1, e.focalIndex = -1;
@@ -150,20 +97,20 @@ function I(e, t) {
 	}
 	e.focalIndex = t, n.targetIdx = t;
 }
-function L(e, t, n) {
-	let r = P(e, t, n, -1);
+function R(e, t, n) {
+	let r = F(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 = F(e, t, n, e.focalIndex);
+	return i < 0 ? -1 : (L(e, i), i);
 }
-var R = 24;
-function z(e) {
+var z = 24;
+function B(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) < z;
 }
-function B(e, t) {
+function V(e, t) {
 	let n = e.nodes.length;
 	if (n <= 1) return e.focalIndex;
 	let r = e.focalIndex;
@@ -171,58 +118,336 @@ 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());
+function H(e = {}) {
+	return {
+		anchorX: 0,
+		anchorY: 0,
+		nextAt: -1,
+		legStart: -1,
+		fromX: 0,
+		fromY: 0,
+		toX: 0,
+		toY: 0,
+		wanderFrac: e.wanderFrac ?? .14,
+		durMs: e.durMs ?? 2600,
+		minIdle: e.minIdle ?? 6e3,
+		jitter: e.jitter ?? 8e3
+	};
+}
+function U(e) {
+	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
+}
+function W(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];
+	if (r.nextAt < 0) {
+		r.anchorX = i.x, r.anchorY = i.y, r.nextAt = t + r.minIdle + n() * r.jitter;
+		return;
+	}
+	if (r.legStart < 0) {
+		if (t < r.nextAt) return;
+		r.fromX = i.x, r.fromY = i.y;
+		let a = r.wanderFrac, o = r.anchorX + (n() * 2 - 1) * a * e.w, s = r.anchorY + (n() * 2 - 1) * a * e.h;
+		r.toX = Math.max(.04 * e.w, Math.min(.96 * e.w, o)), r.toY = Math.max(.04 * e.h, Math.min(.96 * e.h, s)), r.legStart = t;
+	}
+	let a = Math.min((t - r.legStart) / r.durMs, 1), o = U(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);
+}
+//#endregion
+//#region src/components/custom/constellation/constellationField.ts
+function G(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 K(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 q(e, t, n, r, i = 0, a = 0, o = Math.random) {
+	let { nodes: s, w: c, h: l } = e, u = e.pinnedIndex;
+	for (let e = 0; e < s.length; e++) {
+		if (e === u) continue;
+		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++) {
+			if (t === u) continue;
+			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 (N(e, t, n, i), W(e, a, o), I(e, i), e.warpAutoRelease && e.warp.targetIdx >= 0 && B(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 && B(e) && (L(e, V(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
+	}
+}
+//#endregion
+//#region src/components/custom/constellation/constellationDraw.ts
+function J(e) {
+	return Math.max(e.k, e.kFloor ?? .72);
+}
+function Y(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),
+		accent: n("--constellation-accent", _.accent),
+		edgeFloor: r("--constellation-edge-floor", _.edgeFloor),
+		edgeAccentAlpha: r("--constellation-edge-accent-alpha", _.edgeAccentAlpha)
+	};
+}
+function X(e, t, n, r, i = 1, a = -1) {
+	let { nodes: o, k: s } = t, c = J(t), l = n * s, u = l * l, d = r.alpha * i, f = r.edgeAccentAlpha * d;
+	for (let t = 0; t < o.length; t++) {
+		let n = o[t];
+		for (let i = t + 1; i < o.length; i++) {
+			let s = o[i], l = n.x - s.x, p = n.y - s.y, m = l * l + p * p;
+			if (m > u) continue;
+			let h = 1 - m / u;
+			a >= 0 && (t === a || i === a) ? (e.strokeStyle = r.accent, e.lineWidth = 1.1 * c, e.globalAlpha = f * h) : (e.strokeStyle = r.line, e.lineWidth = 1 * c, e.globalAlpha = (r.edgeAlpha * h + r.edgeFloor) * d), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(s.x, s.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 Z(e, t, n, r = 1) {
+	let { nodes: i } = t, a = J(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 Q(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 = J(t), l = n * s, u = l * l, d = r.edgeFocusAlpha * r.alpha * a;
+	e.strokeStyle = r.line, e.lineWidth = 1 * c;
+	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 > u || (e.globalAlpha = (1 - a / u) * d, 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 * c, 0, Math.PI * 2), e.fill(), e.globalAlpha = 1;
 }
-function W(e, t, n, r, i) {
-	let { k: a } = t;
+function $(e, t, n, r, i, a = 1) {
+	let o = J(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/Constellation.vue?vue&type=script&setup=true&lang.ts
-var G = 0, K = /* @__PURE__ */ n(/* @__PURE__ */ c({
+//#region src/components/custom/constellation/composables/useConstellationPointer.ts
+function ee(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 && (R(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 te(e, t, n = !1, r = !1, i = !1) {
+	let a = {
+		nodes: [],
+		canvas: null,
+		w: 0,
+		h: 0,
+		k: 1,
+		dpr: 1,
+		focalIndex: -1,
+		warp: {
+			x: 0,
+			y: 0,
+			vx: 0,
+			vy: 0,
+			targetIdx: -1
+		},
+		pinnedIndex: n === !1 ? -1 : n === !0 ? 0 : Math.max(0, Math.trunc(n)),
+		warpAutoRelease: !!i
+	};
+	a.pinnedDrift = r ? H(r === !0 ? {} : r) : void 0;
+	let o = e && e !== !0 ? e : {};
+	a.wander = e ? {
+		nextAt: -1,
+		minIdle: o.minIdle ?? 8e3,
+		jitter: o.jitter ?? 8e3
+	} : void 0;
+	let s = t && t !== !0 ? t : {};
+	return a.well = t ? {
+		x: -1,
+		y: -1,
+		strength: 0,
+		target: 0,
+		cfg: {
+			...b,
+			...s
+		}
+	} : void 0, {
+		field: a,
+		wanderOverride: o,
+		wellOverride: s
+	};
+}
+//#endregion
+//#region src/components/custom/constellation/composables/useConstellation.ts
+function ne(e, n, o) {
+	let s = e.count ?? 64, c = e.link ?? 132, u = e.speed ?? .16, f = e.seed, m = e.warpOnClick ?? !1, h = e.wander ?? !1, v = e.gravityWell ?? !1, y = e.pinned ?? !1, b = e.pinnedDrift ?? !1, x = e.warpAutoRelease ?? !1, S = a(() => f === void 0 ? Math.random : r(typeof f == "string" ? i(f) : f)), C = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), w = l()?.vnode.props?.freeze, T = a(() => w === void 0 ? C() : w === !0 || w === ""), { field: E, wanderOverride: D, wellOverride: k } = te(h, v, y, b, x), A = {
+		x: -1,
+		y: -1
+	}, j = [], M = { ..._ }, N = -1, P = !1, F = p(null);
+	return d(() => {
+		let r = o.value;
+		if (!r) return;
+		let i = t({
+			canvas: o,
+			setup: () => ({ render(t, n) {
+				let a = r.clientWidth || r.offsetWidth || 1280, o = r.clientHeight || r.offsetHeight || 720, l = a / g;
+				E.canvas = r;
+				let d = parseFloat(getComputedStyle(r).getPropertyValue("--constellation-k-floor"));
+				if (E.kFloor = Number.isFinite(d) ? d : void 0, E.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), E.w !== a || E.h !== o) {
+					let e = E.w, t = E.h;
+					if (E.w = a, E.h = o, E.k = l, E.nodes.length ? K(E, e, t) : (E.nodes = G(S.value, s, a, o, u), E.warp.x = a / 2, E.warp.y = o / 2), M = Y(r), !P) {
+						P = !0;
+						let e = O(r);
+						E.warpCfg = e.warp, E.well && (E.well.cfg = {
+							...e.well,
+							...k
+						}), E.wander && (E.wander.minIdle = D.minIdle ?? e.wander.minIdle, E.wander.jitter = D.jitter ?? e.wander.jitter);
+					}
+				}
+				E.k = l;
+				let f = N < 0 ? 0 : (n - N) / 1e3;
+				N = n;
+				let p = T.value || i.reducedMotion;
+				p && E.well && (E.well.strength = 0, E.well.target = 0, E.well.x = -1, E.well.y = -1);
+				let m = e.pointerReactive ?? !0, h = e.opacityCeiling ?? 1, _ = e.accentEdges ?? !1, v = e.drawOverlay;
+				p || q(E, l, u, m ? A : null, f, n, S.value), t.clearRect(0, 0, a, o);
+				let y = _ ? E.pinnedIndex >= 0 ? E.pinnedIndex : E.focalIndex : -1;
+				X(t, E, c, M, h, y), Z(t, E, M, h), m && !p && (Q(t, E, c, M, A, h), $(t, E, n, j, M, h)), v?.(t, E, p ? 0 : n);
+			} })
+		});
+		ee({
+			host: n.value,
+			canvas: r,
+			field: E,
+			pointer: A,
+			ripples: j,
+			handle: i,
+			toLocalRef: F,
+			pointerReactive: e.pointerReactive ?? !0,
+			warpOnClick: m,
+			gravityWell: !!v,
+			isFrozen: T.value
+		});
+	}), {
+		field: E,
+		isFrozen: T,
+		warpTo(e, t) {
+			if (typeof e == "number" && typeof t == "number") {
+				let n = F.value?.({
+					clientX: e,
+					clientY: t
+				});
+				return n ? R(E, n.x, n.y) : -1;
+			}
+			let n = e;
+			return R(E, n.x, n.y);
+		},
+		holdWellAt(e, t) {
+			return E.well ? (E.well.x = e, E.well.y = t, E.well.target = 1, !0) : !1;
+		},
+		releaseWell() {
+			E.well && (E.well.target = 0);
+		},
+		warpSettled() {
+			return B(E);
+		},
+		pinNode(e) {
+			E.pinnedIndex = e, E.pinnedDrift && (E.pinnedDrift.nextAt = -1);
+		}
+	};
+}
+//#endregion
+//#region src/components/custom/constellation/Constellation.vue
+var re = /* @__PURE__ */ n(/* @__PURE__ */ c({
 	__name: "Constellation",
 	props: {
 		count: { default: 64 },
 		link: { default: 132 },
 		speed: { default: .16 },
+		opacityCeiling: { default: 1 },
 		seed: {},
 		pointerReactive: {
 			type: Boolean,
@@ -240,152 +465,39 @@ var G = 0, K = /* @__PURE__ */ n(/* @__PURE__ */ c({
 			type: [Boolean, Object],
 			default: !1
 		},
+		pinned: {
+			type: [Boolean, Number],
+			default: !1
+		},
+		accentEdges: {
+			type: Boolean,
+			default: !1
+		},
+		pinnedDrift: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		warpAutoRelease: {
+			type: Boolean,
+			default: !1
+		},
 		freeze: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		drawOverlay: { type: Function }
+		class: {},
+		drawOverlay: {}
 	},
-	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 = {
-			x: -1,
-			y: -1
-		}, P = [], F = { ...y }, I = -1, R = !1, z = p(null);
-		return d(() => {
-			let e = v.value;
-			if (!e) return;
-			let r = t({
-				canvas: v,
-				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 = {
-								...t.well,
-								...j
-							}), k.wander && (k.wander.minIdle = A.minIdle ?? t.wander.minIdle, k.wander.jitter = A.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.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);
-				} })
-			}), 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);
-			}
-		}), c({
-			field: k,
-			isFrozen: O,
-			warpTo(e, t) {
-				if (typeof e == "number" && typeof t == "number") {
-					let n = z.value?.({
-						clientX: e,
-						clientY: t
-					});
-					return n ? L(k, n.x, n.y) : -1;
-				}
-				let n = e;
-				return L(k, n.x, n.y);
-			},
-			holdWellAt(e, t) {
-				return k.well ? (k.well.x = e, k.well.y = t, k.well.target = 1, !0) : !1;
-			},
-			releaseWell() {
-				k.well && (k.well.target = 0);
-			}
-		}), (t, r) => (f(), o("div", {
+	setup(t, { expose: n }) {
+		let r = t, i = h("hostRef"), a = h("canvasRef");
+		return n(ne(r, i, a)), (t, n) => (f(), o("div", {
 			ref_key: "hostRef",
-			ref: _,
-			class: u(m(e)("constellation", n.class))
+			ref: i,
+			class: u(m(e)("constellation", r.class))
 		}, [s("canvas", {
 			ref_key: "canvasRef",
-			ref: v,
+			ref: a,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-a8ae86fe"]]);
+}), [["__scopeId", "data-v-2ada60ff"]]);
 //#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, re as Constellation, D as DEFAULT_K_FLOOR, _ as DEFAULT_PALETTE, w as DEFAULT_PINNED_DRIFT_DUR, C as DEFAULT_PINNED_DRIFT_FRAC, T as DEFAULT_PINNED_DRIFT_IDLE, E as DEFAULT_PINNED_DRIFT_JITTER, x as DEFAULT_WANDER_IDLE, S as DEFAULT_WANDER_JITTER, b as DEFAULT_WELL_CONFIG, v as WARP_RESPONSE, y as WARP_ZETA, X as drawEdges, Z as drawNodes, Q as drawPointerWeb, $ as drawRipples, J as kVisOf, H as makePinnedDrift, F as nearestNode, V as pickWanderTarget, O as readInteractionConfig, Y as readPalette, K as refitField, G as seedField, L as setWarpTarget, q as stepField, W as stepPinnedDrift, N as stepWell, B as warpSettled, I as warpStep, R as warpTo };