@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/deck-Ci6YjB5e.js

@@ -0,0 +1,453 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, inject as a, normalizeClass as o, normalizeStyle as s, onBeforeUnmount as c, onMounted as l, openBlock as u, provide as d, readonly as f, ref as p, renderSlot as m, toDisplayString as h, toValue as g, unref as _, watch as v } from "vue";
+//#region src/components/deck/composables/useDeck.ts
+function y(e, n = {}) {
+	let r = t(() => {
+		let t = g(e);
+		return Number.isFinite(t) ? Math.max(0, Math.trunc(t)) : 0;
+	}), i = (e) => Math.max(0, Math.min(r.value - 1, e)), a = p(i(n.initial ?? 0)), o = p(a.value), s = p(0), c = p(!1), l = t(() => g(n.axis) ?? "horizontal"), u = t(() => r.value === 0 ? 0 : (a.value + 1) / r.value * 100), d = t(() => a.value > 0), f = t(() => a.value < r.value - 1), m = t(() => {
+		let e = `Slide ${a.value + 1} of ${r.value}`, t = n.label?.(a.value);
+		return t ? `${e}: ${t}` : e;
+	});
+	function h(e) {
+		return e === a.value ? "active" : e < a.value ? "prev" : "next";
+	}
+	function _(e) {
+		let t = i(e);
+		if (t === a.value) return;
+		let r = a.value;
+		a.value = t, c.value || (o.value = t), n.onChange?.(t, r);
+	}
+	function y(e, t = 0) {
+		Number.isFinite(e) && (c.value = !0, o.value = e, s.value = Number.isFinite(t) ? t : 0);
+	}
+	return v(r, () => {
+		let e = i(a.value);
+		e !== a.value && _(e);
+	}), {
+		index: a,
+		total: r,
+		axis: l,
+		progress: u,
+		canNext: f,
+		canPrev: d,
+		position: o,
+		velocity: s,
+		continuous: c,
+		liveMessage: m,
+		stateFor: h,
+		go: _,
+		next: () => _(a.value + 1),
+		prev: () => _(a.value - 1),
+		first: () => _(0),
+		last: () => _(r.value - 1),
+		feed: y
+	};
+}
+//#endregion
+//#region src/components/deck/constants.ts
+var b = "button, a, input, textarea, select, [role=button]";
+//#endregion
+//#region src/components/deck/composables/useDeckKeyboard.ts
+function x(e) {
+	return !!e?.closest?.(b);
+}
+function S(e, t, n = {}) {
+	if ((n.isControl ?? x)(e.target)) return !1;
+	let r = (g(n.axis) ?? "horizontal") === "vertical", i = r ? "ArrowDown" : "ArrowRight", a = r ? "ArrowUp" : "ArrowLeft";
+	switch (e.key) {
+		case i:
+		case "PageDown":
+		case " ":
+			t.next();
+			break;
+		case a:
+		case "PageUp":
+			t.prev();
+			break;
+		case "Home":
+			t.first();
+			break;
+		case "End":
+			t.last();
+			break;
+		default:
+			if (!(n.digits !== !1 && e.key >= "1" && e.key <= "9")) return !1;
+			t.go(parseInt(e.key, 10) - 1);
+			break;
+	}
+	return e.preventDefault(), !0;
+}
+function C(e, t = {}) {
+	let n = null, r = (n) => S(n, e, t);
+	l(() => {
+		n = g(t.target) ?? (typeof window < "u" ? window : null), n?.addEventListener("keydown", r);
+	}), c(() => {
+		n?.removeEventListener("keydown", r), n = null;
+	});
+}
+//#endregion
+//#region src/components/deck/composables/useDeckSnap.ts
+function w(e) {
+	let { strip: t, deck: n } = e, r = e.continuous !== !1, i = 0, a = 0, o = 0, s = 0, u = null, d = () => {
+		let e = t.value;
+		return e ? Array.from(e.children) : [];
+	};
+	function f() {
+		if (!t.value) return;
+		let e = d(), r = e[0];
+		if (!r) {
+			i = 0;
+			return;
+		}
+		let a = n.axis.value === "vertical", o = e[1];
+		if (o && (i = a ? o.offsetTop - r.offsetTop : o.offsetLeft - r.offsetLeft), !i) {
+			let e = r.getBoundingClientRect();
+			i = a ? e.height : e.width;
+		}
+	}
+	function p() {
+		let e = t.value;
+		return e ? n.axis.value === "vertical" ? e.scrollTop : e.scrollLeft : 0;
+	}
+	function m(e) {
+		a > 0 || n.go(e);
+	}
+	function h() {
+		if (!r || i <= 0) return;
+		let e = performance.now(), t = p() / i, a = s ? (e - s) / 1e3 : 0, c = a > 0 ? (t - o) / a : 0;
+		o = t, s = e, n.feed(t, c);
+	}
+	function g(e) {
+		let t = e, r = n.axis.value === "vertical" ? t.snapTargetBlock : t.snapTargetInline;
+		if (!r) return;
+		let i = d().indexOf(r);
+		i >= 0 && m(i);
+	}
+	function _() {
+		let e = t.value;
+		if (!(!e || typeof IntersectionObserver > "u")) {
+			u?.disconnect(), u = new IntersectionObserver((e) => {
+				let t = null;
+				for (let n of e) (!t || n.intersectionRatio > t.intersectionRatio) && (t = n);
+				if (!t || t.intersectionRatio < .55) return;
+				let n = d().indexOf(t.target);
+				n >= 0 && m(n);
+			}, {
+				root: e,
+				threshold: [
+					.55,
+					.75,
+					1
+				]
+			});
+			for (let e of d()) u.observe(e);
+		}
+	}
+	function y(e, r = "smooth") {
+		let o = t.value;
+		if (!o || i <= 0) return;
+		let s = e * i;
+		if (Math.abs(p() - s) < 1) return;
+		a += 1, o.scrollTo(n.axis.value === "vertical" ? {
+			top: s,
+			behavior: r
+		} : {
+			left: s,
+			behavior: r
+		});
+		let c = () => {
+			a = Math.max(0, a - 1), o.removeEventListener("scrollend", c);
+		};
+		o.addEventListener("scrollend", c, { once: !0 }), setTimeout(c, 900);
+	}
+	return v(() => n.index.value, (e) => y(e)), v(() => n.total.value, () => {
+		f(), _();
+	}), l(() => {
+		let e = t.value;
+		e && (f(), "onscrollsnapchange" in e ? e.addEventListener("scrollsnapchange", g) : _(), e.addEventListener("scroll", h, { passive: !0 }), y(n.index.value, "instant"));
+	}), c(() => {
+		let e = t.value;
+		e?.removeEventListener("scrollsnapchange", g), e?.removeEventListener("scroll", h), u?.disconnect(), u = null;
+	}), {
+		scrollTo: y,
+		measure: f
+	};
+}
+//#endregion
+//#region src/components/deck/composables/useDeckHashSync.ts
+function T(e, t) {
+	return t?.[e] ?? String(e + 1);
+}
+function E(e, t = {}) {
+	let { ids: n } = t;
+	function r() {
+		if (typeof window > "u") return null;
+		let t = decodeURIComponent(window.location.hash.replace(/^#/, ""));
+		if (!t) return null;
+		if (n) {
+			let e = n.indexOf(t);
+			if (e >= 0) return e;
+		}
+		let r = Number(t);
+		return Number.isInteger(r) && r >= 1 && r <= e.total.value ? r - 1 : null;
+	}
+	function i(e) {
+		if (typeof window > "u") return;
+		let t = `#${encodeURIComponent(T(e, n))}`;
+		window.location.hash !== t && window.history.replaceState(null, "", t);
+	}
+	function a() {
+		let t = r();
+		t != null && e.go(t);
+	}
+	l(() => {
+		if (!(typeof window > "u")) {
+			if (t.initial !== !1) {
+				let t = r();
+				t != null && e.go(t);
+			}
+			i(e.index.value), window.addEventListener("hashchange", a);
+		}
+	}), c(() => {
+		typeof window > "u" || window.removeEventListener("hashchange", a);
+	}), v(() => e.index.value, i);
+}
+//#endregion
+//#region src/components/deck/composables/useDeckSwipe.ts
+var D = 44;
+function O(e, t, n = {}) {
+	let r = n.threshold ?? 44, i = 0, a = 0, o = -1;
+	function s(e) {
+		e.pointerType === "mouse" && e.button !== 0 || n.enabled && !n.enabled() || (o = e.pointerId, i = e.clientX, a = e.clientY);
+	}
+	function u(e) {
+		if (e.pointerId !== o) return;
+		o = -1;
+		let s = e.clientX - i, c = e.clientY - a, l = (g(n.axis?.()) ?? "horizontal") === "vertical", u = l ? c : s;
+		Math.abs(u) < r || Math.abs(u) <= Math.abs(l ? s : c) || (u < 0 ? t.next() : t.prev());
+	}
+	function d(e) {
+		e.pointerId === o && (o = -1);
+	}
+	l(() => {
+		let t = e.value;
+		t && (t.addEventListener("pointerdown", s), t.addEventListener("pointerup", u), t.addEventListener("pointercancel", d));
+	}), c(() => {
+		let t = e.value;
+		t && (t.removeEventListener("pointerdown", s), t.removeEventListener("pointerup", u), t.removeEventListener("pointercancel", d));
+	});
+}
+//#endregion
+//#region src/components/deck/composables/useEdgeZones.ts
+function k(e, t = {}) {
+	let n = t.band ?? .12, r = t.minBand ?? 64, i = p(!1), a = p(!1);
+	function o() {
+		return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(pointer: fine)").matches;
+	}
+	function s(t) {
+		let s = e.value;
+		if (!s || !o()) return;
+		let c = s.getBoundingClientRect(), l = Math.max(1, Math.min(c.width * n, c.width / 2)), u = Math.max(l, Math.min(r, c.width / 2)), d = t.clientX - c.left;
+		i.value = d >= 0 && d <= u, a.value = d >= c.width - u && d <= c.width;
+	}
+	function u() {
+		i.value = !1, a.value = !1;
+	}
+	return l(() => {
+		let t = e.value;
+		t && (t.addEventListener("pointermove", s), t.addEventListener("pointerleave", u));
+	}), c(() => {
+		let t = e.value;
+		t && (t.removeEventListener("pointermove", s), t.removeEventListener("pointerleave", u));
+	}), {
+		atStart: i,
+		atEnd: a
+	};
+}
+//#endregion
+//#region src/components/deck/composables/useDeckCapture.ts
+var A = [
+	"live",
+	"print",
+	"export",
+	"freeze"
+], j = "data-deck-settled";
+function M(e) {
+	let t = e ?? (typeof window < "u" ? window.location.search : ""), n = new URLSearchParams(t).get("capture");
+	return A.includes(n ?? "") ? n : "live";
+}
+function N() {
+	return new Promise((e) => {
+		if (typeof requestAnimationFrame != "function") {
+			e();
+			return;
+		}
+		requestAnimationFrame(() => e());
+	});
+}
+function P(e = {}) {
+	let t = e.mode ?? M(), n = p(!1), r = [...e.settlers ?? []];
+	function i(e) {
+		r.push(e);
+	}
+	async function a() {
+		await Promise.all(r.map((e) => e())), await N(), await N(), n.value = !0, typeof document < "u" && document.documentElement.setAttribute(j, t);
+	}
+	return l(() => {
+		typeof document > "u" || (document.documentElement.dataset.deckCapture = t, t !== "live" && a());
+	}), c(() => {
+		typeof document > "u" || (delete document.documentElement.dataset.deckCapture, document.documentElement.removeAttribute(j));
+	}), {
+		mode: t,
+		settled: f(n),
+		onSettle: i,
+		settle: a
+	};
+}
+//#endregion
+//#region src/components/deck/window.ts
+var F = (e, t, n) => e < t ? t : e > n ? n : e;
+function I(e, t, n, r = {}) {
+	let i = Math.max(1, Math.min(n, e)), a = Math.max(0, e - i), o = F(t - Math.floor(i / 2), 0, a);
+	if (r.policy === "nudge" && r.from != null) {
+		let e = +(i >= 3), n = t - (i - 1 - e), s = t - e;
+		o = F(F(r.from, n, s), 0, a);
+	}
+	let s = Math.min(i, e), c = Array.from({ length: s }, (e, t) => o + t);
+	return {
+		shown: c,
+		start: o,
+		clippedStart: c.length > 0 && c[0] > 0,
+		clippedEnd: c.length > 0 && c[c.length - 1] < e - 1
+	};
+}
+//#endregion
+//#region src/components/deck/slideContext.ts
+var L = Symbol("glass-slide-context");
+function R(e) {
+	d(L, e);
+}
+function z() {
+	return a(L, null) ?? {
+		index: t(() => 0),
+		total: t(() => 1),
+		active: t(() => !0)
+	};
+}
+var B = Symbol("glass-deck-core");
+function V(e) {
+	d(B, e);
+}
+function H() {
+	return a(B, null);
+}
+//#endregion
+//#region src/components/deck/DeckStage.vue?vue&type=script&setup=true&lang.ts
+var U = [
+	"data-register",
+	"data-axis",
+	"data-fullscreen",
+	"data-ratio",
+	"aria-roledescription",
+	"aria-label"
+], W = {
+	class: "deck-ground",
+	"aria-hidden": "true"
+}, G = {
+	class: "sr-only",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+}, K = /* @__PURE__ */ i({
+	__name: "DeckStage",
+	props: {
+		deck: {},
+		register: { default: "turn" },
+		ratio: { default: 16 / 9 },
+		fullscreen: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(i) {
+		let a = i, c = p(null);
+		V(a.deck), a.register === "snap" && w({
+			strip: c,
+			deck: a.deck
+		});
+		let l = t(() => ({ ...a.ratio ? { "--deck-ratio": String(a.ratio) } : {} }));
+		return (t, d) => (u(), n("div", {
+			"data-slot": "deck-stage",
+			"data-register": i.register,
+			"data-axis": i.deck.axis.value,
+			"data-fullscreen": i.fullscreen ? "" : void 0,
+			"data-ratio": i.ratio ? "" : void 0,
+			role: "region",
+			"aria-roledescription": i.ariaLabel ? "carousel" : void 0,
+			"aria-label": i.ariaLabel,
+			style: s(l.value),
+			class: o(_(e)("deck-stage", a.class))
+		}, [
+			r("div", W, [m(t.$slots, "ground")]),
+			r("div", {
+				ref_key: "stripEl",
+				ref: c,
+				class: "deck-strip",
+				"data-slot": "deck-strip"
+			}, [m(t.$slots, "default")], 512),
+			m(t.$slots, "chrome"),
+			r("p", G, h(i.deck.liveMessage.value), 1)
+		], 14, U));
+	}
+}), q = [
+	"data-state",
+	"data-dark",
+	"aria-label",
+	"aria-hidden",
+	"inert"
+], J = /* @__PURE__ */ i({
+	__name: "DeckSlide",
+	props: {
+		index: {},
+		entry: {},
+		state: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let i = r, a = H(), s = t(() => i.state ?? a?.stateFor(i.index) ?? "active"), c = t(() => a?.total.value ?? 1), l = t(() => s.value === "active");
+		return R({
+			index: t(() => i.index),
+			total: c,
+			active: l
+		}), (t, a) => (u(), n("section", {
+			"data-slot": "deck-slide",
+			"data-state": s.value,
+			"data-dark": r.entry?.dark ? "" : void 0,
+			class: o(_(e)("deck-slide", r.entry?.dark && "dark", i.class)),
+			"aria-label": r.entry?.ariaLabel ?? r.entry?.title,
+			"aria-roledescription": "slide",
+			"aria-hidden": l.value ? void 0 : "true",
+			inert: !l.value || void 0
+		}, [m(t.$slots, "default", {
+			index: r.index,
+			total: c.value,
+			active: l.value
+		})], 10, q));
+	}
+});
+//#endregion
+export { C as _, H as a, j as c, k as d, D as f, S as g, w as h, R as i, M as l, E as m, K as n, z as o, O as p, V as r, I as s, J as t, P as u, b as v, y };

package/dist/deck.d.ts

@@ -1 +1 @@
-export * from "./components/deck";
+export * from "./components/deck/index.js";

package/dist/deck.js

@@ -1,94 +1,2 @@
-import { t as e } from "./PagerDots-BoTQ7g5l.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/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/deck/constants.ts
-var f = "button, a, input, textarea, select, [role=button]";
-//#endregion
-//#region src/components/deck/composables/useDeckKeyboard.ts
-function p(e) {
-	return !!e?.closest?.(f);
-}
-function m(e, t, n = {}) {
-	let r = (n.isControl ?? p)(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 h(e, t = {}) {
-	let n = null, r = (n) => m(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/deck/DeckPager.vue
-var g = /* @__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 { f as CONTROL_SELECTOR, g as DeckPager, m as handleDeckKey, d as useDeck, h as useDeckKeyboard };
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _, y as v } from "./deck-Ci6YjB5e.js";
+export { _ as CONTROL_SELECTOR, n as DECK_SETTLED_ATTR, i as DECK_SWIPE_THRESHOLD_PX, h as DeckSlide, u as DeckStage, c as deckCaptureMode, a as handleDeckKey, p as provideDeck, s as provideSlideContext, m as sequenceWindow, v as useDeck, g as useDeckCapture, l as useDeckHashSync, e as useDeckKeyboard, o as useDeckSnap, t as useDeckStage, f as useDeckSwipe, r as useEdgeZones, d as useSlideContext };

package/dist/dialog-CbRnTRtg.js

@@ -0,0 +1,78 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { createBlock as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
+import { DialogClose as l, DialogDescription as u, DialogTitle as d, DialogTrigger as f } from "reka-ui";
+//#endregion
+//#region src/components/dialog/DialogHeader.vue
+var p = /* @__PURE__ */ r({
+	__name: "DialogHeader",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let r = t;
+		return (t, c) => (a(), n("div", {
+			"data-slot": "dialog-header",
+			class: i(s(e)(r.class))
+		}, [o(t.$slots, "default")], 2));
+	}
+}), m = /* @__PURE__ */ r({
+	__name: "DialogTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n;
+		return (n, l) => (a(), t(s(d), {
+			"data-slot": "dialog-title",
+			class: i(s(e)(r.class))
+		}, {
+			default: c(() => [o(n.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), h = /* @__PURE__ */ r({
+	__name: "DialogDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let r = n;
+		return (n, l) => (a(), t(s(u), {
+			"data-slot": "dialog-description",
+			class: i(s(e)(r.class))
+		}, {
+			default: c(() => [o(n.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), g = /* @__PURE__ */ r({
+	__name: "DialogFooter",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let r = t;
+		return (t, c) => (a(), n("div", {
+			"data-slot": "dialog-footer",
+			class: i(s(e)(r.class))
+		}, [o(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { m as a, h as i, f as n, p as o, g as r, l as t };

package/dist/dialog.d.ts

@@ -1 +1 @@
-export * from "./components/dialog";
+export * from "./components/dialog/index.js";

package/dist/dialog.js

@@ -1,2 +1,3 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./dialog-BzQxKrUr.js";
-export { t as Dialog, o as DialogClose, r as DialogContent, a as DialogDescription, s as DialogFooter, e as DialogHeader, n as DialogTitle, i as DialogTrigger };
+import { n as e, t } from "./DialogContent-4hzLiaCQ.js";
+import { a as n, i as r, n as i, o as a, r as o, t as s } from "./dialog-CbRnTRtg.js";
+export { e as Dialog, s as DialogClose, t as DialogContent, r as DialogDescription, o as DialogFooter, a as DialogHeader, n as DialogTitle, i as DialogTrigger };

package/dist/dock.d.ts

@@ -1 +1 @@
-export * from "./components/dock";
+export * from "./components/dock/index.js";