@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/constellation.js

@@ -1,7 +1,7 @@
 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-B8w_E3Rr.js";
+import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { n as r, t as i } from "./prng-Za0Rmgag.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/constants.ts
 var g = 1280, _ = {
@@ -361,8 +361,87 @@ function te(e, t, n = !1, r = !1, i = !1) {
 	};
 }
 //#endregion
-//#region src/components/custom/constellation/Constellation.vue?vue&type=script&setup=true&lang.ts
-var ne = 0, re = /* @__PURE__ */ n(/* @__PURE__ */ c({
+//#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 = null, a = () => i ? i.reducedMotion : typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+		i = t({
+			canvas: o,
+			setup: () => ({ render(t, n) {
+				let i = r.clientWidth || r.offsetWidth || 1280, o = r.clientHeight || r.offsetHeight || 720, l = i / 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 !== i || E.h !== o) {
+					let e = E.w, t = E.h;
+					if (E.w = i, E.h = o, E.k = l, E.nodes.length ? K(E, e, t) : (E.nodes = G(S.value, s, i, o, u), E.warp.x = i / 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 || a();
+				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, i, 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 },
@@ -403,103 +482,22 @@ var ne = 0, re = /* @__PURE__ */ n(/* @__PURE__ */ c({
 			default: !1
 		},
 		freeze: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		drawOverlay: { type: Function }
+		class: {},
+		drawOverlay: {}
 	},
-	setup(n, { expose: c }) {
-		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, C = a(() => S === void 0 ? x() : S === !0 || S === ""), { field: w, wanderOverride: T, wellOverride: E } = te(n.wander, n.gravityWell, n.pinned, n.pinnedDrift, n.warpAutoRelease), D = {
-			x: -1,
-			y: -1
-		}, k = [], A = { ..._ }, j = -1, M = !1, N = p(null);
-		return d(() => {
-			let e = y.value;
-			if (!e) return;
-			let r = t({
-				canvas: y,
-				setup: (t) => ({ render(t, i) {
-					let a = e.clientWidth || e.offsetWidth || 1280, o = e.clientHeight || e.offsetHeight || 720, s = a / g;
-					w.canvas = e;
-					let c = parseFloat(getComputedStyle(e).getPropertyValue("--constellation-k-floor"));
-					if (w.kFloor = Number.isFinite(c) ? c : void 0, w.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), w.w !== a || w.h !== o) {
-						let t = w.w, r = w.h;
-						if (w.w = a, w.h = o, w.k = s, w.nodes.length ? K(w, t, r) : (w.nodes = G(b.value, n.count, a, o, n.speed), w.warp.x = a / 2, w.warp.y = o / 2), A = Y(e), !M) {
-							M = !0;
-							let t = O(e);
-							w.warpCfg = t.warp, w.well && (w.well.cfg = {
-								...t.well,
-								...E
-							}), w.wander && (w.wander.minIdle = T.minIdle ?? t.wander.minIdle, w.wander.jitter = T.jitter ?? t.wander.jitter);
-						}
-					}
-					w.k = s;
-					let l = j < 0 ? 0 : (i - j) / 1e3;
-					j = i;
-					let u = C.value || r.reducedMotion;
-					if (u && w.well && (w.well.strength = 0, w.well.target = 0, w.well.x = -1, w.well.y = -1), !u) {
-						let e = n.pointerReactive ? D : null;
-						q(w, s, n.speed, e, l, i, b.value);
-					}
-					t.clearRect(0, 0, a, o);
-					let d = n.accentEdges ? w.pinnedIndex >= 0 ? w.pinnedIndex : w.focalIndex : -1;
-					X(t, w, n.link, A, n.opacityCeiling, d), Z(t, w, A, n.opacityCeiling), n.pointerReactive && !u && (Q(t, w, n.link, A, D, n.opacityCeiling), $(t, w, i, k, A, n.opacityCeiling)), n.drawOverlay?.(t, w, u ? ne : i);
-				} })
-			});
-			ee({
-				host: v.value,
-				canvas: e,
-				field: w,
-				pointer: D,
-				ripples: k,
-				handle: r,
-				toLocalRef: N,
-				pointerReactive: n.pointerReactive,
-				warpOnClick: n.warpOnClick,
-				gravityWell: !!n.gravityWell,
-				isFrozen: C.value
-			});
-		}), c({
-			field: w,
-			isFrozen: C,
-			warpTo(e, t) {
-				if (typeof e == "number" && typeof t == "number") {
-					let n = N.value?.({
-						clientX: e,
-						clientY: t
-					});
-					return n ? R(w, n.x, n.y) : -1;
-				}
-				let n = e;
-				return R(w, n.x, n.y);
-			},
-			holdWellAt(e, t) {
-				return w.well ? (w.well.x = e, w.well.y = t, w.well.target = 1, !0) : !1;
-			},
-			releaseWell() {
-				w.well && (w.well.target = 0);
-			},
-			warpSettled() {
-				return B(w);
-			},
-			pinNode(e) {
-				w.pinnedIndex = e, w.pinnedDrift && (w.pinnedDrift.nextAt = -1);
-			}
-		}), (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: v,
-			class: u(m(e)("constellation", n.class))
+			ref: i,
+			class: u(m(e)("constellation", r.class))
 		}, [s("canvas", {
 			ref_key: "canvasRef",
-			ref: y,
+			ref: a,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-a4c10474"]]);
+}), [["__scopeId", "data-v-2ada60ff"]]);
 //#endregion
 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 };

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-BQmxTAdw.js";
-import { n as l, r as u, t as d } from "./ContextMenuContent-CT3AS1WX.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 };
+import { n as e, r as t, t as n } from "./ContextMenuContent-uWnVxDab.js";
+import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d } from "./ContextMenuSubContent-xol4sD2q.js";
+export { t as ContextMenu, u as ContextMenuCheckboxItem, n as ContextMenuContent, i as ContextMenuItem, l as ContextMenuLabel, o as ContextMenuRadioGroup, c as ContextMenuRadioItem, a as ContextMenuSeparator, r as ContextMenuShortcut, d as ContextMenuSubContent, s as ContextMenuSubTrigger, e 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-ok8pgSl5.js";
-import { t as n } from "./useGlobalDark-yhL4Wp-s.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./useGlobalDark-C28t0VWJ.js";
 import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, ref as l, resolveDynamicComponent as u, useAttrs as d, watchEffect as f, withCtx as p } from "vue";
 //#endregion
 //#region src/components/custom/controls/DarkModeToggle.vue
@@ -68,7 +68,13 @@ var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 472.39 472.39",
 				class: "block h-full w-full fill-foreground"
-			}, [a("g", { class: "toggle-sun" }, [a("path", { d: "M403.21,167V69.18H305.38L236.2,0,167,69.18H69.18V167L0,236.2l69.18,69.18v97.83H167l69.18,69.18,69.18-69.18h97.83V305.38l69.18-69.18Zm-167,198.17a129,129,0,1,1,129-129A129,129,0,0,1,236.2,365.19Z" })]), a("g", { class: "toggle-circle" }, [a("circle", {
+			}, [a("g", {
+				class: "toggle-sun",
+				"data-allow-motion": ""
+			}, [a("path", { d: "M403.21,167V69.18H305.38L236.2,0,167,69.18H69.18V167L0,236.2l69.18,69.18v97.83H167l69.18,69.18,69.18-69.18h97.83V305.38l69.18-69.18Zm-167,198.17a129,129,0,1,1,129-129A129,129,0,0,1,236.2,365.19Z" })]), a("g", {
+				class: "toggle-circle",
+				"data-allow-motion": ""
+			}, [a("circle", {
 				cx: "236.2",
 				cy: "236.2",
 				r: "90"
@@ -80,6 +86,6 @@ var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
 			"data-eclipsing"
 		]));
 	}
-}), [["__scopeId", "data-v-77ac6c77"]]);
+}), [["__scopeId", "data-v-62bae18a"]]);
 //#endregion
 export { m as DarkModeToggle };

package/dist/createCanvasLifecycle-CHD5XrDW.js

@@ -0,0 +1,82 @@
+//#region src/composables/glass/webgl/createCanvasLifecycle.ts
+function e(e) {
+	let { canvas: t, buildContext: n, resize: r } = e, i = e.respectReducedMotion ?? e.mode !== "capture", a = /* @__PURE__ */ new Set();
+	e.mode === "capture" && a.add("manual");
+	let o = () => a.size === 0, s = 0, c = typeof performance < "u" ? performance.now() : 0, l = null, u = !1, d = !1, f = i && typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, p = f?.matches ?? !1;
+	function m() {
+		if (!o() || !l) return;
+		let e = (performance.now() - c) / 1e3, t = l.time ? l.time(e) : e;
+		l.frame(t), s = !p && l.shouldContinue() ? requestAnimationFrame(m) : 0;
+	}
+	function h() {
+		u && o() && !s && l && (s = requestAnimationFrame(m));
+	}
+	function g() {
+		let e = f?.matches ?? !1;
+		e !== p && (p = e, e || (c = performance.now()), h());
+	}
+	f?.addEventListener("change", g);
+	function _(e = "manual") {
+		let t = o();
+		a.add(e), t && !o() && (cancelAnimationFrame(s), s = 0);
+	}
+	function v(e = "manual") {
+		let t = !o();
+		a.delete(e), t && o() && u && l && (c = performance.now() - 1e3, r(), m());
+	}
+	let y = typeof document < "u";
+	function b() {
+		document.hidden ? _("tab-hidden") : v("tab-hidden");
+	}
+	y && document.addEventListener("visibilitychange", b), y && document.hidden && a.add("tab-hidden");
+	let x = null;
+	function S(e) {
+		e.skipped ? _("off-screen") : v("off-screen");
+	}
+	function C() {
+		if (x) return;
+		let e = t.parentElement;
+		e && (x = e, e.addEventListener("contentvisibilityautostatechange", S));
+	}
+	function w() {
+		x?.removeEventListener("contentvisibilityautostatechange", S), x = null;
+	}
+	function T() {
+		l = n(), r();
+	}
+	function E() {
+		u || d || (e.bindContextEvents?.(() => {
+			d || (T(), o() && h());
+		}, () => {
+			l = null, cancelAnimationFrame(s), s = 0;
+		}), T(), C(), u = !0, c = performance.now(), o() && (p ? m() : s = requestAnimationFrame(m)));
+	}
+	function D(e) {
+		u || E(), l?.frame(e);
+	}
+	function O() {
+		d = !0, cancelAnimationFrame(s), s = 0, y && document.removeEventListener("visibilitychange", b), f?.removeEventListener("change", g), w(), e.unbindContextEvents?.(), l?.teardown?.(), l = null, a.clear();
+	}
+	return e.mode === "capture" && E(), {
+		arm: E,
+		suspend: _,
+		resume: v,
+		wake: h,
+		renderAt: D,
+		dispose: O,
+		get armed() {
+			return u;
+		},
+		get disposed() {
+			return d;
+		},
+		get running() {
+			return o();
+		},
+		get reducedMotion() {
+			return p;
+		}
+	};
+}
+//#endregion
+export { e as t };

package/dist/dark.d.ts

@@ -1,2 +1,2 @@
 export { useGlobalDark, installDarkModeSync, darkModeSyncScript, DARK_MODE_STORAGE_KEY, } from "./composables/dark";
-export type { UseGlobalDarkOptions, DarkModeSyncScriptOptions } from "./composables/dark";
+export type { UseGlobalDarkOptions, UseGlobalDarkReturn, DarkFlipSettledCallback, DarkModeSyncScriptOptions, } from "./composables/dark";

package/dist/dark.js

@@ -1,4 +1,4 @@
-import { t as e } from "./useGlobalDark-yhL4Wp-s.js";
+import { t as e } from "./useGlobalDark-C28t0VWJ.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-BCddn3T3.js";
+import { n as e, t } from "./DataTable-CuKwF7wr.js";
 export { t as DataTable, e as DataTablePagination };

package/dist/dialog.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./DialogContent-Dl9WkAoS.js";
-import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-Blu4t7tJ.js";
+import { n as e, t } from "./DialogContent-DcKK8k9i.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-BZNX5aVr.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 };