@mkbabb/glass-ui 4.0.1 → 4.2.0

package/dist/context-menu.js

@@ -1,3 +1,3 @@
-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";
+import { n as e, r as t, t as n } from "./ContextMenuContent-CMWn6huB.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-DvwWCUc0.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-C1je1s0u.js";
-import { t as n } from "./useGlobalDark-C28t0VWJ.js";
+import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t as n } from "./useGlobalDark-B4HO9LXG.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

package/dist/createCanvasLifecycle-CuCrGRfq.js

@@ -0,0 +1,173 @@
+//#region src/composables/glass/webgl/createCanvasLifecycle.ts
+function e(e, t) {
+	let n = e.getBoundingClientRect(), r = n.width, i = n.height, a = e.parentElement, o = 0, s = typeof getComputedStyle < "u";
+	for (; (r === 0 || i === 0) && a && o < 3;) {
+		let e = a.getBoundingClientRect();
+		if (r ||= e.width, i ||= e.height, s) {
+			let e = getComputedStyle(a);
+			if (e.contain.includes("size") || e.containerType !== "normal" || e.position !== "static") break;
+		}
+		a = a.parentElement, o++;
+	}
+	let c = {
+		w: Math.max(1, r),
+		h: Math.max(1, i)
+	}, l = Math.max(1, typeof t == "function" ? t(c) : t), u = Math.max(1, Math.round(c.w * l)), d = Math.max(1, Math.round(c.h * l)), f = e.width !== u || e.height !== d;
+	return f && (e.width = u, e.height = d), {
+		w: u,
+		h: d,
+		dpr: l,
+		changed: f
+	};
+}
+var t = 2e3;
+function n(n) {
+	let { canvas: r, buildContext: i } = n, a = n.respectReducedMotion ?? n.mode !== "capture", o = n.dprPolicy, s = n.composeIntersectionPark ?? !1;
+	function c() {
+		if (o !== void 0) {
+			let t = e(r, o);
+			n.resize(t);
+		} else n.resize();
+	}
+	let l = c, u = /* @__PURE__ */ new Set();
+	n.mode === "capture" && u.add("manual");
+	let d = () => u.size === 0, f = 0, p = typeof performance < "u" ? performance.now() : 0, m = null, h = !1, g = !1, _ = a && typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, v = _?.matches ?? !1;
+	function y() {
+		if (!d() || !m) return;
+		let e = (performance.now() - p) / 1e3, t = m.time ? m.time(e) : e;
+		m.frame(t), f = !v && m.shouldContinue() ? requestAnimationFrame(y) : 0;
+	}
+	function b() {
+		h && d() && !f && m && (f = requestAnimationFrame(y));
+	}
+	function x() {
+		let e = _?.matches ?? !1;
+		e !== v && (v = e, e || (p = performance.now()), b());
+	}
+	_?.addEventListener("change", x);
+	function S(e = "manual") {
+		let t = d();
+		u.add(e), t && !d() && (cancelAnimationFrame(f), f = 0);
+	}
+	function C(e = "manual") {
+		let t = !d();
+		u.delete(e), t && d() && h && m && (p = performance.now() - 1e3, l(), y());
+	}
+	let w = typeof document < "u";
+	function T() {
+		document.hidden ? S("tab-hidden") : C("tab-hidden");
+	}
+	w && document.addEventListener("visibilitychange", T), w && document.hidden && u.add("tab-hidden");
+	let E = null;
+	function D(e) {
+		if (e.skipped) {
+			S("off-screen");
+			return;
+		}
+		C("off-screen"), h && m && l(), b();
+	}
+	function O() {
+		let e = r.parentElement;
+		if (!e) return null;
+		if (typeof getComputedStyle > "u") return e;
+		let t = e, n = 0;
+		for (; t && n < 6;) {
+			if (getComputedStyle(t).contentVisibility === "auto") return t;
+			t = t.parentElement, n++;
+		}
+		return e;
+	}
+	function k() {
+		if (E) return;
+		let e = O();
+		e && (E = e, e.addEventListener("contentvisibilityautostatechange", D));
+	}
+	function A() {
+		E?.removeEventListener("contentvisibilityautostatechange", D), E = null;
+	}
+	let j = null, M = !1;
+	function N() {
+		M || (M = !0, l(), typeof requestAnimationFrame < "u" && requestAnimationFrame(() => {
+			g || (l(), requestAnimationFrame(() => {
+				g || l();
+			}));
+		}), typeof ResizeObserver < "u" && !j && (j = new ResizeObserver(() => {
+			g || l();
+		}), j.observe(r)));
+	}
+	let P = null, F = !1;
+	function I() {
+		!s || P || typeof IntersectionObserver > "u" || (P = new IntersectionObserver((e) => {
+			let t = e[e.length - 1];
+			t && (t.isIntersecting || t.intersectionRatio > 0 ? F && (F = !1, C("off-screen-io"), h && m && l(), b()) : (F = !0, S("off-screen-io")));
+		}, {
+			rootMargin: n.intersectionRootMargin ?? "256px",
+			threshold: 0
+		}), P.observe(r));
+	}
+	function L() {
+		P?.disconnect(), P = null;
+	}
+	let R = !1;
+	function z() {
+		if (!(!n.revealBloom || R) && (R = !0, r.style !== void 0)) {
+			if (v) {
+				r.style.setProperty("--substrate-reveal-t", "1");
+				return;
+			}
+			r.style.setProperty("--substrate-reveal-t", "0"), typeof requestAnimationFrame < "u" ? requestAnimationFrame(() => {
+				g || r.style.setProperty("--substrate-reveal-t", "1");
+			}) : r.style.setProperty("--substrate-reveal-t", "1");
+		}
+	}
+	function B() {
+		m = i(), l();
+	}
+	let V = [], H = 0, U = !1, W = () => typeof performance < "u" ? performance.now() : Date.now();
+	function G() {
+		H &&= (clearTimeout(H), 0);
+	}
+	function K() {
+		h || g || (n.bindContextEvents?.(() => {
+			g || U || (G(), H = setTimeout(() => {
+				H = 0, !(g || U) && (B(), d() && b());
+			}, 100));
+		}, () => {
+			m = null, cancelAnimationFrame(f), f = 0, G();
+			let e = W();
+			V.push(e), V = V.filter((n) => e - n <= t), V.length <= 1 && (U = !1), V.length > 3 && (U = !0);
+		}), N(), B(), k(), I(), h = !0, p = performance.now(), z(), d() && (v ? y() : f = requestAnimationFrame(y)));
+	}
+	function q(e) {
+		h || K(), m?.frame(e);
+	}
+	function J() {
+		g = !0, cancelAnimationFrame(f), f = 0, G(), w && document.removeEventListener("visibilitychange", T), _?.removeEventListener("change", x), A(), L(), j?.disconnect(), j = null, n.unbindContextEvents?.(), m?.teardown?.(), m = null, u.clear();
+	}
+	return n.mode === "capture" && K(), {
+		arm: K,
+		presize: N,
+		suspend: S,
+		resume: C,
+		wake: b,
+		renderAt: q,
+		dispose: J,
+		get armed() {
+			return h;
+		},
+		get disposed() {
+			return g;
+		},
+		get running() {
+			return d();
+		},
+		get reducedMotion() {
+			return v;
+		},
+		get contextHeld() {
+			return U;
+		}
+	};
+}
+//#endregion
+export { n as t };

