@mkbabb/glass-ui 3.7.0 → 3.8.0

package/dist/constellation.js

@@ -1,24 +1,35 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { t as n } from "./useCanvas2D-C31yfUGY.js";
-import { n as r, t as i } from "./prng-wHuHlNHE.js";
-import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, onMounted as u, openBlock as d, unref as f, useTemplateRef as p } from "vue";
+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-COGhh02-.js";
+import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, onMounted as u, openBlock as d, ref as f, unref as p, useTemplateRef as m } from "vue";
 //#region src/components/custom/constellation/constellationField.ts
-var m = 1280, h = {
+var h = 1280, g = {
 	node: "#b4afa3",
 	nodeDim: "#cdc8bd",
-	line: "#1c1714"
+	line: "#1c1714",
+	edgeAlpha: .22,
+	edgeFocusAlpha: .34,
+	alpha: .8
 };
-function g(e) {
-	if (typeof window > "u") return { ...h };
-	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n;
+function _(e) {
+	if (typeof window > "u") return { ...g };
+	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", h.node),
-		nodeDim: n("--constellation-node-dim", h.nodeDim),
-		line: n("--constellation-line", h.line)
+		node: n("--constellation-node", g.node),
+		nodeDim: n("--constellation-node-dim", g.nodeDim),
+		line: n("--constellation-line", g.line),
+		edgeAlpha: r("--constellation-edge-alpha", g.edgeAlpha),
+		edgeFocusAlpha: r("--constellation-edge-focus-alpha", g.edgeFocusAlpha),
+		alpha: r("--constellation-alpha", g.alpha)
 	};
 }
-function _(e, t, n, r, i) {
+function v(e, t, n, r, i) {
 	let a = [];
 	for (let o = 0; o < t; o++) {
 		let t = e() * Math.PI * 2;
@@ -33,53 +44,84 @@ function _(e, t, n, r, i) {
 	}
 	return a;
 }
-function v(e, t, n, r) {
-	let { nodes: i, w: a, h: o } = e;
-	for (let e = 0; e < i.length; e++) {
-		let n = i[e];
-		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > a && (n.x = a, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > o && (n.y = o, n.vy *= -1);
+function y(e, t, n, r, i = 0) {
+	let { nodes: a, w: o, h: s } = e;
+	for (let e = 0; e < a.length; e++) {
+		let n = a[e];
+		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > o && (n.x = o, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > s && (n.y = s, n.vy *= -1);
 	}
 	if (r && r.x >= 0) {
 		let e = 180 * t;
-		for (let t = 0; t < i.length; t++) {
-			let a = i[t], o = r.x - a.x, s = r.y - a.y, c = Math.hypot(o, s);
+		for (let t = 0; t < a.length; t++) {
+			let i = a[t], o = r.x - i.x, s = r.y - i.y, c = Math.hypot(o, s);
 			if (c > .5 && c < e) {
-				let t = Math.hypot(a.vx, a.vy) || n, r = (1 - c / e) * .08, i = a.vx + o / c * r * t, l = a.vy + s / c * r * t, u = Math.hypot(i, l) || 1;
-				a.vx = i / u * t, a.vy = l / u * t;
+				let t = Math.hypot(i.vx, i.vy) || n, r = (1 - c / e) * .08, a = i.vx + o / c * r * t, l = i.vy + s / c * r * t, u = Math.hypot(a, l) || 1;
+				i.vx = a / u * t, i.vy = l / u * t;
 			}
 		}
 	}
+	T(e, i);
+}
+var b = .55, x = 1, S = 2 * Math.PI / b, C = .05;
+function w(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;
+		let s = i[e], c = s.x - t, l = s.y - n, u = c * c + l * l;
+		u < o && (o = u, a = e);
+	}
+	return a;
+}
+function T(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, C), a = r[n.targetIdx], o = -2 * x * S * n.vx - S * S * (n.x - a.x), s = -2 * x * S * n.vy - S * S * (n.y - a.y);
+	n.vx += o * i, n.vy += s * i, n.x += n.vx * i, n.y += n.vy * i;
 }
-function y(e, t, n, r) {
-	let { nodes: i, k: a } = t, o = n * a, s = o * o;
+function E(e, t) {
+	let { warp: n, nodes: r } = e;
+	if (t < 0 || t >= r.length) {
+		n.targetIdx = -1, e.focalIndex = -1;
+		return;
+	}
+	e.focalIndex = t, n.targetIdx = t;
+}
+function D(e, t, n) {
+	let r = w(e, t, n, -1);
+	if (r >= 0 && r === e.focalIndex) return e.focalIndex;
+	let i = w(e, t, n, e.focalIndex);
+	return i < 0 ? -1 : (E(e, i), i);
+}
+function O(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, c = a * a + o * o;
-			c > s || (e.globalAlpha = .17 * (1 - c / s), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(t.x, t.y), e.stroke());
+			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());
 		}
 	}
 	e.globalAlpha = 1;
 }
-function b(e, t, n) {
+function k(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 x(e, t, n, r, i) {
+function A(e, t, n, r, i) {
 	if (!i || i.x < 0) return;
-	let { nodes: a, k: o } = t, s = n * o, c = s * s;
+	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 n = t.x - i.x, r = t.y - i.y, a = n * n + r * r;
-		a > c || (e.globalAlpha = (1 - a / c) * .24, e.beginPath(), e.moveTo(i.x, i.y), e.lineTo(t.x, t.y), e.stroke());
+		a > c || (e.globalAlpha = (1 - a / c) * l, 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;
 }
-function S(e, t, n, r, i) {
+function j(e, t, n, r, i) {
 	let { k: a } = t;
 	e.strokeStyle = i.line;
 	for (let t = r.length - 1; t >= 0; t--) {
@@ -96,7 +138,7 @@ function S(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/custom/constellation/Constellation.vue
-var C = /* @__PURE__ */ t(/* @__PURE__ */ c({
+var M = /* @__PURE__ */ n(/* @__PURE__ */ c({
 	__name: "Constellation",
 	props: {
 		count: { default: 64 },
@@ -107,6 +149,10 @@ var C = /* @__PURE__ */ t(/* @__PURE__ */ c({
 			type: Boolean,
 			default: !0
 		},
+		warpOnClick: {
+			type: Boolean,
+			default: !1
+		},
 		class: { type: [
 			Boolean,
 			null,
@@ -116,67 +162,90 @@ var C = /* @__PURE__ */ t(/* @__PURE__ */ c({
 		] },
 		drawOverlay: { type: Function }
 	},
-	setup(t, { expose: c }) {
-		let C = p("hostRef"), w = p("canvasRef"), T = a(() => t.seed === void 0 ? Math.random : r(typeof t.seed == "string" ? i(t.seed) : t.seed)), E = {
+	setup(n, { expose: c }) {
+		let b = m("hostRef"), x = m("canvasRef"), S = a(() => n.seed === void 0 ? Math.random : r(typeof n.seed == "string" ? i(n.seed) : n.seed)), C = {
 			nodes: [],
 			canvas: null,
 			w: 0,
 			h: 0,
 			k: 1,
-			dpr: 1
-		}, D = {
+			dpr: 1,
+			focalIndex: -1,
+			warp: {
+				x: 0,
+				y: 0,
+				vx: 0,
+				vy: 0,
+				targetIdx: -1
+			}
+		}, w = {
 			x: -1,
 			y: -1
-		}, O = [], k = { ...h };
+		}, T = [], E = { ...g }, M = -1, N = f(null);
 		return u(() => {
-			let e = w.value;
+			let e = x.value;
 			if (!e) return;
-			let r = n({
-				canvas: w,
-				setup: (n) => ({ render(n, i) {
-					let a = e.clientWidth || e.offsetWidth || 1280, o = e.clientHeight || e.offsetHeight || 720, s = a / m;
-					if (E.canvas = e, E.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), (E.w !== a || E.h !== o) && (E.w = a, E.h = o, E.k = s, E.nodes.length || (E.nodes = _(T.value, t.count, a, o, t.speed)), k = g(e)), E.k = s, !r.reducedMotion) {
-						let e = t.pointerReactive ? D : null;
-						v(E, s, t.speed, e);
+			let r = t({
+				canvas: x,
+				setup: (t) => ({ render(t, i) {
+					let a = e.clientWidth || e.offsetWidth || 1280, o = e.clientHeight || e.offsetHeight || 720, s = a / h;
+					C.canvas = e, C.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), (C.w !== a || C.h !== o) && (C.w = a, C.h = o, C.k = s, C.nodes.length || (C.nodes = v(S.value, n.count, a, o, n.speed), C.warp.x = a / 2, C.warp.y = o / 2), E = _(e)), C.k = s;
+					let c = M < 0 ? 0 : (i - M) / 1e3;
+					if (M = i, !r.reducedMotion) {
+						let e = n.pointerReactive ? w : null;
+						y(C, s, n.speed, e, c);
 					}
-					n.clearRect(0, 0, a, o), y(n, E, t.link, k), b(n, E, k), t.pointerReactive && !r.reducedMotion && (x(n, E, t.link, k, D), S(n, E, i, O, k)), t.drawOverlay?.(n, E, i);
+					t.clearRect(0, 0, a, o), O(t, C, n.link, E), k(t, C, E), n.pointerReactive && !r.reducedMotion && (A(t, C, n.link, E, w), j(t, C, i, T, E)), n.drawOverlay?.(t, C, i);
 				} })
-			}), i = C.value;
-			if (t.pointerReactive && i && !r.reducedMotion) {
-				let t = (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 * E.w,
-						y: i * E.h
-					};
+			}), i = b.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 * C.w,
+					y: i * C.h
 				};
-				i.addEventListener("pointermove", (e) => {
-					let n = t(e);
-					n ? (D.x = n.x, D.y = n.y) : (D.x = -1, D.y = -1), r.wake();
-				}), i.addEventListener("pointerleave", () => {
-					D.x = -1, D.y = -1;
-				}), i.addEventListener("pointerdown", (e) => {
-					let n = t(e);
-					n && O.push({
-						x: n.x,
-						y: n.y,
-						start: -1
-					}), r.wake();
-				});
+			};
+			N.value = a, n.pointerReactive && i && !r.reducedMotion && (i.addEventListener("pointermove", (e) => {
+				let t = a(e);
+				t ? (w.x = t.x, w.y = t.y) : (w.x = -1, w.y = -1), r.wake();
+			}), i.addEventListener("pointerleave", () => {
+				w.x = -1, w.y = -1;
+			}), i.addEventListener("pointerdown", (e) => {
+				let t = a(e);
+				t && T.push({
+					x: t.x,
+					y: t.y,
+					start: -1
+				}), r.wake();
+			})), n.warpOnClick && i && !r.reducedMotion && i.addEventListener("pointerdown", (e) => {
+				let t = a(e);
+				t && (D(C, t.x, t.y), r.wake());
+			});
+		}), c({
+			field: C,
+			warpTo(e, t) {
+				if (typeof e == "number" && typeof t == "number") {
+					let n = N.value?.({
+						clientX: e,
+						clientY: t
+					});
+					return n ? D(C, n.x, n.y) : -1;
+				}
+				let n = e;
+				return D(C, n.x, n.y);
 			}
-		}), c({ field: E }), (n, r) => (d(), o("div", {
+		}), (t, r) => (d(), o("div", {
 			ref_key: "hostRef",
-			ref: C,
-			class: l(f(e)("constellation", t.class))
+			ref: b,
+			class: l(p(e)("constellation", n.class))
 		}, [s("canvas", {
 			ref_key: "canvasRef",
-			ref: w,
+			ref: x,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-3f8670a5"]]);
+}), [["__scopeId", "data-v-63dd743d"]]);
 //#endregion
-export { m as BASE_WIDTH, C as Constellation, h as DEFAULT_PALETTE, y as drawEdges, b as drawNodes, x as drawPointerWeb, S as drawRipples, g as readPalette, _ as seedField, v as stepField };
+export { h as BASE_WIDTH, M as Constellation, g as DEFAULT_PALETTE, O as drawEdges, k as drawNodes, A as drawPointerWeb, j as drawRipples, w as nearestNode, _ as readPalette, v as seedField, E as setWarpTarget, y as stepField, T as warpStep, D as warpTo };

package/dist/context-menu.js

@@ -1,3 +1,3 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./ContextMenuSubContent-BeDz7G6f.js";
-import { n as l, r as u, t as d } from "./ContextMenuContent-DGKZX1Du.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./ContextMenuSubContent-Do977Cbf.js";
+import { n as l, r as u, t as d } from "./ContextMenuContent-DDa0v27s.js";
 export { u as ContextMenu, s as ContextMenuCheckboxItem, d as ContextMenuContent, t as ContextMenuItem, o as ContextMenuLabel, r as ContextMenuRadioGroup, a as ContextMenuRadioItem, n as ContextMenuSeparator, e as ContextMenuShortcut, c as ContextMenuSubContent, i as ContextMenuSubTrigger, l as ContextMenuTrigger };

package/dist/controls.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { t as n } from "./useGlobalDark-yhL4Wp-s.js";
+import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { t as n } from "./useGlobalDark-D3EBWzXK.js";
 import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, resolveDynamicComponent as l, unref as u, useAttrs as d, watchEffect as f, withCtx as p } from "vue";
 //#endregion
 //#region src/components/custom/controls/DarkModeToggle.vue

package/dist/dark.js

@@ -1,4 +1,4 @@
-import { t as e } from "./useGlobalDark-yhL4Wp-s.js";
+import { t as e } from "./useGlobalDark-D3EBWzXK.js";
 import { nextTick as t, watch as n } from "vue";
 //#region src/composables/dark/installDarkModeSync.ts
 function r(r) {

package/dist/data-table.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./DataTable-gtPOLZvl.js";
+import { n as e, t } from "./DataTable-CvlWXz65.js";
 export { t as DataTable, e as DataTablePagination };

package/dist/deck-progress.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/deck-progress";

package/dist/deck-progress.js

@@ -0,0 +1,2 @@
+import { t as e } from "./DeckProgress-AVgbIULY.js";
+export { e as DeckProgress };

package/dist/dialog.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./DialogContent-DG1YMR-P.js";
-import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-BCIaDP15.js";
+import { n as e, t } from "./DialogContent-DjZWT3lK.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-Gprw8H_A.js";
 export { e as Dialog, s as DialogClose, t as DialogContent, o as DialogDescription, c as DialogFooter, n as DialogHeader, i as DialogScrollContent, r as DialogTitle, a as DialogTrigger };

package/dist/disco-glyph.js

@@ -1,2 +1,2 @@
-import { t as e } from "./DiscoGlyph-ZoBYpoxI.js";
+import { t as e } from "./DiscoGlyph-CG0F410s.js";
 export { e as DiscoGlyph };