@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/sortable-list.js

@@ -1,326 +1,454 @@
-import { n as e } from "./createContext-BhkE9mLH.js";
-import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Fragment as n, computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, nextTick as c, onScopeDispose as l, openBlock as u, renderSlot as d, shallowRef as f, toDisplayString as p, toRef as m, unref as h, useAttrs as g } from "vue";
-//#region src/components/sortable-list/composables/dropResolver.ts
-var _ = /* @__PURE__ */ new Set();
-function v(e, t, n, r, i) {
-	let a = i ? n : r;
-	for (let n = 0; n < t.length; n++) {
-		let r = e.get(t[n].id);
-		if (!r) continue;
-		let o = r.getBoundingClientRect();
-		if (a < (i ? o.left + o.width / 2 : o.top + o.height / 2)) return n;
-	}
-	return t.length;
+import { t as e } from "./motionTempo-tscp92Nm.js";
+import { n as t } from "./springPresets-Cbe0Voqg.js";
+import { n } from "./createContext-BhkE9mLH.js";
+import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, nextTick as l, onScopeDispose as u, onUnmounted as d, openBlock as f, renderSlot as p, shallowRef as m, toDisplayString as h, toRef as g, unref as _, useAttrs as v } from "vue";
+import { SpringProgress as y } from "@mkbabb/keyframes.js";
+//#region src/components/sortable-list/context.ts
+var b = n("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used inside <SortableList>"), x = b.provide, S = b.use, C = n("glass-ui:sortable-item", "[glass-ui] <SortableHandle> must be used inside <SortableItem>"), w = C.provide, T = C.use, ee = t("world").response * 1e3, E = 1.5, D = 900;
+function O() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function y(e, t, n) {
-	if (!e.group) return null;
-	for (let r of _) {
-		if (r === e || r.group !== e.group) continue;
-		let i = r.getContainer();
-		if (!i) continue;
-		let a = i.getBoundingClientRect();
-		if (t >= a.left && t <= a.right && n >= a.top && n <= a.bottom) return r;
+var k = class {
+	ring = [];
+	size = 5;
+	push(e, t, n = performance.now()) {
+		this.ring.push({
+			x: e,
+			y: t,
+			t: n
+		}), this.ring.length > this.size && this.ring.shift();
 	}
-	return null;
-}
-//#endregion
-//#region src/components/sortable-list/composables/touchGate.ts
-function b(e, t) {
-	return t === null || e instanceof Element && e.closest(t) !== null;
-}
-function x(e, t) {
-	if (e && "setPointerCapture" in e) try {
-		return e.setPointerCapture(t), !0;
-	} catch {
-		return !1;
+	reset() {
+		this.ring.length = 0;
+	}
+	velocity() {
+		let e = this.ring[0], t = this.ring[this.ring.length - 1];
+		if (!e || !t) return {
+			x: 0,
+			y: 0
+		};
+		let n = (t.t - e.t) / 1e3;
+		return n <= 0 ? {
+			x: 0,
+			y: 0
+		} : {
+			x: (t.x - e.x) / n,
+			y: (t.y - e.y) / n
+		};
 	}
-	return !0;
+};
+function A(e) {
+	return E * Math.tanh(e / D);
+}
+function te(n, r, i, a, o) {
+	if (O() || r <= 0) return a(1), o(), { stop: () => {} };
+	let s = t(n), c = new y({
+		response: s.response * e(),
+		dampingFraction: s.dampingFraction,
+		initial: 0,
+		initialVelocity: i / r,
+		settleThreshold: s.settleBand,
+		velocitySettleThreshold: s.settleBand,
+		respectReducedMotion: !0
+	}), l = !1, u = () => {
+		l || (l = !0, a(1), o(), c.dispose());
+	}, d = c.subscribe((e) => {
+		l || (a(e), c.settled && (d(), u()));
+	});
+	return c.play(() => {}), c.target = 1, { stop: () => {
+		l || (d(), l = !0, c.dispose());
+	} };
 }
 //#endregion
-//#region src/components/sortable-list/composables/transitionTiming.ts
-var S = "is-sortable-drop-above", C = "is-sortable-drop-below", w = "sortable-drag-ghost", T = "is-sortable-dragging";
-function E(e, t, n) {
-	return e < 0 ? {
-		above: !1,
-		below: !1
-	} : t === n ? {
-		above: !1,
-		below: e === n - 1
-	} : {
-		above: e === t,
-		below: !1
+//#region src/components/sortable-list/ghost.ts
+function ne(e, t) {
+	let n = e.cloneNode(!0);
+	n.id && n.removeAttribute("id");
+	for (let e of n.querySelectorAll("[id]")) e.removeAttribute("id");
+	n.removeAttribute("data-sortable-id"), n.classList.add("sortable-ghost__row");
+	let r = document.createElement("div");
+	r.className = "sortable-ghost", r.setAttribute("aria-hidden", "true"), r.style.position = "fixed", r.style.insetBlockStart = "0", r.style.insetInlineStart = "0", r.style.inlineSize = `${t.width}px`, r.style.blockSize = `${t.height}px`, r.appendChild(n);
+	let i = t.left, a = t.top, o = () => {
+		r.style.transform = `translate3d(${i}px, ${a}px, 0)`;
+	};
+	return o(), n.style.rotate = "0deg", document.body.appendChild(r), requestAnimationFrame(() => {
+		r.isConnected && (r.classList.add("glass-floating"), r.dataset.lift = "");
+	}), {
+		plate: r,
+		follow: (e, t) => {
+			i = e, a = t, o();
+		},
+		tilt: (e) => {
+			n.style.rotate = `${A(e)}deg`;
+		},
+		position: () => ({
+			x: i,
+			y: a
+		}),
+		land: () => {
+			n.style.rotate = "0deg", delete r.dataset.lift, r.classList.remove("glass-floating");
+		},
+		destroy: () => {
+			r.remove();
+		}
 	};
 }
-function D(e) {
-	let t = {
-		[S]: !1,
-		[C]: !1
+//#endregion
+//#region src/components/sortable-list/resolve.ts
+var j = /* @__PURE__ */ new Set();
+function M(e, t) {
+	let n = [], r = null, i = 0;
+	for (let a of t) {
+		let t = e.get(a);
+		if (!(t instanceof HTMLElement)) continue;
+		let o = t.getBoundingClientRect();
+		n.push({
+			id: a,
+			top: o.top,
+			left: o.left,
+			block: o.height
+		}), r !== null && (i = Math.max(i, o.top - r)), r = o.top;
+	}
+	return i === 0 && n.length > 0 && (i = n[0].block), {
+		rows: n,
+		pitch: i
 	};
-	if (e.isLocalDragging && e.localDrop !== null) {
-		let n = E(e.rowIndex, e.localDrop, e.listLength);
-		n.above && (t[S] = !0), n.below && (t[C] = !0);
+}
+function N(e, t) {
+	for (let n = 0; n < e.rows.length; n++) {
+		let r = e.rows[n];
+		if (t < r.top + r.block / 2) return n;
 	}
-	if (e.externalDrop !== null && !e.isLocalDragging) {
-		let n = E(e.rowIndex, e.externalDrop, e.listLength);
-		n.above && (t[S] = !0), n.below && (t[C] = !0);
+	return e.rows.length;
+}
+function re(e, t, n) {
+	if (!e.group) return null;
+	for (let r of j) {
+		if (r === e || r.group !== e.group) continue;
+		let i = r.getContainer();
+		if (!i) continue;
+		let a = i.getBoundingClientRect();
+		if (t >= a.left && t <= a.right && n >= a.top && n <= a.bottom) return r;
 	}
-	return t;
+	return null;
 }
 //#endregion
-//#region src/components/sortable-list/composables/dragController.ts
-function O(e) {
-	let t = f(null), n = f(null), r = f(null), i = f(!0), a = null, o = null, s = null, c = null;
-	function l(t) {
+//#region src/components/sortable-list/drag.ts
+var P = "data-sortable-vacancy", F = "data-sortable-lifted", I = "data-sortable-armed", L = "data-sortable-closing", R = "--sortable-vacancy-block", z = "glass-floating";
+function B(e) {
+	let t = m(null), n = m(null), r = null, i = null, a = null, o = null, s = 0, c = 0, l = null, u = null, d = null, f = null, p = null, h = null, g = null, _ = null, v = new k();
+	function y() {
+		let t = e.handle.getContainer();
+		return t instanceof HTMLElement ? t : null;
+	}
+	function b(t) {
 		return e.getItems().findIndex((n) => e.getId(n) === t);
 	}
-	function u(t) {
+	function x(t) {
 		let n = e.getItems().find((n) => e.getId(n) === t);
 		return n === void 0 ? String(t) : e.getLabel(n);
 	}
-	function d(n, i) {
+	function S() {
+		return e.getItems().map((t) => e.getId(t));
+	}
+	function C() {
+		let e = a?.getBoundingClientRect();
+		return e ? {
+			x: e.left,
+			y: e.top
+		} : null;
+	}
+	function w(t, n) {
+		let r = e.elements.get(t);
+		r instanceof HTMLElement && (n === 0 ? r.style.removeProperty("transform") : r.style.transform = `translate3d(0, ${n}px, 0)`);
+	}
+	function T() {
+		for (let t of e.elements.values()) t instanceof HTMLElement && t.style.removeProperty("transform");
+	}
+	function E(e, t) {
+		if (!f) return;
+		let n = f.pitch, r = S();
+		for (let i = 0; i < r.length; i++) {
+			let a = r[i];
+			i === e ? w(a, (t - e) * n) : t > e && i > e && i <= t ? w(a, -n) : t < e && i >= t && i < e ? w(a, n) : w(a, 0);
+		}
+	}
+	function D(e) {
+		if (!f) return;
+		let t = S();
+		for (let n = 0; n < t.length; n++) w(t[n], n > e ? -f.pitch : 0);
+	}
+	function O(t, n) {
+		let r = y();
+		if (!r) return;
+		if (t === null) {
+			T(), p = null, r.removeAttribute(I), r.style.removeProperty(R);
+			return;
+		}
+		if (p === null) {
+			let t = M(e.elements, S()), n = t.rows[0], i = r.getBoundingClientRect();
+			p = n ? {
+				dx: n.left - i.left,
+				dy: n.top - i.top,
+				pitch: t.pitch
+			} : {
+				dx: 0,
+				dy: 0,
+				pitch: 0
+			};
+		}
+		let i = n ?? f?.pitch ?? 0;
+		r.setAttribute(I, ""), r.style.setProperty(R, `${i}px`);
+		let a = S();
+		for (let e = 0; e < a.length; e++) w(a[e], e >= t ? i : 0);
+	}
+	function A(e) {
+		let t = y();
+		if (!t || !p) return null;
+		let n = t.getBoundingClientRect();
+		return {
+			x: n.left + p.dx,
+			y: n.top + p.dy + e * p.pitch
+		};
+	}
+	function j() {
+		if (t.value === null || a === null) return;
+		let n = b(t.value);
+		if (T(), f = M(e.elements, S()), o = a.getBoundingClientRect(), i) {
+			if (i.target === null) {
+				E(n, i.index);
+				return;
+			}
+			D(n), i.target.setExternalSubjectBlock(o.height), i.target.setExternalDropIndex(i.index);
+		}
+	}
+	function B(s, c) {
 		if (t.value !== null) return !1;
-		let c = l(n), d = e.elements.get(n);
-		return c < 0 || !(d instanceof HTMLElement) ? !1 : (t.value = n, a = i, o = {
-			index: c,
+		let l = b(s), u = e.elements.get(s);
+		return l < 0 || !(u instanceof HTMLElement) ? !1 : (_ !== null && (clearTimeout(_), _ = null), y()?.removeAttribute(L), f = M(e.elements, S()), o = u.getBoundingClientRect(), t.value = s, r = c, i = {
+			index: l,
 			target: null
-		}, r.value = c, s = d, s.classList.add(T), e.announce(`Lifted ${u(n)}, position ${c + 1} of ${e.getItems().length}.`), !0);
-	}
-	function p(n, i, a = !1) {
-		let s = t.value;
-		if (s === null) return;
-		o?.target && o.target !== i && o.target.setExternalDropIndex(null);
-		let c = i ? i.getItems().length + 1 : e.getItems().length, l = Math.max(0, c - 1), d = Math.min(Math.max(n, 0), l);
-		o = {
+		}, n.value = l, a = u, e.announce(`Lifted ${x(s)}, position ${l + 1} of ${e.getItems().length}.`), !0);
+	}
+	function V(r, a, s = !1) {
+		let c = t.value;
+		if (c === null) return;
+		i?.target && i.target !== a && (i.target.setExternalDropIndex(null), i.target.setExternalSubjectBlock(null));
+		let l = a ? a.getItems().length + 1 : e.getItems().length, u = Math.max(0, l - 1), d = Math.min(Math.max(r, 0), u), f = b(c);
+		i = {
 			index: d,
-			target: i
-		}, i ? (i.setExternalDropIndex(d), r.value = null) : r.value = d, a && e.announce(`${u(s)}, proposed position ${d + 1} of ${c}.`);
+			target: a
+		}, a ? (a.setExternalSubjectBlock(o?.height ?? null), a.setExternalDropIndex(d), n.value = null, D(f)) : (n.value = d, E(f, d)), s && e.announce(`${x(c)}, proposed position ${d + 1} of ${l}.`);
 	}
-	function m() {
-		o?.target?.setExternalDropIndex(null), e.ghost.destroyGhost(), s?.classList.remove(T), s = null, c = null, t.value = null, n.value = null, r.value = null, a = null, o = null, document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", C), document.removeEventListener("pointercancel", w);
+	function H(e) {
+		let t = d;
+		if (d = null, !t) return;
+		h?.stop(), g?.destroy(), g = t;
+		let n = t.position(), r = e ?? n, i = r.x - n.x, a = r.y - n.y, o = Math.hypot(i, a), s = v.velocity(), c = o === 0 ? 0 : (s.x * i + s.y * a) / o;
+		t.land();
+		let l = () => {
+			t.destroy(), g === t && (g = null);
+		};
+		h = te("dock", o, c, (e) => t.follow(n.x + i * e, n.y + a * e), () => {
+			t.plate.dataset.done = "", t.plate.addEventListener("transitionend", l, { once: !0 }), setTimeout(l, 400);
+		});
+	}
+	function U() {
+		i?.target?.setExternalDropIndex(null), i?.target?.setExternalSubjectBlock(null), T(), a?.removeAttribute(P), a?.removeAttribute(F), a?.classList.remove(z), a = null, o = null, f = null, l = null, t.value = null, n.value = null, r = null, i = null, v.reset(), document.removeEventListener("pointermove", Z), document.removeEventListener("pointerup", Q), document.removeEventListener("pointercancel", $), window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j);
 	}
-	function h() {
-		let n = t.value, r = o;
+	function W() {
+		let n = t.value, r = i;
 		if (n === null || r === null) return;
-		let i = e.getItems(), a = i.findIndex((t) => e.getId(t) === n);
-		if (a < 0) {
-			m();
+		let a = e.getItems(), o = a.findIndex((t) => e.getId(t) === n);
+		if (o < 0) {
+			H(C()), U();
 			return;
 		}
-		let s = i[a], c = e.getLabel(s), l = r.target, u = r.index, d = l ? l.getItems().length + 1 : i.length;
-		if (m(), l) {
-			let t = i.slice();
-			t.splice(a, 1), e.onReorder(t), l.acceptExternal(u, s), e.announce(`Moved ${c} from ${e.handle.label} to ${l.label}, position ${u + 1} of ${d}.`), l.focusItem(n);
+		H(r.target ? r.target.getVacancyOrigin(r.index) : C());
+		let s = a[o], c = e.getLabel(s), l = r.target, u = r.index, d = l ? l.getItems().length + 1 : a.length;
+		if (U(), l) {
+			let t = a.slice();
+			t.splice(o, 1), e.onReorder(t), l.acceptExternal(u, s), e.announce(`Moved ${c} from ${e.handle.label} to ${l.label}, position ${u + 1} of ${d}.`), l.focusItem(n);
 			return;
 		}
-		if (u !== a) {
-			let t = i.slice(), [n] = t.splice(a, 1);
+		if (u !== o) {
+			let t = a.slice(), [n] = t.splice(o, 1);
 			t.splice(u, 0, n), e.onReorder(t);
 		}
-		e.announce(`Dropped ${c}, position ${u + 1} of ${i.length}.`), e.focusItem(n);
+		e.announce(`Dropped ${c}, position ${u + 1} of ${a.length}.`), e.focusItem(n);
 	}
-	function g() {
+	function G() {
+		q();
 		let n = t.value;
 		if (n === null) return;
-		let r = l(n), i = u(n);
-		m(), e.announce(`Cancelled moving ${i}. Position ${r + 1} of ${e.getItems().length}.`), e.focusItem(n);
+		let r = b(n), i = x(n), a = y();
+		a?.setAttribute(L, ""), _ !== null && clearTimeout(_), _ = setTimeout(() => {
+			a?.removeAttribute(L), _ = null;
+		}, 400), o && H({
+			x: o.left,
+			y: o.top
+		}), U(), e.announce(`Cancelled moving ${i}. Position ${r + 1} of ${e.getItems().length}.`), e.focusItem(n);
+	}
+	function K() {
+		q(), _ !== null && clearTimeout(_), h?.stop(), d?.destroy(), d = null, g?.destroy(), g = null, t.value !== null && U();
+	}
+	function q() {
+		u && (clearTimeout(u.hold), u = null, document.removeEventListener("pointermove", Y), document.removeEventListener("pointerup", q), document.removeEventListener("pointercancel", q));
+	}
+	function J() {
+		let e = u;
+		e && (q(), B(e.id, "pointer") && (l = e.pointerId, v.reset(), v.push(e.x, e.y), a && o && (s = e.x - o.left, c = e.y - o.top, d = ne(a, o), a.setAttribute(P, "")), document.addEventListener("pointermove", Z), document.addEventListener("pointerup", Q), document.addEventListener("pointercancel", $), window.addEventListener("scroll", j, !0), window.addEventListener("resize", j)));
 	}
-	function _() {
-		t.value !== null && m();
+	function Y(e) {
+		!u || e.pointerId !== u.pointerId || Math.hypot(e.clientX - u.x, e.clientY - u.y) < 8 || (J(), Z(e));
 	}
-	function b(t, r) {
-		d(t, "pointer") && (c = r.pointerId, n.value = {
-			x: r.clientX,
-			y: r.clientY
-		}, s && e.ghost.createGhost(s, r.clientX, r.clientY), i.value = x(r.currentTarget, r.pointerId), document.addEventListener("pointermove", S), document.addEventListener("pointerup", C), document.addEventListener("pointercancel", w));
+	function X(e, n) {
+		t.value !== null || u !== null || (u = {
+			id: e,
+			pointerId: n.pointerId,
+			x: n.clientX,
+			y: n.clientY,
+			hold: setTimeout(J, ee)
+		}, document.addEventListener("pointermove", Y), document.addEventListener("pointerup", q), document.addEventListener("pointercancel", q));
 	}
-	function S(r) {
+	function Z(n) {
 		let i = t.value;
-		if (i === null || a !== "pointer" || r.pointerId !== c) return;
-		n.value = {
-			x: r.clientX,
-			y: r.clientY
-		}, e.ghost.updateGhost(r.clientX, r.clientY);
-		let o = y(e.handle, r.clientX, r.clientY);
-		if (o) {
-			p(v(o.getElements(), o.getItems().map((e) => ({ id: o.getId(e) })), r.clientX, r.clientY, e.horizontal), o);
+		if (i === null || r !== "pointer" || n.pointerId !== l) return;
+		v.push(n.clientX, n.clientY), d && (d.follow(n.clientX - s, n.clientY - c), d.tilt(v.velocity().x));
+		let a = re(e.handle, n.clientX, n.clientY);
+		if (a) {
+			V(N(M(a.getElements(), a.getItems().map((e) => a.getId(e))), n.clientY), a);
 			return;
 		}
-		let s = e.getItems(), u = l(i), d = v(e.elements, s.map((t) => ({ id: e.getId(t) })), r.clientX, r.clientY, e.horizontal);
-		p(d > u ? d - 1 : d, null);
+		if (!f) return;
+		let o = b(i), u = N(f, n.clientY);
+		V(u > o ? u - 1 : u, null);
 	}
-	function C(e) {
-		e.pointerId === c && h();
+	function Q(e) {
+		e.pointerId === l && W();
 	}
-	function w(e) {
-		e.pointerId === c && g();
+	function $(e) {
+		e.pointerId === l && G();
 	}
-	function E(n, r) {
-		let i = r.key;
-		if (i === " " || i === "Enter") {
-			r.preventDefault(), t.value === null ? d(n, "keyboard") : t.value === n && a === "keyboard" && h();
+	function ie(n, o) {
+		let s = o.key;
+		if (s === " " || s === "Enter") {
+			o.preventDefault(), t.value === null ? B(n, "keyboard") && a && (a.setAttribute(F, ""), a.classList.add(z)) : t.value === n && r === "keyboard" && W();
 			return;
 		}
-		if (t.value !== n || a !== "keyboard") return;
-		if (i === "Escape") {
-			r.preventDefault(), g();
+		if (t.value !== n || r !== "keyboard") return;
+		if (s === "Escape") {
+			o.preventDefault(), G();
 			return;
 		}
-		let s = o?.index ?? l(n);
-		if (i === "ArrowUp" || i === "ArrowLeft") --s;
-		else if (i === "ArrowDown" || i === "ArrowRight") s += 1;
-		else if (i === "Home") s = 0;
-		else if (i === "End") s = e.getItems().length - 1;
+		let c = i?.index ?? b(n);
+		if (s === "ArrowUp" || s === "ArrowLeft") --c;
+		else if (s === "ArrowDown" || s === "ArrowRight") c += 1;
+		else if (s === "Home") c = 0;
+		else if (s === "End") c = e.getItems().length - 1;
 		else return;
-		r.preventDefault(), p(s, null, !0);
+		o.preventDefault(), V(c, null, !0);
 	}
 	return {
 		dragId: t,
-		pos: n,
-		dropIndex: r,
-		pointerCaptureActive: i,
-		beginPointer: b,
-		onKeydown: E,
-		cancel: g,
-		dispose: _
+		dropIndex: n,
+		beginPointer: X,
+		onKeydown: ie,
+		partForExternal: O,
+		vacancyOrigin: A,
+		cancel: G,
+		dispose: K
 	};
 }
 //#endregion
-//#region src/components/sortable-list/composables/ghostRenderer.ts
-function k(e) {
-	return e ? e.replace(/\//g, " ").split(/\s+/).filter(Boolean).some((e) => parseFloat(e) !== 0) : !1;
-}
-function A(e) {
-	let t = getComputedStyle(e).borderRadius;
-	if (k(t)) return t;
-	for (let t of e.querySelectorAll("*")) {
-		let e = getComputedStyle(t).borderRadius;
-		if (k(e)) return e;
-	}
-	return null;
+//#region src/components/sortable-list/useSortable.ts
+var V = "[data-sortable-handle]";
+function H(e, t) {
+	return t === null ? e.target === e.currentTarget : e.target instanceof Element && e.target.closest(t) !== null;
 }
-function j() {
-	let e = null, t = 0, n = 0;
-	function r(r, i, a) {
-		let o = r.getBoundingClientRect();
-		t = i - o.left, n = a - o.top;
-		let s = r.cloneNode(!0);
-		s.classList.add(w);
-		let c = A(r);
-		c && (s.style.borderRadius = c), s.style.position = "fixed", s.style.left = `${o.left}px`, s.style.top = `${o.top}px`, s.style.width = `${o.width}px`, s.style.height = `${o.height}px`, s.style.margin = "0", s.style.pointerEvents = "none", s.style.zIndex = "9999", s.id && s.removeAttribute("id");
-		for (let e of s.querySelectorAll("[id]")) e.removeAttribute("id");
-		document.body.appendChild(s), e = s;
-	}
-	function i(r, i) {
-		e && (e.style.left = `${r - t}px`, e.style.top = `${i - n}px`);
-	}
-	function a() {
-		e && e.parentNode && e.parentNode.removeChild(e), e = null;
+function U(e) {
+	let { items: t, getId: n, getLabel: r = (e) => String(n(e)), label: a = "Sortable list", onReorder: o, onInsert: s, group: c, handleSelector: d = V } = e, f = /* @__PURE__ */ new Map(), p = m(""), h = null, g = null, _ = null;
+	function v(e) {
+		let i = t.value.find((t) => n(t) === e);
+		return i === void 0 ? String(e) : r(i);
 	}
-	return {
-		createGhost: r,
-		updateGhost: i,
-		destroyGhost: a
-	};
-}
-//#endregion
-//#region src/components/sortable-list/composables/useSortable.ts
-var M = "[data-sortable-handle]";
-function N(e) {
-	let { items: t, getId: n, getLabel: i = (e) => String(n(e)), label: a = "Sortable list", onReorder: o, onInsert: s, group: u, handleSelector: d = M, axis: p = "y" } = e, m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = f(null), v = f(""), y = null;
-	function x(e) {
-		return t.value.findIndex((t) => n(t) === e);
-	}
-	function S(e) {
-		let r = t.value.find((t) => n(t) === e);
-		return r === void 0 ? String(e) : i(r);
-	}
-	function C(e) {
-		c(() => {
-			m.get(e)?.querySelector("[data-sortable-handle]")?.focus();
+	function y(e) {
+		l(() => {
+			f.get(e)?.querySelector(V)?.focus();
 		});
 	}
-	let w = {
-		group: u,
+	let b = {
+		group: c,
 		label: a,
-		getContainer: () => y,
+		getContainer: () => h,
 		getItems: () => t.value,
 		getId: (e) => n(e),
-		getElements: () => m,
+		getElements: () => f,
 		setExternalDropIndex: (e) => {
-			g.value = e;
+			g = e, x.partForExternal(g, _);
 		},
+		setExternalSubjectBlock: (e) => {
+			_ = e;
+		},
+		getVacancyOrigin: (e) => x.vacancyOrigin(e),
 		acceptExternal: (e, t) => s?.(e, t),
-		focusItem: C
-	}, T = O({
+		focusItem: y
+	}, x = B({
 		getItems: () => t.value,
 		getId: (e) => n(e),
-		getLabel: (e) => i(e),
-		elements: m,
-		handle: w,
+		getLabel: (e) => r(e),
+		elements: f,
+		handle: b,
 		onReorder: (e) => o(e),
-		horizontal: p === "x",
-		ghost: j(),
 		announce: (e) => {
-			v.value = e;
+			p.value = e;
 		},
-		focusItem: C
+		focusItem: y
 	});
-	function E(e, n = () => !1) {
-		let i = h.get(e);
-		if (i) return i;
-		let a = r(n), o = {
+	function S(e, t = () => !1) {
+		let n = i(t);
+		return {
 			ref: (t) => {
-				t instanceof Element ? m.set(e, t) : m.delete(e);
+				t instanceof Element ? f.set(e, t) : f.delete(e);
 			},
 			dataAttrs: { "data-sortable-id": String(e) },
-			disabled: a,
-			class: r(() => {
-				let n = T.dragId.value === null ? -1 : x(T.dragId.value), r = T.dropIndex.value, i = r === null || n < 0 ? null : r > n ? r + 1 : r;
-				return D({
-					rowIndex: x(e),
-					listLength: t.value.length,
-					localDrop: i,
-					isLocalDragging: T.dragId.value !== null,
-					externalDrop: g.value
-				});
-			}),
+			disabled: n,
 			onPointerdown: (t) => {
-				a.value || t.button !== 0 || b(t.target, d) && T.beginPointer(e, t);
+				n.value || t.button !== 0 || H(t, d) && x.beginPointer(e, t);
 			},
 			onKeydown: (t) => {
-				a.value || T.onKeydown(e, t);
+				n.value || H(t, d) && x.onKeydown(e, t);
+			},
+			release: () => {
+				f.delete(e);
 			}
 		};
-		return h.set(e, o), o;
 	}
-	let k = {
+	let C = {
 		ref: (e) => {
-			y = e instanceof Element ? e : null;
+			h = e instanceof Element ? e : null;
 		},
-		dataAttrs: { "data-sortable-container": u ?? "" }
+		dataAttrs: { "data-sortable-container": c ?? "" }
 	};
-	return _.add(w), l(() => {
-		_.delete(w), T.dispose();
+	return j.add(b), u(() => {
+		j.delete(b), x.dispose();
 	}), {
-		registerItem: E,
-		container: k,
-		isDragging: r(() => T.dragId.value !== null),
-		dragId: r(() => T.dragId.value),
-		dragPosition: r(() => T.pos.value),
-		dropIndex: r(() => T.dropIndex.value),
-		pointerCaptureActive: r(() => T.pointerCaptureActive.value),
-		announcement: r(() => v.value),
-		getItemLabel: S
+		registerItem: S,
+		container: C,
+		isDragging: i(() => x.dragId.value !== null),
+		dragId: i(() => x.dragId.value),
+		dropIndex: i(() => x.dropIndex.value),
+		announcement: i(() => p.value),
+		getItemLabel: v
 	};
 }
 //#endregion
-//#region src/components/sortable-list/context.ts
-var P = e("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used inside <SortableList>"), F = P.provide, I = P.use, L = e("glass-ui:sortable-item", "[glass-ui] <SortableHandle> must be used inside <SortableItem>"), R = L.provide, z = L.use, B = ["aria-label"], V = {
+//#region src/components/sortable-list/SortableList.vue?vue&type=script&setup=true&lang.ts
+var W = ["aria-label"], G = {
 	class: "sr-only",
 	"aria-live": "polite",
 	"aria-atomic": "true"
-}, H = /* @__PURE__ */ o({
+}, K = /* @__PURE__ */ s({
 	inheritAttrs: !1,
 	__name: "SortableList",
 	props: {
@@ -329,34 +457,35 @@ var P = e("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used insi
 		getLabel: {},
 		label: { default: "Sortable list" },
 		group: {},
-		handleSelector: { default: "[data-sortable-handle]" },
-		axis: { default: "y" }
+		handleSelector: { default: "[data-sortable-handle]" }
 	},
 	emits: ["reorder", "insert"],
-	setup(e, { expose: t, emit: r }) {
-		let o = e, c = g(), l = r, f = N({
-			items: m(o, "items"),
-			getId: o.getId,
-			getLabel: o.getLabel,
-			label: o.label,
-			group: o.group,
-			handleSelector: o.handleSelector,
-			axis: o.axis,
-			onReorder: (e) => l("reorder", e),
-			onInsert: (e, t) => l("insert", e, t)
+	setup(e, { expose: t, emit: n }) {
+		let s = e, l = v(), u = n, d = g(s, "items"), m = i(() => l["aria-label"] ?? s.label), y = U({
+			items: d,
+			getId: s.getId,
+			getLabel: s.getLabel,
+			label: s.label,
+			group: s.group,
+			handleSelector: s.handleSelector,
+			onReorder: (e) => u("reorder", e),
+			onInsert: (e, t) => u("insert", e, t)
 		});
-		return F(f), t({
-			isDragging: f.isDragging,
-			dragId: f.dragId
-		}), (t, r) => (u(), i(n, null, [a("ul", s({ ref: h(f).container.ref }, {
-			...h(c),
-			...h(f).container.dataAttrs
-		}, { "aria-label": e.label }), [d(t.$slots, "default", {
-			isDragging: h(f).isDragging.value,
-			dragId: h(f).dragId.value
-		})], 16, B), a("span", V, p(h(f).announcement.value), 1)], 64));
-	}
-}), U = ["aria-disabled", "data-disabled"], W = /*#__PURE__*/ t(/* @__PURE__ */ o({
+		return x(y), t({
+			isDragging: y.isDragging,
+			dragId: y.dragId
+		}), (e, t) => (f(), a(r, null, [o("ul", c({
+			ref: _(y).container.ref,
+			class: "sortable-list"
+		}, {
+			..._(l),
+			..._(y).container.dataAttrs
+		}, { "aria-label": m.value }), [p(e.$slots, "default", {
+			isDragging: _(y).isDragging.value,
+			dragId: _(y).dragId.value
+		})], 16, W), o("span", G, h(_(y).announcement.value), 1)], 64));
+	}
+}), q = ["aria-disabled", "data-disabled"], J = { class: "sortable-item__content" }, Y = /* @__PURE__ */ s({
 	__name: "SortableItem",
 	props: {
 		id: {},
@@ -366,44 +495,40 @@ var P = e("glass-ui:sortable-list", "[glass-ui] <SortableItem> must be used insi
 		}
 	},
 	setup(e) {
-		let t = e, n = I(), a = n.registerItem(t.id, () => t.disabled), o = r(() => n.getItemLabel(t.id)), c = r(() => n.dragId.value === t.id);
-		return R({
+		let t = e, n = S(), r = n.registerItem(t.id, () => t.disabled), s = i(() => n.getItemLabel(t.id)), l = i(() => n.dragId.value === t.id);
+		return d(r.release), w({
 			id: t.id,
-			label: o,
-			binding: a
-		}), (t, n) => (u(), i("li", s({
-			ref: h(a).ref,
-			class: [
-				"sortable-item",
-				h(a).class.value,
-				{ "is-sortable-dragging": c.value }
-			]
-		}, h(a).dataAttrs, {
+			label: s,
+			binding: r
+		}), (t, n) => (f(), a("li", c({
+			ref: _(r).ref,
+			class: "sortable-item"
+		}, _(r).dataAttrs, {
 			"aria-disabled": e.disabled || void 0,
 			"data-disabled": e.disabled || void 0,
-			onPointerdown: n[0] ||= (...e) => h(a).onPointerdown && h(a).onPointerdown(...e),
-			onKeydown: n[1] ||= (...e) => h(a).onKeydown && h(a).onKeydown(...e)
-		}), [d(t.$slots, "default", { isBeingDragged: c.value }, void 0, !0)], 16, U));
+			onPointerdown: n[0] ||= (...e) => _(r).onPointerdown && _(r).onPointerdown(...e),
+			onKeydown: n[1] ||= (...e) => _(r).onKeydown && _(r).onKeydown(...e)
+		}), [o("div", J, [p(t.$slots, "default", { isBeingDragged: l.value })])], 16, q));
 	}
-}), [["__scopeId", "data-v-a2b888a8"]]), G = [
+}), X = [
 	"type",
 	"disabled",
 	"aria-label"
-], K = /*#__PURE__*/ t(/* @__PURE__ */ o({
+], Z = /* @__PURE__ */ s({
 	inheritAttrs: !1,
 	__name: "SortableHandle",
 	props: { type: { default: "button" } },
 	setup(e) {
-		let t = g(), n = z(), a = r(() => t["aria-label"] ?? `Reorder ${n.label.value}`);
-		return (r, o) => (u(), i("button", s(h(t), {
+		let t = v(), n = T(), r = i(() => t["aria-label"] ?? `Reorder ${n.label.value}`);
+		return (i, o) => (f(), a("button", c(_(t), {
 			type: e.type,
-			class: "sortable-handle",
+			class: "sortable-handle glass-drag-grabbable",
 			"data-sortable-handle": "",
 			"data-control-target": "",
-			disabled: h(n).binding.disabled.value,
-			"aria-label": a.value
-		}), [d(r.$slots, "default", {}, void 0, !0)], 16, G));
+			disabled: _(n).binding.disabled.value,
+			"aria-label": r.value
+		}), [p(i.$slots, "default")], 16, X));
 	}
-}), [["__scopeId", "data-v-4cc4d202"]]);
+});
 //#endregion
-export { K as SortableHandle, W as SortableItem, H as SortableList };
+export { Z as SortableHandle, Y as SortableItem, K as SortableList };