@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/useDockCtaReceive-CK-RLASa.js

@@ -0,0 +1,257 @@
+import { n as e } from "./springPresets-h5VKJQqG.js";
+import { onScopeDispose as t, readonly as n, ref as r } from "vue";
+import { ElementMorph as i, springTimingFunction as a } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useElementMorph.ts
+function o(e) {
+	if (!e) return null;
+	if (e instanceof HTMLElement) return e;
+	let t = e.$el;
+	return t instanceof HTMLElement ? t : null;
+}
+function s(e) {
+	return {
+		x: e.x + e.width * .04,
+		y: e.y + e.height * .04,
+		width: e.width * .92,
+		height: e.height * .92
+	};
+}
+function c(e) {
+	let t = e.style.transitionProperty;
+	return e.style.transitionProperty = "none", () => {
+		e.style.transitionProperty = t;
+	};
+}
+function l() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+var u = (e) => e < 0 ? 0 : e > 1 ? 1 : e, d = (e) => ({
+	x: e.x,
+	y: e.y,
+	width: e.width,
+	height: e.height
+});
+function f(f, p = {}) {
+	let m = p.respectReducedMotion !== !1, h = p.direction ?? "in", g = p.channels?.opacity !== !1, _ = p.channels?.blur ?? 0, v = p.origin ?? "to", { response: y, dampingFraction: b } = e(p.preset ?? "snappy"), x = a({
+		response: y,
+		dampingFraction: b
+	}), S = y * 4 * 1e3, C = r(!1), w = r(0), T = r(null), E = null, D = 0, O = 0, k = null;
+	function A() {
+		D && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(D), D = 0;
+	}
+	function j(e) {
+		let t = e ?? o(f.value);
+		t && (t.style.transform = "", t.style.transformOrigin = "", t.style.opacity = "", t.style.filter = "");
+	}
+	function M() {
+		A(), E = null, k?.(), k = null, C.value = !1;
+	}
+	function N(e) {
+		let t = d(e.getBoundingClientRect()), n = (e) => {
+			if (e === void 0 || e === "self") return t;
+			let n = o(e.value);
+			return n ? d(n.getBoundingClientRect()) : s(t);
+		}, r = n(p.from ?? "self"), i = n(p.to), a;
+		return a = v === "center" ? "center center" : v === "from" ? `${r.x - t.x}px ${r.y - t.y}px` : v === "to" ? `${i.x - t.x}px ${i.y - t.y}px` : v, {
+			from: r,
+			to: i,
+			origin: a
+		};
+	}
+	function P(e, t) {
+		let n = h === "in" ? 1 - t : t;
+		if (E?.apply(e, n), g && (e.style.opacity = u(1 - n).toFixed(4)), _ > 0) {
+			let t = _ * Math.max(0, n);
+			e.style.filter = `blur(${t.toFixed(2)}px)`;
+		}
+	}
+	function F(e) {
+		j(e), g && (e.style.opacity = h === "in" ? "1" : "0"), E = null, D = 0, k?.(), k = null, w.value = 1, C.value = !1, p.onSettled?.();
+	}
+	function I(e) {
+		let t = o(f.value);
+		if (!t || D) return;
+		let n = N(t), r = new i(n.from, n.to, { transformOrigin: n.origin }), a = h === "in" ? 1 - e : e;
+		r.apply(t, a);
+	}
+	function L() {
+		let e = o(f.value);
+		if (!e) return;
+		M();
+		let t = N(e), n = t.from.x + t.from.width / 2, r = t.from.y + t.from.height / 2, a = t.to.x + t.to.width / 2, s = t.to.y + t.to.height / 2;
+		if (T.value = {
+			travelPx: Math.hypot(a - n, s - r),
+			scaleX: t.from.width > 0 ? t.to.width / t.from.width : 1,
+			scaleY: t.from.height > 0 ? t.to.height / t.from.height : 1,
+			durationMs: S
+		}, C.value = !0, w.value = 0, m && l()) {
+			F(e);
+			return;
+		}
+		k = c(e), E = new i(t.from, t.to, { transformOrigin: t.origin }), O = 0;
+		let d = (t) => {
+			if (!E || !o(f.value)) {
+				M();
+				return;
+			}
+			O === 0 && (O = t);
+			let n = Math.min(1, (t - O) / S), r = x.fn(n);
+			w.value = u(r), P(e, r), p.onFrame?.(u(r)), n < 1 && typeof requestAnimationFrame == "function" ? D = requestAnimationFrame(d) : F(e);
+		};
+		typeof requestAnimationFrame == "function" ? D = requestAnimationFrame(d) : F(e);
+	}
+	return t(M), {
+		play: L,
+		cancel: M,
+		clear: j,
+		seat: I,
+		playing: n(C),
+		progress: n(w),
+		measurement: n(T)
+	};
+}
+//#endregion
+//#region src/composables/motion/useDockCtaReceive.ts
+var p = {
+	fine: {
+		latencyFactor: [.9, 1.2],
+		travelPx: [16, 520],
+		scaleRatio: [.2, 1.4]
+	},
+	coarse: {
+		latencyFactor: [.9, 1.2],
+		travelPx: [16, 360],
+		scaleRatio: [.2, 1.4]
+	},
+	"reduced-motion": {
+		latencyFactor: [0, .017],
+		travelPx: [0, 0],
+		scaleRatio: [1, 1]
+	},
+	"no-target": {
+		latencyFactor: [0, .017],
+		travelPx: [0, 0],
+		scaleRatio: [1, 1]
+	}
+};
+function m(e, t) {
+	let i = t.respectReducedMotion !== !1, a = r(!1), s = r({
+		phase: "idle",
+		path: null,
+		run: 0,
+		interruptions: 0,
+		resets: 0,
+		startedAtMs: null,
+		settledAtMs: null,
+		handedOffAtMs: null,
+		completedAtMs: null,
+		latencyMs: null,
+		travelPx: 0,
+		scaleRatio: 1,
+		latencyBandMs: null,
+		travelBandPx: null,
+		scaleBand: null,
+		withinBand: null,
+		supportsReverse: !1
+	}), c = () => typeof performance < "u" ? performance.now() : Date.now(), u = (e, [t, n]) => e >= t && e <= n;
+	function d() {
+		let e = o(t.dockControl.value);
+		e && (e.setAttribute("data-cta-pending", ""), a.value = !0);
+	}
+	function m() {
+		a.value = !1;
+		let e = o(t.dockControl.value);
+		e && e.removeAttribute("data-cta-pending");
+	}
+	function h() {
+		s.value = {
+			...s.value,
+			phase: "handed-off",
+			handedOffAtMs: c()
+		}, m(), t.onReceived?.();
+		let e = c(), n = e - (s.value.startedAtMs ?? e), r = p[s.value.path ?? "fine"], i = _.measurement.value?.durationMs ?? 1920, a = [i * r.latencyFactor[0], i * r.latencyFactor[1]];
+		s.value = {
+			...s.value,
+			phase: "completed",
+			completedAtMs: e,
+			latencyMs: n,
+			latencyBandMs: a,
+			travelBandPx: r.travelPx,
+			scaleBand: r.scaleRatio,
+			withinBand: u(n, a) && u(s.value.travelPx, r.travelPx) && u(s.value.scaleRatio, r.scaleRatio)
+		};
+	}
+	function g() {
+		let e = _.measurement.value, t = s.value.path, n = t === "fine" || t === "coarse";
+		s.value = {
+			...s.value,
+			phase: "settled",
+			settledAtMs: c(),
+			travelPx: n ? e?.travelPx ?? 0 : 0,
+			scaleRatio: n && e ? Math.sqrt(Math.abs(e.scaleX * e.scaleY)) : 1
+		}, h();
+	}
+	let _ = f(e, {
+		direction: "out",
+		to: t.dockControl,
+		origin: "center",
+		preset: t.preset ?? "snappy",
+		respectReducedMotion: t.respectReducedMotion,
+		channels: {
+			opacity: !0,
+			blur: t.blur ?? 4
+		},
+		onSettled: g
+	});
+	function v() {
+		let n = o(e.value);
+		if (!n) return;
+		let r = _.playing.value, a = !!o(t.dockControl.value), u = a ? i && l() ? "reduced-motion" : typeof window < "u" && window.matchMedia?.("(pointer: coarse)").matches ? "coarse" : "fine" : "no-target";
+		if (s.value = {
+			...s.value,
+			phase: "receiving",
+			path: u,
+			run: s.value.run + 1,
+			interruptions: s.value.interruptions + Number(r),
+			startedAtMs: c(),
+			settledAtMs: null,
+			handedOffAtMs: null,
+			completedAtMs: null,
+			latencyMs: null,
+			travelPx: 0,
+			scaleRatio: 1,
+			latencyBandMs: null,
+			travelBandPx: p[u].travelPx,
+			scaleBand: p[u].scaleRatio,
+			withinBand: null
+		}, !a) {
+			n.style.opacity = "0", g();
+			return;
+		}
+		_.play();
+	}
+	function y() {
+		let t = _.playing.value;
+		_.cancel(), _.clear(o(e.value)), s.value = {
+			...s.value,
+			phase: "reset",
+			interruptions: s.value.interruptions + Number(t),
+			resets: s.value.resets + 1,
+			completedAtMs: null,
+			latencyMs: null,
+			withinBand: null
+		};
+	}
+	return {
+		receive: v,
+		reset: y,
+		setPending: d,
+		clearPending: m,
+		pending: n(a),
+		playing: _.playing,
+		progress: _.progress,
+		observables: n(s)
+	};
+}
+//#endregion
+export { c as a, s as i, m as n, l as o, o as r, f as s, p as t };

