@vielzeug/dnd 2.2.0 → 3.0.0

package/dist/sortable.js

@@ -1,80 +1,111 @@
-import { createDisposable as e, resolveDisabled as t } from "./_shared.js";
-import { DndScopeError as n } from "./errors.js";
 import "./_dev.js";
-import { createScopeTouchController as r } from "./_touch.js";
+import { createDisposable as e, resolveDisabled as t } from "./_shared.js";
+import { DndError as n, DndScopeError as r } from "./errors.js";
+import { createScopeTouchController as i } from "./_touch.js";
 //#region src/sortable.ts
-var i = Symbol("SortableScope"), a = "data-dnd-handle", o = "data-dnd-item", s = /* @__PURE__ */ new WeakMap(), c = {
+var a = Symbol("SortableScope"), o = "data-dnd-handle", s = "data-dnd-item", c = /* @__PURE__ */ new WeakMap(), l = {
 	container: !0,
 	edgeThreshold: 32,
 	speed: 18,
 	viewport: !1
 };
-function l(e) {
-	let t = s.get(e);
-	if (!t) throw new n();
+function u(e) {
+	let t = c.get(e);
+	if (!t) throw new r();
+	if (e.disposed) throw new r("Cannot register a sortable with a disposed scope.");
 	return t;
 }
-function u(e) {
-	return e === !1 ? null : e === !0 || e === void 0 ? c : {
+function d(e) {
+	if (e === !1) return null;
+	if (e === !0 || e === void 0) return l;
+	if (!Number.isFinite(e.edgeThreshold ?? 32) || (e.edgeThreshold ?? 32) < 0 || !Number.isFinite(e.speed ?? 18) || (e.speed ?? 18) <= 0) throw new n("Auto-scroll edgeThreshold must be non-negative and speed must be positive");
+	return {
 		container: e.container ?? !0,
 		edgeThreshold: e.edgeThreshold ?? 32,
 		speed: e.speed ?? 18,
 		viewport: e.viewport ?? !1
 	};
 }
-function d(e, t) {
+function f(e, t) {
 	return t.length !== e.length || t.some((t, n) => t !== e[n]);
 }
-function f(e) {
+function p(e) {
 	return e.__dndTouch === !0;
 }
-function p(e) {
+function m(e) {
+	return Object.freeze([...e]);
+}
+function h(e, t, ...n) {
+	if (t) try {
+		t(...n);
+	} catch {
+		`${e}`;
+	}
+}
+function g(e) {
 	typeof requestAnimationFrame == "function" && (e.hideFrame = requestAnimationFrame(() => {
 		e.hideFrame = null, e.draggedEl.style.display = "none";
 	}));
 }
-function m(e) {
+function _(e) {
 	e.hideFrame !== null && (cancelAnimationFrame(e.hideFrame), e.hideFrame = null);
 }
-function h(e) {
-	m(e), e.draggedEl.style.display = e.originalDisplay, e.draggedEl.removeAttribute("data-dragging");
+function v(e) {
+	_(e), e.draggedEl.style.display = e.originalDisplay, e.draggedEl.removeAttribute("data-dragging");
 }
-function g(e, t) {
+function y(e, t) {
 	e.initialOrders.has(t) || e.initialOrders.set(t, t.getOrderedIds());
 }
-function _(e, t) {
+function b(e) {
+	let t = e.target;
+	return [...e.initialOrders].flatMap(([n, r]) => {
+		let i = r.filter((t) => t !== e.draggedId);
+		if (n === t && e.placeholder.parentElement === n.element) {
+			let t = [...n.element.children], r = t.indexOf(e.placeholder), a = n.getOrderedItems().filter((n) => n !== e.draggedEl && t.indexOf(n) < r).length;
+			i.splice(a, 0, e.draggedId);
+		}
+		return f(r, i) ? [{
+			after: i,
+			before: r,
+			handle: n
+		}] : [];
+	});
+}
+function x(e, t) {
 	let n = e.active;
-	n && (h(n), n.originalParent.insertBefore(n.draggedEl, n.originalNextSibling), n.placeholder.remove(), e.active = null, n.source.notifyDragEnd(n.draggedId, t), n.source.notifyInteraction({
+	n && (v(n), n.originalParent.insertBefore(n.draggedEl, n.originalNextSibling?.parentNode === n.originalParent ? n.originalNextSibling : null), n.placeholder.remove(), e.active = null, n.source.notifyDragEnd(n.draggedId, t), n.source.notifyInteraction({
 		index: n.source.getOrderedIds().indexOf(n.draggedId),
 		itemId: n.draggedId,
 		total: n.source.getOrderedIds().length,
 		type: "cancel"
 	}));
 }
-function v(e, t) {
+function S(e, t) {
 	let n = e.active;
 	if (!n) return;
-	let r = n.target, i = n.placeholder.parentElement;
-	h(n), r && e.handles.has(r) && i ? i.insertBefore(n.draggedEl, n.placeholder) : n.originalParent.insertBefore(n.draggedEl, n.originalNextSibling), n.placeholder.remove(), e.active = null, n.source.notifyDragEnd(n.draggedId, t);
-	let a = [];
+	let r = n.target, i = n.placeholder.parentElement, a = b(n);
+	for (let { after: e, before: t, handle: n } of a) n.notifyBeforeReorder(m(t), m(e));
+	v(n), r && e.handles.has(r) && i ? i.insertBefore(n.draggedEl, n.placeholder) : n.originalParent.insertBefore(n.draggedEl, n.originalNextSibling?.parentNode === n.originalParent ? n.originalNextSibling : null), n.placeholder.remove(), e.active = null, n.source.notifyDragEnd(n.draggedId, t);
+	let o = [];
 	for (let [t, r] of n.initialOrders) {
 		if (!e.handles.has(t)) continue;
 		let n = t.getOrderedIds();
-		d(r, n) && a.push({
+		f(r, n) && o.push({
 			after: n,
 			before: r,
 			handle: t
 		});
 	}
-	for (let { after: e, before: t, handle: n } of a) n.notifyBeforeReorder(t, e);
 	if (r && r !== n.source) {
-		let t = a.find((e) => e.handle === n.source), i = a.find((e) => e.handle === r);
+		let t = o.find((e) => e.handle === n.source), i = o.find((e) => e.handle === r);
 		if (t && i) {
 			e.commitMove({
 				itemId: n.draggedId,
 				source: n.source.element,
+				sourceBeforeIds: t.before,
 				sourceIds: t.after,
 				target: r.element,
+				targetBeforeIds: i.before,
 				targetIds: i.after
 			});
 			let a = i.after.indexOf(n.draggedId), o = i.after.length;
@@ -92,21 +123,25 @@ function v(e, t) {
 		}
 		return;
 	}
-	for (let { after: e, handle: t } of a) t.commitReorder(e);
-	let o = a.find((e) => e.handle === n.source), s = o ? o.after : n.source.getOrderedIds(), c = s.indexOf(n.draggedId);
+	for (let { after: e, before: t, handle: r } of o) r.commitReorder({
+		after: e,
+		before: t,
+		item: n.draggedId
+	});
+	let s = o.find((e) => e.handle === n.source), c = s ? s.after : n.source.getOrderedIds(), l = c.indexOf(n.draggedId);
 	n.source.notifyInteraction({
-		index: c,
+		index: l,
 		itemId: n.draggedId,
-		total: s.length,
+		total: c.length,
 		type: "drop"
 	});
 }
-function y(e, t, n) {
+function C(e, t, n) {
 	if (!e.active) return;
 	let { active: r } = e;
-	n || !t.dataTransfer || t.dataTransfer.dropEffect === "none" || !r.target || !e.handles.has(r.target) || r.source.isDisabled() || r.target.isDisabled() ? _(e, t) : v(e, t);
+	n || !t.dataTransfer || t.dataTransfer.dropEffect === "none" || !r.target || !e.handles.has(r.target) || r.source.isDisabled() || r.target.isDisabled() ? x(e, t) : S(e, t);
 }
-function b(e, t, n, r) {
+function w(e, t, n, r) {
 	if (!r) return;
 	let { container: i, edgeThreshold: a, speed: o, viewport: s } = r, c = t.getBoundingClientRect();
 	if (n === "vertical") {
@@ -127,55 +162,52 @@ function b(e, t, n, r) {
 		top: 0
 	});
 }
-function x(e, t, n, r, i, a) {
-	let o = n(), s = o.indexOf(e);
-	if (s < 0) return null;
-	let c = a === "vertical" ? i === "ArrowDown" : i === "ArrowRight", l = a === "vertical" ? i === "ArrowUp" : i === "ArrowLeft", u;
-	if (c) u = Math.min(o.length - 1, s + 1);
-	else if (l) u = Math.max(0, s - 1);
-	else if (i === "Home") u = 0;
-	else if (i === "End") u = o.length - 1;
+function T(e, t, n, r) {
+	let i = e.indexOf(t);
+	if (i < 0) return null;
+	let a = r === "vertical" ? n === "ArrowDown" : n === "ArrowRight", o = r === "vertical" ? n === "ArrowUp" : n === "ArrowLeft", s;
+	if (a) s = Math.min(e.length - 1, i + 1);
+	else if (o) s = Math.max(0, i - 1);
+	else if (n === "Home") s = 0;
+	else if (n === "End") s = e.length - 1;
 	else return null;
-	if (u === s) return null;
-	let d = o[u];
-	return d ? (t.insertBefore(e, u > s ? d.nextSibling : d), e.focus(), r()) : null;
+	return s === i ? null : s;
 }
-function S(t = {}) {
+function E(t = {}) {
 	let n = {
 		active: null,
 		commitMove(e) {
-			t.onMove?.({
+			h("onMove", t.onMove, Object.freeze({
 				...e,
-				setRevert(e) {
-					n.lastRevert = e;
-				}
-			});
+				sourceBeforeIds: m(e.sourceBeforeIds),
+				sourceIds: m(e.sourceIds),
+				targetBeforeIds: m(e.targetBeforeIds),
+				targetIds: m(e.targetIds)
+			}));
 		},
 		disposables: /* @__PURE__ */ new Set(),
 		handles: /* @__PURE__ */ new Set(),
-		lastRevert: null,
 		touch: null
-	}, a = e(() => {
+	}, r = e(() => {
 		n.touch?.dispose();
-		for (let e of n.disposables) e();
+		for (let e of [...n.disposables]) e();
+		n.disposables.clear(), n.handles.clear();
 	}), o = {
 		get disposalSignal() {
-			return a.disposalSignal;
+			return r.disposalSignal;
 		},
-		dispose: a.dispose,
+		dispose: r.dispose,
 		get disposed() {
-			return a.disposed;
+			return r.disposed;
 		},
 		get isDragging() {
 			return n.active !== null;
 		},
-		revert() {
-			n.lastRevert?.(), n.lastRevert = null;
-		},
-		[i]: !0,
-		[Symbol.dispose]: a[Symbol.dispose]
+		[a]: !0,
+		[Symbol.dispose]: r[Symbol.dispose]
 	};
-	return s.set(o, n), t.touch && (n.touch = r(t.touch === !0 ? {} : t.touch, (e) => {
+	return c.set(o, n), t.touch && (n.touch = i(t.touch === !0 ? {} : t.touch, (e) => {
+		if (n.active) return null;
 		for (let t of n.handles) {
 			let n = t.resolveTouchTarget(e);
 			if (n) return n;
@@ -183,172 +215,204 @@ function S(t = {}) {
 		return null;
 	})), o;
 }
-function C(n) {
-	let { autoScroll: r = !0, axis: i = "vertical", element: s, getKey: c, handle: d, keyboard: m = !0, placeholderClass: h = "dnd-placeholder", scope: _ = S() } = n, v = u(r), C = l(_);
-	d !== void 0 && d.trim();
-	let w = () => Array.from(s.children).filter((e) => e.hasAttribute(o)), T = () => w().map((e) => c(e)), E = /* @__PURE__ */ new Map(), D = s.getAttribute("role"), O = (e) => {
-		let t = E.get(e);
+function D(r) {
+	let { autoScroll: i = !0, axis: a = "vertical", element: c, getKey: l, handle: f, keyboard: _ = !0, placeholderClass: v = "dnd-placeholder", scope: b = E() } = r;
+	if (a !== "vertical" && a !== "horizontal") throw new n("axis must be \"vertical\" or \"horizontal\"");
+	let x = f?.trim() || null;
+	if ((f === void 0 || x) && x) try {
+		c.querySelector(x);
+	} catch (e) {
+		throw new n(`Invalid handle selector: "${f}"`, { cause: e });
+	}
+	let S = d(i), D = u(b);
+	if ([...D.handles].some((e) => e.element === c)) throw new n("A sortable is already registered for this element in the selected scope.");
+	let O = () => (r.items ? r.items() : Array.from(c.children)).filter((e) => e.parentElement === c && e.hasAttribute(s)), k = () => O().map((e) => l(e)), A = /* @__PURE__ */ new Map(), j = c.getAttribute("role"), M = (e) => {
+		let t = A.get(e);
 		if (t) return t;
 		let n = {
-			dataDndHandle: e.getAttribute(a),
-			dataDndItem: e.getAttribute(o),
+			dataDndHandle: e.getAttribute(o),
+			dataDndItem: e.getAttribute(s),
 			draggable: e.getAttribute("draggable"),
 			role: e.getAttribute("role"),
 			tabIndex: e.getAttribute("tabindex"),
 			touchAction: e.style.touchAction
 		};
-		return E.set(e, n), n;
-	}, k = (e, t, n) => {
+		return A.set(e, n), n;
+	}, N = (e, t, n) => {
 		n === null ? e.removeAttribute(t) : e.setAttribute(t, n);
-	}, A = () => {
-		w().forEach((e) => {
-			let t = O(e);
-			t.role === null && e.setAttribute("role", "listitem"), t.tabIndex === null && (e.tabIndex = 0), d ? e.querySelectorAll(d).forEach((e) => {
-				O(e), e.setAttribute(a, ""), e.setAttribute("draggable", "true"), e.style.touchAction = "none";
-			}) : (e.setAttribute("draggable", "true"), e.style.touchAction = "none");
+	}, P = (e = O()) => {
+		e.forEach((e) => {
+			let t = M(e);
+			t.role === null && e.setAttribute("role", "listitem"), t.tabIndex === null && (e.tabIndex = 0), f === void 0 ? (e.setAttribute("draggable", "true"), D.touch && (e.style.touchAction = "none")) : x && e.querySelectorAll(x).forEach((e) => {
+				M(e), e.setAttribute(o, ""), e.setAttribute("draggable", "true"), D.touch && (e.style.touchAction = "none");
+			});
 		});
-	}, j = () => {
-		let e = /* @__PURE__ */ new Set();
-		Array.from(s.children).forEach((t) => {
-			let n = t;
-			try {
-				let t = c(n);
-				t && (O(n), e.has(t) ? `${t}` : e.add(t), n.setAttribute(o, ""));
-			} catch (e) {
-				`${String(e)}`;
+	}, F = () => {
+		let e = /* @__PURE__ */ new Set(), t = r.items ? r.items() : Array.from(c.children), n = t.filter((e) => e instanceof HTMLElement && e.parentElement === c), i = [];
+		n.length, t.length;
+		for (let t of n) try {
+			let n = l(t);
+			if (n) {
+				if (e.has(n)) {
+					`${n}`;
+					continue;
+				}
+				e.add(n), i.push(t);
 			}
-		}), A();
-	}, M = () => {
-		for (let [e, t] of E) k(e, a, t.dataDndHandle), k(e, o, t.dataDndItem), k(e, "draggable", t.draggable), k(e, "role", t.role), k(e, "tabindex", t.tabIndex), e.style.touchAction = t.touchAction;
-		E.clear();
-	}, N = (e) => {
+		} catch (e) {
+			`${String(e)}`;
+		}
+		I();
+		for (let e of i) M(e), e.setAttribute(s, "");
+		P(i);
+	}, I = () => {
+		for (let [e, t] of A) N(e, o, t.dataDndHandle), N(e, s, t.dataDndItem), N(e, "draggable", t.draggable), N(e, "role", t.role), N(e, "tabindex", t.tabIndex), e.style.touchAction = t.touchAction;
+		A.clear();
+	}, L = (e) => {
 		let t = document.createElement("div");
-		return t.className = h, t.setAttribute("aria-hidden", "true"), i === "horizontal" ? t.style.width = `${e.offsetWidth}px` : t.style.height = `${e.offsetHeight}px`, t;
-	}, P = null, F = {
-		commitReorder: (e) => {
-			if (!n.onReorder) return;
-			let t = {
-				ids: e,
-				setRevert(e) {
-					P = e;
-				}
-			};
-			n.onReorder(t);
-		},
-		element: s,
-		getOrderedIds: T,
-		isDisabled: () => t(n.disabled),
-		notifyBeforeReorder: (e, t) => n.onBeforeReorder?.(e, t),
-		notifyDragEnd: (e, t) => n.onDragEnd?.(e, t),
-		notifyDragStart: (e, t) => n.onDragStart?.(e, t),
-		notifyInteraction: (e) => n.onInteraction?.(e),
+		return t.className = v, t.setAttribute("aria-hidden", "true"), a === "horizontal" ? t.style.width = `${e.offsetWidth}px` : t.style.height = `${e.offsetHeight}px`, t;
+	}, R = {
+		commitReorder: (e) => h("onReorder", r.onReorder, Object.freeze({
+			after: m(e.after),
+			before: m(e.before),
+			item: e.item
+		})),
+		element: c,
+		getOrderedIds: k,
+		getOrderedItems: O,
+		isDisabled: () => t(r.disabled),
+		notifyBeforeReorder: (e, t) => h("onBeforeReorder", r.onBeforeReorder, e, t),
+		notifyDragEnd: (e, t) => h("onDragEnd", r.onDragEnd, e, t),
+		notifyDragStart: (e, t) => h("onDragStart", r.onDragStart, e, t),
+		notifyInteraction: (e) => h("onInteraction", r.onInteraction, Object.freeze(e)),
 		resolveTouchTarget: (e) => {
-			if (t(n.disabled) || !s.contains(e)) return null;
-			let r = e.closest(`[${o}]`);
-			if (!r || !s.contains(r)) return null;
-			if (!d) return r;
-			let i = e.closest(d);
-			return i && r.contains(i) ? i : null;
+			if (t(r.disabled) || !c.contains(e)) return null;
+			let n = e.closest(`[${s}]`);
+			if (!n || !O().includes(n)) return null;
+			if (f === void 0) return n;
+			if (!x) return null;
+			let i = e.closest(x);
+			return i && n.contains(i) ? i : null;
 		}
-	};
-	C.handles.add(F);
-	let I = (e) => {
-		if (C.active || F.isDisabled()) return;
-		let t = e.target, r = t.closest(`[${o}]`);
-		if (!r || d && !t.closest(d)) return;
-		let i = r.parentElement;
+	}, z = (e) => {
+		if (D.active || R.isDisabled()) return;
+		let t = e.target, n = t.closest(`[${s}]`);
+		if (!n || !O().includes(n)) return;
+		if (f !== void 0) {
+			let e = x ? t.closest(x) : null;
+			if (!e || !n.contains(e)) return;
+		}
+		let i = n.parentElement;
 		if (!i) return;
-		let a = N(r), s = r.nextSibling, l = c(r), u = /* @__PURE__ */ new Map();
-		u.set(F, F.getOrderedIds()), r.setAttribute("data-dragging", ""), i.insertBefore(a, s);
-		let m = {
-			draggedEl: r,
-			draggedId: l,
+		let a = L(n), o = n.nextSibling, c = l(n), u = /* @__PURE__ */ new Map();
+		u.set(R, R.getOrderedIds()), n.setAttribute("data-dragging", ""), i.insertBefore(a, o);
+		let d = {
+			draggedEl: n,
+			draggedId: c,
 			hideFrame: null,
 			initialOrders: u,
-			originalDisplay: r.style.display,
-			originalNextSibling: s,
+			originalDisplay: n.style.display,
+			originalNextSibling: o,
 			originalParent: i,
 			placeholder: a,
-			source: F,
-			target: F
+			source: R,
+			target: R
 		};
-		if ((!f(e) || e.__dndTouchPreview) && p(m), C.active = m, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", l), n.dragImage)) {
-			let t = typeof n.dragImage == "function" ? n.dragImage(l, r, e) : n.dragImage, [i, a] = n.dragImageOffset ?? [0, 0];
-			t && e.dataTransfer.setDragImage(t, i, a);
+		if ((!p(e) || e.__dndTouchPreview) && g(d), D.active = d, e.dataTransfer) try {
+			if (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", c), r.dragImage) {
+				let t = typeof r.dragImage == "function" ? r.dragImage(c, n, e) : r.dragImage, [i, a] = r.dragImageOffset ?? [0, 0];
+				t && e.dataTransfer.setDragImage(t, i, a);
+			}
+		} catch (e) {
+			`${e instanceof Error ? e.message : String(e)}`;
 		}
-		F.notifyDragStart(m.draggedId, e), F.notifyInteraction({
-			index: F.getOrderedIds().indexOf(l),
-			itemId: l,
-			total: F.getOrderedIds().length,
+		R.notifyDragStart(d.draggedId, e), R.notifyInteraction({
+			index: R.getOrderedIds().indexOf(c),
+			itemId: c,
+			total: R.getOrderedIds().length,
 			type: "pickup"
 		});
-	}, L = (e) => {
-		let t = C.active;
-		if (!t || t.source.isDisabled() || F.isDisabled()) return;
-		e.preventDefault(), b(e, s, i, v), g(t, F);
-		let { draggedEl: n, placeholder: r } = t, a = e.target.closest(`[${o}]`);
-		if (!a) {
-			r.parentElement !== s && s.appendChild(r), t.target = F;
+	}, B = (e) => {
+		let t = D.active;
+		if (!t || t.source.isDisabled() || R.isDisabled()) return;
+		e.preventDefault(), w(e, c, a, S), y(t, R);
+		let { draggedEl: n, placeholder: r } = t, i = e.target.closest(`[${s}]`);
+		if (i && !O().includes(i)) return;
+		if (!i) {
+			r.parentElement !== c && c.appendChild(r), t.target = R;
 			return;
 		}
-		if (a === n || a === r) return;
-		let c = a.getBoundingClientRect(), l = i === "vertical" ? e.clientY >= c.top + c.height / 2 : e.clientX >= c.left + c.width / 2;
-		s.insertBefore(r, l ? a.nextSibling : a), t.target = F;
-	}, R = (e) => {
-		let t = C.active;
-		t && (t.source.isDisabled() || F.isDisabled() || (e.preventDefault(), t.target = F));
-	}, z = (e) => {
-		C.active?.source === F && y(C, e, !1);
-	}, B = (e) => {
-		if (!m || F.isDisabled()) return;
-		let t = e.target?.tagName;
-		if (t === "INPUT" || t === "TEXTAREA" || t === "SELECT") return;
-		let n = e.target.closest(`[${o}]`);
-		if (!n || !s.contains(n)) return;
-		let r = T(), a = c(n), l = r.indexOf(a), u = x(n, s, w, T, e.key, i);
-		u !== null && (e.preventDefault(), F.notifyBeforeReorder(r, u), F.commitReorder(u), F.notifyInteraction({
-			index: u.indexOf(a),
-			itemId: a,
-			previousIndex: l,
-			total: u.length,
+		if (i === n || i === r) return;
+		let o = i.getBoundingClientRect(), l = a === "vertical" ? e.clientY >= o.top + o.height / 2 : e.clientX >= o.left + o.width / 2;
+		c.insertBefore(r, l ? i.nextSibling : i), t.target = R;
+	}, V = (e) => {
+		let t = D.active;
+		t && (t.source.isDisabled() || R.isDisabled() || (e.preventDefault(), t.target = R));
+	}, H = (e) => {
+		D.active?.source === R && C(D, e, !1);
+	}, U = (e) => {
+		if (!_ || R.isDisabled()) return;
+		let t = e.target, n = t?.closest(`[${s}]`);
+		if (!t || !n || !O().includes(n)) return;
+		let r = t.closest("input, textarea, select, button, a[href], [contenteditable]:not([contenteditable=\"false\"]), [role=\"button\"], [role=\"link\"]"), i = x ? t.closest(x) : null;
+		if (r && (!i || !n.contains(i))) return;
+		let o = O(), u = o.indexOf(n), d = T(o, n, e.key, a);
+		if (d === null) return;
+		let f = o[d];
+		if (!f) return;
+		let p = o.map(l), h = [...o];
+		h.splice(u, 1), h.splice(d, 0, n);
+		let g = h.map(l), v = l(n);
+		e.preventDefault(), R.notifyBeforeReorder(m(p), m(g)), c.insertBefore(n, d > u ? f.nextSibling : f), n.focus(), R.commitReorder({
+			after: g,
+			before: p,
+			item: v
+		}), R.notifyInteraction({
+			index: d,
+			itemId: v,
+			previousIndex: u,
+			total: g.length,
 			type: "move"
-		}));
+		});
 	};
-	j();
-	let V = e(() => {
-		C.disposables.delete(V.dispose), C.active && (C.active.source === F || C.active.target === F) && y(C, new Event("dragend"), !0), C.handles.delete(F), k(s, "role", D), M();
+	F();
+	let W, G = e(() => {
+		D.disposables.delete(G.dispose), D.active && (D.active.source === R || D.active.target === R) && !D.touch?.cancel() && C(D, new Event("dragend"), !0), W?.(), D.handles.delete(R), N(c, "role", j), I();
 	});
-	return D === null && s.setAttribute("role", "list"), s.addEventListener("dragstart", I, { signal: V.disposalSignal }), s.addEventListener("dragover", L, { signal: V.disposalSignal }), s.addEventListener("drop", R, { signal: V.disposalSignal }), s.addEventListener("dragend", z, { signal: V.disposalSignal }), s.addEventListener("keydown", B, { signal: V.disposalSignal }), C.disposables.add(V.dispose), {
+	return D.handles.add(R), W = D.touch?.register(c), j === null && c.setAttribute("role", "list"), c.addEventListener("dragstart", z, { signal: G.disposalSignal }), c.addEventListener("dragover", B, { signal: G.disposalSignal }), c.addEventListener("drop", V, { signal: G.disposalSignal }), c.addEventListener("dragend", H, { signal: G.disposalSignal }), c.addEventListener("keydown", U, { signal: G.disposalSignal }), D.disposables.add(G.dispose), {
 		get disposalSignal() {
-			return V.disposalSignal;
+			return G.disposalSignal;
 		},
-		dispose: V.dispose,
+		dispose: G.dispose,
 		get disposed() {
-			return V.disposed;
+			return G.disposed;
 		},
 		get isDragging() {
-			return C.active?.source === F;
-		},
-		revert: () => {
-			P?.(), P = null;
+			return D.active?.source === R;
 		},
-		[Symbol.dispose]: V[Symbol.dispose],
-		sync: () => {
-			j();
+		[Symbol.dispose]: G[Symbol.dispose],
+		refresh: () => {
+			F();
 		}
 	};
 }
-function w(e, t, n) {
-	let r = new Map(e.map((e) => [n(e), e])), i = [];
+function O(e, t, r) {
+	let i = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		let e = r(t);
+		if (i.has(e)) throw new n(`Duplicate item key: "${e}"`);
+		i.set(e, t);
+	}
+	let a = [];
 	for (let e of t) {
-		if (!r.has(e)) continue;
-		let t = r.get(e);
-		i.push(t), r.delete(e);
+		if (!i.has(e)) continue;
+		let t = i.get(e);
+		a.push(t), i.delete(e);
 	}
-	for (let e of r.values()) i.push(e);
-	return i;
+	for (let e of i.values()) a.push(e);
+	return a;
 }
 //#endregion
-export { w as applyReorder, C as createSortable, S as createSortableScope };
+export { n as DndError, r as DndScopeError, O as applyReorder, D as createSortable, E as createSortableScope };
 
 //# sourceMappingURL=sortable.js.map