package/dist/dark.js

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

package/dist/deck.d.ts

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

package/dist/deck.js

@@ -0,0 +1,105 @@
+import { t as e } from "./PagerDots-CYlqVFd4.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeModels as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, toValue as l, useModel as u } from "vue";
+//#region src/components/custom/deck/composables/useDeck.ts
+function d(e, n = {}) {
+	let r = (t) => Math.max(0, Math.min(e - 1, t)), i = c(r(n.initial ?? 0)), a = t(() => (i.value + 1) / e * 100), o = t(() => {
+		let t = `Slide ${i.value + 1} of ${e}`, r = n.label?.(i.value);
+		return r ? `${t}: ${r}` : t;
+	});
+	function s(e) {
+		let t = r(e);
+		if (t === i.value) return;
+		let a = i.value;
+		i.value = t, n.onChange?.(t, a);
+	}
+	return {
+		index: i,
+		total: e,
+		progress: a,
+		liveMessage: o,
+		go: s,
+		next: () => s(i.value + 1),
+		prev: () => s(i.value - 1),
+		first: () => s(0),
+		last: () => s(e - 1)
+	};
+}
+//#endregion
+//#region src/components/custom/deck/constants.ts
+var f = {
+	response: .5,
+	dampingFraction: .85
+}, p = "button, a, input, textarea, select, [role=button]";
+//#endregion
+//#region src/components/custom/deck/composables/useDeckKeyboard.ts
+function m(e) {
+	return !!e?.closest?.(p);
+}
+function h(e, t, n = {}) {
+	let r = (n.isControl ?? m)(e.target);
+	switch (e.key) {
+		case "ArrowRight":
+		case "PageDown": return t.next(), e.preventDefault(), !0;
+		case "ArrowLeft":
+		case "PageUp": return t.prev(), e.preventDefault(), !0;
+		case "Home": return t.first(), e.preventDefault(), !0;
+		case "End": return t.last(), e.preventDefault(), !0;
+		case " ": return r ? !1 : (t.next(), e.preventDefault(), !0);
+		default: return e.key >= "1" && e.key <= "9" && !r ? (t.go(parseInt(e.key, 10) - 1), e.preventDefault(), !0) : !1;
+	}
+}
+function g(e, t = {}) {
+	let n = null, r = (n) => h(n, e, t);
+	o(() => {
+		n = l(t.target) ?? (typeof window < "u" ? window : null), n?.addEventListener("keydown", r);
+	}), a(() => {
+		n?.removeEventListener("keydown", r), n = null;
+	});
+}
+//#endregion
+//#region src/components/custom/deck/composables/useDeckSpring.ts
+var _ = { fn: (e) => 1 - (1 - e) ** 3 }, v = !1;
+function y() {
+	v || typeof document > "u" || (v = !0, import("@mkbabb/keyframes.js").then(({ springTimingFunction: e }) => {
+		_.fn = e(f).fn;
+	}).catch(() => {}));
+}
+//#endregion
+//#region src/components/custom/deck/DeckPager.vue
+var b = /* @__PURE__ */ r({
+	__name: "DeckPager",
+	props: /* @__PURE__ */ i({
+		total: {},
+		windowFit: {},
+		ring: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: "Slides" }
+	}, {
+		index: { default: 0 },
+		indexModifiers: {}
+	}),
+	emits: /* @__PURE__ */ i(["select"], ["update:index"]),
+	setup(t, { emit: r }) {
+		let i = t, a = r, o = u(t, "index");
+		return (t, r) => (s(), n(e, {
+			active: o.value,
+			"onUpdate:active": r[0] ||= (e) => o.value = e,
+			pattern: "group",
+			count: i.total,
+			"window-fit": i.windowFit,
+			ring: i.ring,
+			"aria-label": i.ariaLabel,
+			onSelect: r[1] ||= (e) => a("select", e)
+		}, null, 8, [
+			"active",
+			"count",
+			"window-fit",
+			"ring",
+			"aria-label"
+		]));
+	}
+});
+//#endregion
+export { p as CONTROL_SELECTOR, f as DECK_SPRING, b as DeckPager, _ as deckEase, h as handleDeckKey, y as installDeckSpring, d as useDeck, g as useDeckKeyboard };

package/dist/dialog.js

@@ -1,3 +1,4 @@
-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 };
+import { n as e, t } from "./DialogContent-D8U9ZfWS.js";
+import { n, r, t as i } from "./DialogScrollContent-BMekN7gq.js";
+import { i as a, n as o, r as s, t as c } from "./DialogFooter-DoLy0ewI.js";
+export { e as Dialog, r as DialogClose, t as DialogContent, o as DialogDescription, c as DialogFooter, a as DialogHeader, i as DialogScrollContent, s as DialogTitle, n as DialogTrigger };