package/dist/useDocumentVisibility-YeBDGqtI.js

@@ -0,0 +1,17 @@
+import { getCurrentScope as e, onScopeDispose as t, ref as n } from "vue";
+//#region src/composables/dom/useDocumentVisibility.ts
+function r() {
+	return typeof document > "u" ? null : document;
+}
+function i() {
+	let i = r(), a = n(!!i?.hidden);
+	if (!i) return { hidden: a };
+	let o = () => {
+		a.value = !!i.hidden;
+	};
+	return i.addEventListener("visibilitychange", o), e() && t(() => {
+		i.removeEventListener("visibilitychange", o);
+	}), { hidden: a };
+}
+//#endregion
+export { i as t };

package/dist/useDragMorph-7ygF9O0m.js

@@ -0,0 +1,93 @@
+import { n as e } from "./springPresets-h5VKJQqG.js";
+import { t } from "./useLiquidFlex-Ch4exNvN.js";
+import { computed as n, onScopeDispose as r, readonly as i, ref as a } from "vue";
+import { Draggable as o, SpringProgress as s } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useDragMorph.ts
+function c() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function l(l) {
+	let u = () => typeof l.axis == "function" ? l.axis() : l.axis, d = () => typeof l.snapTargets == "function" ? l.snapTargets() : l.snapTargets, f = l.respectReducedMotion !== !1, p = a(!1), m = a(0), { response: h, dampingFraction: g } = e("snappy"), _ = null, v = null;
+	function y() {
+		if (_) return _;
+		let e = new s({
+			response: h,
+			dampingFraction: g,
+			respectReducedMotion: f
+		});
+		return _ = e, v = e.subscribe((t) => {
+			if (m.value = t, f && c() || b.drive(w(t)), O && !p.value && e.settled && !D) {
+				let e = E(t);
+				e != null && (D = !0, O = !1, l.onSnap(e));
+			}
+		}), e.play(() => {}), e;
+	}
+	let b = t({
+		from: 0,
+		to: 1,
+		axis: "width",
+		squishLaw: "tanh",
+		maxStretch: l.maxStretch ?? (() => 1.08)
+	}), x = n(() => f && c() ? 1 : b.stretch.value), S = a(0), C = n(() => {
+		if (!p.value && (_?.settled ?? !0)) return {};
+		let e = m.value - S.value;
+		return { translate: u() === "y" ? `0 ${e}px` : `${e}px 0` };
+	});
+	function w(e) {
+		let t = d();
+		if (t.length < 2) return 0;
+		let n = t[0].center, r = t[t.length - 1].center - n;
+		if (r === 0) return 0;
+		let i = (e - n) / r;
+		return i < 0 ? 0 : i > 1 ? 1 : i;
+	}
+	function T(e) {
+		let t = d();
+		if (t.length === 0) return null;
+		let n = t[0], r = Math.abs(e - n.center);
+		for (let i = 1; i < t.length; i++) {
+			let a = t[i], o = Math.abs(e - a.center);
+			o < r && (n = a, r = o);
+		}
+		return n;
+	}
+	let E = (e) => T(e)?.value ?? null, D = !1, O = !1, k = null, A = null;
+	function j() {
+		A?.(), A = null, k?.detach();
+		let e = l.el.value;
+		e && (k = new o({
+			spring: y(),
+			axis: u(),
+			snap: d().map((e) => e.center)
+		}), e.addEventListener("pointerdown", M), A = k.attach(e));
+	}
+	function M() {
+		p.value = !0, D = !1, O = !0, S.value = y().value;
+	}
+	function N() {
+		p.value &&= !1;
+	}
+	function P() {
+		typeof window > "u" || (window.addEventListener("pointerup", N), window.addEventListener("pointercancel", N));
+	}
+	function F() {
+		typeof window > "u" || (window.removeEventListener("pointerup", N), window.removeEventListener("pointercancel", N));
+	}
+	function I() {
+		p.value || j();
+	}
+	j(), P();
+	function L() {
+		l.el.value?.removeEventListener("pointerdown", M), A?.(), A = null, F(), v?.(), k?.dispose(), k = null;
+	}
+	return r(L), {
+		dragging: i(p),
+		position: i(m),
+		stretch: i(x),
+		dragStyle: C,
+		refresh: I,
+		detach: L
+	};
+}
+//#endregion
+export { l as t };

package/dist/useFuzzySearch-BOgep7RE.js

@@ -0,0 +1,177 @@
+import { computed as e, onScopeDispose as t, ref as n, watch as r } from "vue";
+//#region src/components/search/composables/fuzzySearchIndex.ts
+function i(e, t) {
+	let n = e.length, r = t.length;
+	if (n === 0) return {
+		score: 0,
+		matches: []
+	};
+	if (n > r) return null;
+	let i = [], a = 0, o = 0, s = -2;
+	for (let c = 0; c < r && a < n; c++) {
+		if (e[a] !== t[c]) continue;
+		i.push(c);
+		let n = 1;
+		if (s === c - 1 && (n += 5), c === 0) n += 8;
+		else {
+			let e = t[c - 1];
+			" -_./\\:()".includes(e) ? n += 7 : t[c] >= "A" && t[c] <= "Z" && e >= "a" && e <= "z" && (n += 6);
+		}
+		a === c && (n += 3), o += n, s = c, a++;
+	}
+	return a < n ? null : (o -= Math.max(0, (r - n) * .1), {
+		score: o,
+		matches: i
+	});
+}
+function a(e, t) {
+	if (!t) return null;
+	let n = 0, r = [];
+	for (let a of e) {
+		let e = i(a, t);
+		if (!e) return null;
+		n += e.score;
+		for (let t of e.matches) r.push(t);
+	}
+	return {
+		score: n,
+		matches: r
+	};
+}
+function o(e, t) {
+	let n = 0, r = [], i = [
+		[t._lc.label, 12],
+		[t._lc.type, 10],
+		[t._lc.text, 3]
+	];
+	for (let [o, s] of i) {
+		if (!o) continue;
+		let i = a(e, o);
+		i && i.score * s > n && (n = i.score * s, r = o === t._lc.label ? i.matches : []);
+	}
+	return n <= 0 ? null : {
+		score: n,
+		matches: r
+	};
+}
+function s(e) {
+	return e.map((e) => ({
+		item: e,
+		_lc: {
+			label: e.label.toLowerCase(),
+			text: e.text.toLowerCase(),
+			type: e.type?.toLowerCase() ?? ""
+		}
+	}));
+}
+var c = /* @__PURE__ */ new WeakMap();
+function l(e) {
+	let t = c.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), c.set(e, t)), t;
+}
+function u(e, t, n = 30) {
+	let r = t.toLowerCase().trim();
+	if (!r) return [];
+	let i = l(e), a = i.get(r);
+	if (a) return a.slice(0, n);
+	i.size > 200 && i.clear();
+	let s = r.split(/\s+/).filter(Boolean);
+	if (s.length === 0) return [];
+	let c = e;
+	if (r.length > 1) {
+		let e = r.slice(0, -1), t = i.get(e);
+		t && (c = t.map((e) => ({
+			item: e.item,
+			_lc: {
+				label: e.item.label.toLowerCase(),
+				text: e.item.text.toLowerCase(),
+				type: e.item.type?.toLowerCase() ?? ""
+			}
+		})));
+	}
+	let u = [];
+	for (let e of c) {
+		let t = o(s, e);
+		t && u.push({
+			item: e.item,
+			score: t.score,
+			matchIndices: t.matches
+		});
+	}
+	return u.sort((e, t) => t.score - e.score), i.set(r, u), u.slice(0, n);
+}
+function d(e) {
+	if (e) {
+		c.delete(e);
+		return;
+	}
+	c = /* @__PURE__ */ new WeakMap();
+}
+//#endregion
+//#region src/components/search/composables/useFuzzySearch.ts
+function f(i) {
+	let a = typeof i.items == "function" ? i.items : () => i.items, o = i.debounceMs ?? 120, c = i.maxResults ?? 30, l = n(""), f = n(!1), p = n(!1), m = n(0), h = n(""), g = e(() => a()), _ = e(() => s(g.value)), v;
+	function y(e = v) {
+		e !== void 0 && (clearTimeout(e), v === e && (v = void 0));
+	}
+	r(l, (e, t, n) => {
+		if (y(), !e || o <= 0) {
+			h.value = e;
+			return;
+		}
+		let r = setTimeout(() => {
+			v === r && (h.value = e, v = void 0);
+		}, o);
+		v = r, n(() => y(r));
+	}), r(g, () => {
+		y(), h.value = l.value, m.value = 0;
+	}, { deep: !0 });
+	let b = e(() => u(_.value, h.value, c));
+	r(b, () => {
+		m.value = 0;
+	});
+	function x(e) {
+		i.onSelect?.(e), S();
+	}
+	function S() {
+		f.value = !1, p.value = !1, y(), l.value = "", h.value = "", m.value = 0, d(_.value);
+	}
+	function C() {
+		f.value = !0;
+	}
+	function w() {
+		p.value = !p.value;
+	}
+	function T(e) {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), m.value < b.value.length - 1 && m.value++;
+				break;
+			case "ArrowUp":
+				e.preventDefault(), m.value > 0 && m.value--;
+				break;
+			case "Enter":
+				e.preventDefault(), b.value[m.value] && x(b.value[m.value]);
+				break;
+			case "Escape":
+				e.preventDefault(), p.value ? p.value = !1 : S();
+				break;
+		}
+	}
+	return t(() => {
+		y(), d(_.value);
+	}, !0), {
+		query: l,
+		results: b,
+		isOpen: f,
+		isExpanded: p,
+		selectedIndex: m,
+		selectResult: x,
+		close: S,
+		open: C,
+		toggleExpanded: w,
+		onKeydown: T
+	};
+}
+//#endregion
+export { u as a, i, s as n, d as r, f as t };