@vielzeug/dnd 1.2.3 → 2.0.0

package/dist/sortable.js

@@ -1,69 +1,86 @@
 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";
 //#region src/sortable.ts
-var r = Symbol("SortableScope"), i = "data-dnd-handle", a = "data-dnd-item", o = /* @__PURE__ */ new WeakMap(), s = {
+var i = Symbol("SortableScope"), a = "data-dnd-handle", o = "data-dnd-item", s = /* @__PURE__ */ new WeakMap(), c = {
 	container: !0,
 	edgeThreshold: 32,
 	speed: 18,
 	viewport: !1
 };
-function c(e) {
-	let t = o.get(e);
+function l(e) {
+	let t = s.get(e);
 	if (!t) throw new n();
 	return t;
 }
-function l(e) {
-	return e === !1 ? null : e === !0 || e === void 0 ? s : {
+function u(e) {
+	return e === !1 ? null : e === !0 || e === void 0 ? c : {
 		container: e.container ?? !0,
 		edgeThreshold: e.edgeThreshold ?? 32,
 		speed: e.speed ?? 18,
 		viewport: e.viewport ?? !1
 	};
 }
-function u(e, t) {
+function d(e, t) {
 	return t.length !== e.length || t.some((t, n) => t !== e[n]);
 }
-function d(e) {
-	e.querySelectorAll(`[${i}]`).forEach((e) => {
-		e.removeAttribute(i), e.removeAttribute("draggable"), e.style.touchAction = "";
-	});
-}
 function f(e) {
+	return e.__dndTouch === !0;
+}
+function p(e) {
 	typeof requestAnimationFrame == "function" && (e.hideFrame = requestAnimationFrame(() => {
 		e.hideFrame = null, e.draggedEl.style.display = "none";
 	}));
 }
-function p(e) {
+function m(e) {
 	e.hideFrame !== null && (cancelAnimationFrame(e.hideFrame), e.hideFrame = null);
 }
-function m(e) {
-	p(e), e.draggedEl.style.display = e.originalDisplay, e.draggedEl.removeAttribute("data-dragging");
+function h(e) {
+	m(e), e.draggedEl.style.display = e.originalDisplay, e.draggedEl.removeAttribute("data-dragging");
 }
-function h(e, t) {
+function g(e, t) {
 	e.initialOrders.has(t) || e.initialOrders.set(t, t.getOrderedIds());
 }
-function g(e, t) {
+function _(e, t) {
 	let n = e.active;
-	n && (m(n), n.originalParent.insertBefore(n.draggedEl, n.originalNextSibling), n.placeholder.remove(), e.active = null, n.source.notifyDragEnd(n.draggedId, t));
+	n && (h(n), n.originalParent.insertBefore(n.draggedEl, n.originalNextSibling), n.placeholder.remove(), e.active = null, n.source.notifyDragEnd(n.draggedId, t));
 }
-function _(e, t) {
+function v(e, t) {
 	let n = e.active;
 	if (!n) return;
 	let r = n.target, i = n.placeholder.parentElement;
-	m(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);
+	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 = [];
 	for (let [t, r] of n.initialOrders) {
 		if (!e.handles.has(t)) continue;
 		let n = t.getOrderedIds();
-		u(r, n) && (t.notifyBeforeReorder(r, n), t.commitReorder(n));
+		d(r, n) && a.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);
+		t && i && e.commitMove({
+			itemId: n.draggedId,
+			source: n.source.element,
+			sourceIds: t.after,
+			target: r.element,
+			targetIds: i.after
+		});
+		return;
+	}
+	for (let { after: e, handle: t } of a) t.commitReorder(e);
 }
-function v(e, t, n) {
+function y(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() ? g(e, t) : _(e, t);
+	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);
 }
-function y(e, t, n, r) {
+function b(e, t, n, r) {
 	if (!r) return;
 	let { container: i, edgeThreshold: a, speed: o, viewport: s } = r, c = t.getBoundingClientRect();
 	if (n === "vertical") {
@@ -84,7 +101,7 @@ function y(e, t, n, r) {
 		top: 0
 	});
 }
-function b(e, t, n, r, i, a) {
+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;
@@ -97,150 +114,193 @@ function b(e, t, n, r, i, a) {
 	let d = o[u];
 	return d ? (t.insertBefore(e, u > s ? d.nextSibling : d), e.focus(), r()) : null;
 }
-function x() {
-	let t = {
+function S(t = {}) {
+	let n = {
 		active: null,
+		commitMove(e) {
+			t.onMove?.({
+				...e,
+				setRevert(e) {
+					n.lastRevert = e;
+				}
+			});
+		},
 		disposables: /* @__PURE__ */ new Set(),
-		handles: /* @__PURE__ */ new Set()
-	}, n = e(() => {
-		for (let e of t.disposables) e();
-	}), i = {
+		handles: /* @__PURE__ */ new Set(),
+		lastRevert: null,
+		touch: null
+	}, a = e(() => {
+		n.touch?.dispose();
+		for (let e of n.disposables) e();
+	}), o = {
 		get disposalSignal() {
-			return n.disposalSignal;
+			return a.disposalSignal;
 		},
-		dispose: n.dispose,
+		dispose: a.dispose,
 		get disposed() {
-			return n.disposed;
+			return a.disposed;
 		},
 		get isDragging() {
-			return t.active !== null;
+			return n.active !== null;
+		},
+		revert() {
+			n.lastRevert?.(), n.lastRevert = null;
 		},
-		[r]: !0,
-		[Symbol.dispose]: n[Symbol.dispose]
+		[i]: !0,
+		[Symbol.dispose]: a[Symbol.dispose]
 	};
-	return o.set(i, t), i;
+	return s.set(o, n), t.touch && (n.touch = r(t.touch === !0 ? {} : t.touch, (e) => {
+		for (let t of n.handles) {
+			let n = t.resolveTouchTarget(e);
+			if (n) return n;
+		}
+		return null;
+	})), o;
 }
-function S(n) {
-	let { autoScroll: r = !0, axis: o = "vertical", element: s, getKey: u, handle: p, keyboard: m = !0, placeholderClass: g = "dnd-placeholder", scope: _ = x() } = n, S = l(r), C = c(_);
-	p !== void 0 && p.trim();
-	let w = () => Array.from(s.children).filter((e) => e.hasAttribute(a)), T = () => w().map((e) => u(e)), E = () => {
-		d(s), w().forEach((e) => {
-			e.setAttribute("role", "listitem"), e.tabIndex = 0, p ? (e.removeAttribute("draggable"), e.style.touchAction = "", e.querySelectorAll(p).forEach((e) => {
-				e.setAttribute(i, ""), e.setAttribute("draggable", "true"), e.style.touchAction = "none";
-			})) : (e.setAttribute("draggable", "true"), e.style.touchAction = "none");
+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);
+		if (t) return t;
+		let n = {
+			dataDndHandle: e.getAttribute(a),
+			dataDndItem: e.getAttribute(o),
+			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) => {
+		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");
 		});
-	}, D = () => {
+	}, j = () => {
 		let e = /* @__PURE__ */ new Set();
 		Array.from(s.children).forEach((t) => {
 			let n = t;
 			try {
-				let t = u(n);
-				t && (e.has(t) ? `${t}` : e.add(t), n.setAttribute(a, ""));
+				let t = c(n);
+				t && (O(n), e.has(t) ? `${t}` : e.add(t), n.setAttribute(o, ""));
 			} catch (e) {
 				`${String(e)}`;
 			}
-		}), E();
-	}, O = () => {
-		d(s), s.querySelectorAll(`[${a}]`).forEach((e) => {
-			e.removeAttribute(a), e.removeAttribute("draggable"), e.removeAttribute("role"), e.removeAttribute("tabindex"), e.style.touchAction = "";
-		});
-	}, k = (e) => {
+		}), 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) => {
 		let t = document.createElement("div");
-		return t.className = g, t.setAttribute("aria-hidden", "true"), o === "horizontal" ? t.style.width = `${e.offsetWidth}px` : t.style.height = `${e.offsetHeight}px`, t;
-	}, A = null, j = {
+		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) {
-					A = 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)
+		notifyDragStart: (e, t) => n.onDragStart?.(e, t),
+		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;
+		}
 	};
-	C.handles.add(j);
-	let M = (e) => {
-		if (C.active || j.isDisabled()) return;
-		let t = e.target, r = t.closest(`[${a}]`);
-		if (!r || p && !t.closest(p)) return;
+	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;
 		if (!i) return;
-		let o = k(r), s = r.nextSibling, c = u(r), l = /* @__PURE__ */ new Map();
-		l.set(j, j.getOrderedIds()), r.setAttribute("data-dragging", ""), i.insertBefore(o, s);
-		let d = {
+		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: c,
+			draggedId: l,
 			hideFrame: null,
-			initialOrders: l,
+			initialOrders: u,
 			originalDisplay: r.style.display,
 			originalNextSibling: s,
 			originalParent: i,
-			placeholder: o,
-			source: j,
-			target: j
+			placeholder: a,
+			source: F,
+			target: F
 		};
-		if (f(d), C.active = d, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", c), n.dragImage)) {
-			let t = typeof n.dragImage == "function" ? n.dragImage(c, r, e) : n.dragImage, [i, a] = n.dragImageOffset ?? [0, 0];
+		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);
 		}
-		j.notifyDragStart(d.draggedId, e);
-	}, N = (e) => {
+		F.notifyDragStart(m.draggedId, e);
+	}, L = (e) => {
 		let t = C.active;
-		if (!t || t.source.isDisabled() || j.isDisabled()) return;
-		e.preventDefault(), y(e, s, o, S), h(t, j);
-		let { draggedEl: n, placeholder: r } = t, i = e.target.closest(`[${a}]`);
-		if (!i) {
-			r.parentElement !== s && s.appendChild(r), t.target = j;
+		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;
 			return;
 		}
-		if (i === n || i === r) return;
-		let c = i.getBoundingClientRect(), l = o === "vertical" ? e.clientY >= c.top + c.height / 2 : e.clientX >= c.left + c.width / 2;
-		s.insertBefore(r, l ? i.nextSibling : i), t.target = j;
-	}, P = (e) => {
+		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() || j.isDisabled() || (e.preventDefault(), t.target = j));
-	}, F = (e) => {
-		C.active?.source === j && v(C, e, !1);
-	}, I = (e) => {
-		if (!m || j.isDisabled()) return;
+		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(`[${a}]`);
+		let n = e.target.closest(`[${o}]`);
 		if (!n || !s.contains(n)) return;
-		let r = T(), i = b(n, s, w, T, e.key, o);
-		i !== null && (e.preventDefault(), j.notifyBeforeReorder(r, i), j.commitReorder(i));
+		let r = T(), a = x(n, s, w, T, e.key, i);
+		a !== null && (e.preventDefault(), F.notifyBeforeReorder(r, a), F.commitReorder(a));
 	};
-	D();
-	let L = e(() => {
-		C.disposables.delete(L.dispose), C.active && (C.active.source === j || C.active.target === j) && v(C, new Event("dragend"), !0), C.handles.delete(j), s.removeAttribute("role"), O();
+	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();
 	});
-	return s.setAttribute("role", "list"), s.addEventListener("dragstart", M, { signal: L.disposalSignal }), s.addEventListener("dragover", N, { signal: L.disposalSignal }), s.addEventListener("drop", P, { signal: L.disposalSignal }), s.addEventListener("dragend", F, { signal: L.disposalSignal }), s.addEventListener("keydown", I, { signal: L.disposalSignal }), C.disposables.add(L.dispose), {
+	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), {
 		get disposalSignal() {
-			return L.disposalSignal;
+			return V.disposalSignal;
 		},
-		dispose: L.dispose,
+		dispose: V.dispose,
 		get disposed() {
-			return L.disposed;
+			return V.disposed;
 		},
 		get isDragging() {
-			return C.active?.source === j;
+			return C.active?.source === F;
 		},
 		revert: () => {
-			A?.(), A = null;
+			P?.(), P = null;
 		},
-		[Symbol.dispose]: L[Symbol.dispose],
+		[Symbol.dispose]: V[Symbol.dispose],
 		sync: () => {
-			D();
+			j();
 		}
 	};
 }
-function C(e, t, n) {
+function w(e, t, n) {
 	let r = new Map(e.map((e) => [n(e), e])), i = [];
 	for (let e of t) {
 		if (!r.has(e)) continue;
@@ -251,6 +311,6 @@ function C(e, t, n) {
 	return i;
 }
 //#endregion
-export { C as applyReorder, S as createSortable, x as createSortableScope };
+export { w as applyReorder, C as createSortable, S as createSortableScope };
 
 //# sourceMappingURL=sortable.js.map

package/dist/sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortable.js","names":[],"sources":["../src/sortable.ts"],"sourcesContent":["import { warn } from './_dev';\nimport { createDisposable, resolveDisabled } from './_shared';\nimport { DndScopeError } from './errors';\nimport { type Disposable } from './types';\n\n// ─── Branded scope ────────────────────────────────────────────────────────────\n\nconst SCOPE_BRAND = Symbol('SortableScope');\n\nexport interface SortableScope extends Disposable {\n  /** `true` while any sortable in this scope is actively dragging. */\n  readonly isDragging: boolean;\n  readonly [SCOPE_BRAND]: true;\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface AutoScrollOptions {\n  /** Distance in pixels from an edge that triggers auto-scroll. @default 32 */\n  edgeThreshold?: number;\n  /** Pixels scrolled per dragover frame while near an edge. @default 18 */\n  speed?: number;\n  /** Scroll the sortable container while dragging near its edges. @default true */\n  container?: boolean;\n  /** Scroll the viewport while dragging near the window edges. @default false */\n  viewport?: boolean;\n}\n\n/**\n * Passed to `onReorder` after every successful reorder (drag or keyboard).\n */\nexport interface ReorderEvent {\n  /** The new ordered list of item keys after the reorder. */\n  ids: string[];\n  /**\n   * Register a revert function that will be called when `sortable.revert()` is invoked.\n   * Useful for rolling back optimistic UI updates on server error.\n   * Only the most recent `setRevert` registration is retained — a new reorder overwrites it.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * ```\n   */\n  setRevert(fn: () => void): void;\n}\n\nexport interface SortableOptions {\n  /** Container element whose direct-child items are sortable. */\n  element: HTMLElement;\n  /** Shared scope for connected sortable containers. Containers only exchange items within the same scope. */\n  scope?: SortableScope;\n  /**\n   * Selector for the drag handle inside each item.\n   * When omitted the whole item is the handle.\n   */\n  handle?: string;\n  /**\n   * Enables keyboard-based reordering using arrow keys plus Home/End.\n   * @default true\n   */\n  keyboard?: boolean;\n  /**\n   * Returns the identity key for a given item element.\n   * This separates the \"what is this item?\" concern (yours) from the \"which children\n   * are sortable?\" concern (ours — marked with `data-dnd-item`).\n   *\n   * @example\n   * ```ts\n   * getKey: (el) => el.dataset.taskId!\n   * ```\n   */\n  getKey: (element: HTMLElement) => string;\n  /** Sorting axis used to compute insertion position. @default 'vertical' */\n  axis?: 'vertical' | 'horizontal';\n  /** Auto-scrolls the container (and viewport) near edges while dragging. @default true */\n  autoScroll?: boolean | AutoScrollOptions;\n  /** Optional custom drag preview element. */\n  dragImage?: HTMLElement | ((id: string, item: HTMLElement, event: DragEvent) => HTMLElement | null | undefined);\n  /** CSS class applied to the placeholder element. @default 'dnd-placeholder' */\n  placeholderClass?: string;\n  /**\n   * Called with a {@link ReorderEvent} after a successful reorder, only when the order changed.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * ```\n   */\n  onReorder?: (event: ReorderEvent) => void;\n  /**\n   * Called just before a successful drag commit with the before and after order snapshots.\n   * Use this hook to set up FLIP animations — the source items are still in their\n   * pre-commit positions at the time of the call.\n   *\n   * @example\n   * ```ts\n   * onBeforeReorder: (from, to) => {\n   *   // record element positions here, then animate after the next microtask\n   * }\n   * ```\n   */\n  onBeforeReorder?: (from: string[], to: string[]) => void;\n  /**\n   * When `true`, drag interactions are ignored.\n   *\n   * Note: if `disabled` transitions to `true` while a drag is in progress the\n   * drag is treated as a cancellation — the item snaps back to its original\n   * position rather than committing the last placeholder location.\n   */\n  disabled?: boolean;\n  /** Called when the user starts dragging an item. */\n  onDragStart?: (id: string, event: DragEvent) => void;\n  /** Called when a drag ends (whether dropped or cancelled). */\n  onDragEnd?: (id: string, event: DragEvent) => void;\n  /**\n   * Hotspot offset `[x, y]` passed to `setDragImage`.\n   * Controls which point of the preview image follows the cursor.\n   * @default [0, 0]\n   */\n  dragImageOffset?: [number, number];\n}\n\nexport interface Sortable extends Disposable {\n  readonly isDragging: boolean;\n  /**\n   * Calls the revert function registered via `setRevert` in the last `onReorder` invocation (if any) and clears it.\n   * A no-op when no revert function was registered or has already been consumed.\n   *\n   * Works for both drag-based and keyboard-based reorders.\n   * Note: only the most recent reorder can be reverted; a new reorder overwrites the stored function.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * // later, on server error:\n   * sortable.revert();\n   * ```\n   */\n  revert(): void;\n  /**\n   * Re-reads the container's children and reapplies `draggable`, ARIA roles,\n   * and handle attributes. Call this after programmatically adding, removing,\n   * or replacing items — e.g. after a framework render that replaces DOM nodes.\n   *\n   * Not needed when items are only reordered via drag or keyboard.\n   */\n  sync(): void;\n}\n\n// ─── Internal types ───────────────────────────────────────────────────────────\n\ninterface ResolvedAutoScrollOptions {\n  container: boolean;\n  edgeThreshold: number;\n  speed: number;\n  viewport: boolean;\n}\n\n/** Per-container closure passed into shared session functions. */\ninterface ContainerHandle {\n  getOrderedIds: () => string[];\n  isDisabled: () => boolean;\n  commitReorder: (orderedIds: string[]) => void;\n  notifyBeforeReorder: (from: string[], to: string[]) => void;\n  notifyDragEnd: (id: string, event: DragEvent) => void;\n  notifyDragStart: (id: string, event: DragEvent) => void;\n}\n\n/**\n * Encapsulates all mutable state for a single in-progress drag operation.\n * Created at dragstart, destroyed on dragend/cancel.\n */\ninterface DragSession {\n  draggedEl: HTMLElement;\n  draggedId: string;\n  /**\n   * Order snapshots captured lazily: snapshot is taken the first time a handle\n   * becomes the active target (and always for the source at drag start).\n   */\n  initialOrders: Map<ContainerHandle, string[]>;\n  originalDisplay: string;\n  originalNextSibling: ChildNode | null;\n  originalParent: HTMLElement;\n  placeholder: HTMLElement;\n  source: ContainerHandle;\n  target: ContainerHandle | null;\n  /** rAF handle for the deferred element-hide; null once fired or cancelled. */\n  hideFrame: number | null;\n}\n\ninterface SortableScopeState {\n  active: DragSession | null;\n  handles: Set<ContainerHandle>;\n  /** All sortables registered in this scope, kept for scope.dispose(). */\n  disposables: Set<() => void>;\n}\n\n// ─── Internal constants ───────────────────────────────────────────────────────\n\nconst HANDLE_ATTR = 'data-dnd-handle';\nconst ITEM_ATTR = 'data-dnd-item';\nconst sortableScopeStates = new WeakMap<SortableScope, SortableScopeState>();\nconst DEFAULT_AUTO_SCROLL: ResolvedAutoScrollOptions = {\n  container: true,\n  edgeThreshold: 32,\n  speed: 18,\n  viewport: false,\n};\n\n// ─── Scope helpers ────────────────────────────────────────────────────────────\n\nfunction getSortableScopeState(scope: SortableScope): SortableScopeState {\n  const state = sortableScopeStates.get(scope);\n\n  if (!state) throw new DndScopeError();\n\n  return state;\n}\n\n// ─── Option resolution ────────────────────────────────────────────────────────\n\nfunction resolveAutoScrollOptions(\n  autoScroll: boolean | AutoScrollOptions | undefined,\n): ResolvedAutoScrollOptions | null {\n  if (autoScroll === false) return null;\n\n  if (autoScroll === true || autoScroll === undefined) return DEFAULT_AUTO_SCROLL;\n\n  return {\n    container: autoScroll.container ?? true,\n    edgeThreshold: autoScroll.edgeThreshold ?? 32,\n    speed: autoScroll.speed ?? 18,\n    viewport: autoScroll.viewport ?? false,\n  };\n}\n\n// ─── DOM helpers ──────────────────────────────────────────────────────────────\n\nfunction hasOrderChanged(before: string[], after: string[]): boolean {\n  return after.length !== before.length || after.some((id, index) => id !== before[index]);\n}\n\nfunction clearHandleAttributes(element: HTMLElement): void {\n  element.querySelectorAll<HTMLElement>(`[${HANDLE_ATTR}]`).forEach((handleEl) => {\n    handleEl.removeAttribute(HANDLE_ATTR);\n    handleEl.removeAttribute('draggable');\n    handleEl.style.touchAction = '';\n  });\n}\n\n// ─── Drag session helpers ─────────────────────────────────────────────────────\n\nfunction scheduleHide(session: DragSession): void {\n  if (typeof requestAnimationFrame !== 'function') return;\n\n  session.hideFrame = requestAnimationFrame(() => {\n    session.hideFrame = null;\n    session.draggedEl.style.display = 'none';\n  });\n}\n\nfunction cancelHide(session: DragSession): void {\n  if (session.hideFrame !== null) {\n    cancelAnimationFrame(session.hideFrame);\n    session.hideFrame = null;\n  }\n}\n\nfunction restoreSessionElement(session: DragSession): void {\n  cancelHide(session);\n  session.draggedEl.style.display = session.originalDisplay;\n  session.draggedEl.removeAttribute('data-dragging');\n}\n\n/**\n * Snapshot a handle's current order if not already recorded.\n * Called the first time a handle becomes an active target so we only capture\n * lists that actually participate in the drag.\n */\nfunction snapshotOrder(session: DragSession, handle: ContainerHandle): void {\n  if (!session.initialOrders.has(handle)) {\n    session.initialOrders.set(handle, handle.getOrderedIds());\n  }\n}\n\n// ─── Session commit / cancel ──────────────────────────────────────────────────\n\nfunction cancelSession(scopeState: SortableScopeState, event: DragEvent): void {\n  const session = scopeState.active;\n\n  if (!session) return;\n\n  restoreSessionElement(session);\n  session.originalParent.insertBefore(session.draggedEl, session.originalNextSibling);\n  session.placeholder.remove();\n  scopeState.active = null;\n\n  session.source.notifyDragEnd(session.draggedId, event);\n}\n\nfunction commitSession(scopeState: SortableScopeState, event: DragEvent): void {\n  const session = scopeState.active;\n\n  if (!session) return;\n\n  const targetHandle = session.target;\n  const targetElement = session.placeholder.parentElement;\n\n  restoreSessionElement(session);\n\n  if (targetHandle && scopeState.handles.has(targetHandle) && targetElement) {\n    targetElement.insertBefore(session.draggedEl, session.placeholder);\n  } else {\n    session.originalParent.insertBefore(session.draggedEl, session.originalNextSibling);\n  }\n\n  session.placeholder.remove();\n  scopeState.active = null;\n\n  session.source.notifyDragEnd(session.draggedId, event);\n\n  for (const [handle, beforeOrder] of session.initialOrders) {\n    if (!scopeState.handles.has(handle)) continue;\n\n    const afterOrder = handle.getOrderedIds();\n\n    if (!hasOrderChanged(beforeOrder, afterOrder)) continue;\n\n    handle.notifyBeforeReorder(beforeOrder, afterOrder);\n    handle.commitReorder(afterOrder);\n  }\n}\n\nfunction finishSession(scopeState: SortableScopeState, event: DragEvent, forceCancel: boolean): void {\n  if (!scopeState.active) return;\n\n  const { active } = scopeState;\n\n  // If source or target became disabled during the drag, treat as cancellation.\n  if (\n    forceCancel ||\n    !event.dataTransfer ||\n    event.dataTransfer.dropEffect === 'none' ||\n    !active.target ||\n    !scopeState.handles.has(active.target) ||\n    active.source.isDisabled() ||\n    active.target.isDisabled()\n  ) {\n    cancelSession(scopeState, event);\n  } else {\n    commitSession(scopeState, event);\n  }\n}\n\nfunction maybeAutoScroll(\n  event: DragEvent,\n  container: HTMLElement,\n  axis: 'vertical' | 'horizontal',\n  options: ResolvedAutoScrollOptions | null,\n): void {\n  if (!options) return;\n\n  const { container: scrollContainer, edgeThreshold: threshold, speed, viewport } = options;\n  const rect = container.getBoundingClientRect();\n\n  if (axis === 'vertical') {\n    if (scrollContainer && event.clientY < rect.top + threshold) {\n      container.scrollTop -= speed;\n    } else if (scrollContainer && event.clientY > rect.bottom - threshold) {\n      container.scrollTop += speed;\n    }\n\n    if (viewport && event.clientY < threshold) {\n      window.scrollBy({ left: 0, top: -speed });\n    } else if (viewport && event.clientY > window.innerHeight - threshold) {\n      window.scrollBy({ left: 0, top: speed });\n    }\n\n    return;\n  }\n\n  if (scrollContainer && event.clientX < rect.left + threshold) {\n    container.scrollLeft -= speed;\n  } else if (scrollContainer && event.clientX > rect.right - threshold) {\n    container.scrollLeft += speed;\n  }\n\n  if (viewport && event.clientX < threshold) {\n    window.scrollBy({ left: -speed, top: 0 });\n  } else if (viewport && event.clientX > window.innerWidth - threshold) {\n    window.scrollBy({ left: speed, top: 0 });\n  }\n}\n\n// ─── Keyboard reorder ─────────────────────────────────────────────────────────\n\nfunction applyKeyboardReorder(\n  item: HTMLElement,\n  element: HTMLElement,\n  getItems: () => HTMLElement[],\n  getOrderedIds: () => string[],\n  key: string,\n  axis: 'vertical' | 'horizontal',\n): string[] | null {\n  const items = getItems();\n  const currentIndex = items.indexOf(item);\n\n  if (currentIndex < 0) return null;\n\n  const isForward = axis === 'vertical' ? key === 'ArrowDown' : key === 'ArrowRight';\n  const isBackward = axis === 'vertical' ? key === 'ArrowUp' : key === 'ArrowLeft';\n  let targetIndex: number;\n\n  if (isForward) {\n    targetIndex = Math.min(items.length - 1, currentIndex + 1);\n  } else if (isBackward) {\n    targetIndex = Math.max(0, currentIndex - 1);\n  } else if (key === 'Home') {\n    targetIndex = 0;\n  } else if (key === 'End') {\n    targetIndex = items.length - 1;\n  } else {\n    return null;\n  }\n\n  // Already at the boundary — return null so the caller does not call preventDefault\n  // and the browser can handle the key (e.g. scrolling the page).\n  if (targetIndex === currentIndex) return null;\n\n  const targetItem = items[targetIndex];\n\n  if (!targetItem) return null;\n\n  element.insertBefore(item, targetIndex > currentIndex ? targetItem.nextSibling : targetItem);\n  item.focus();\n\n  return getOrderedIds();\n}\n\n// ─── createSortableScope ──────────────────────────────────────────────────────\n\n/**\n * Create a shared scope for connected sortable containers.\n *\n * Items can be dragged between all sortables that share the same scope.\n * The scope exposes `isDragging` and `dispose()` — calling `dispose()` tears down\n * all member sortables at once.\n *\n * @example\n * ```ts\n * const scope = createSortableScope();\n * const left = createSortable({ element: leftEl, scope, getKey, onReorder });\n * const right = createSortable({ element: rightEl, scope, getKey, onReorder });\n *\n * // Tear down everything at once:\n * scope.dispose();\n * ```\n */\nexport function createSortableScope(): SortableScope {\n  const state: SortableScopeState = { active: null, disposables: new Set(), handles: new Set() };\n  const disposable = createDisposable(() => {\n    // Dispose all registered sortables (each dispose() call is idempotent)\n    for (const disposeFn of state.disposables) {\n      disposeFn();\n    }\n  });\n\n  const scope = {\n    get disposalSignal() {\n      return disposable.disposalSignal;\n    },\n    dispose: disposable.dispose,\n    get disposed() {\n      return disposable.disposed;\n    },\n    get isDragging() {\n      return state.active !== null;\n    },\n    [SCOPE_BRAND]: true as const,\n    [Symbol.dispose]: disposable[Symbol.dispose],\n  } as SortableScope;\n\n  sortableScopeStates.set(scope, state);\n\n  return scope;\n}\n\n// ─── createSortable ───────────────────────────────────────────────────────────\n\n/**\n * Makes a list of items sortable via native HTML drag interactions.\n *\n * Provide `getKey` to map each item element to a stable string identity.\n * `createSortable` marks qualifying children with `data-dnd-item` and sets\n * `draggable=\"true\"` automatically.\n *\n * Style the drop indicator by targeting `.dnd-placeholder` in your CSS.\n * Supports keyboard reordering (arrow keys, Home/End) and auto-scrolling near edges.\n *\n * @example\n * ```ts\n * import { createSortable } from '@vielzeug/dnd';\n *\n * using sortable = createSortable({\n *   element: listEl,\n *   getKey: (el) => el.dataset.id!,\n *   onReorder: ({ ids, setRevert }) => {\n *     const prev = order;\n *     setOrder(ids);\n *     setRevert(() => setOrder(prev));\n *   },\n * });\n * ```\n */\nexport function createSortable(options: SortableOptions): Sortable {\n  const {\n    autoScroll = true,\n    axis = 'vertical',\n    element,\n    getKey,\n    handle,\n    keyboard = true,\n    placeholderClass = 'dnd-placeholder',\n    scope = createSortableScope(),\n  } = options;\n  const autoScrollOptions = resolveAutoScrollOptions(autoScroll);\n  const scopeState = getSortableScopeState(scope);\n\n  if (handle !== undefined && handle.trim() === '') {\n    warn(\n      'handle option is an empty string — no handle elements will be found. Provide a valid CSS selector or omit the option.',\n    );\n  }\n\n  const getItems = (): HTMLElement[] =>\n    Array.from(element.children).filter((c) => (c as HTMLElement).hasAttribute(ITEM_ATTR)) as HTMLElement[];\n\n  const getOrderedIds = (): string[] => getItems().map((el) => getKey(el));\n\n  const syncItems = (): void => {\n    clearHandleAttributes(element);\n\n    getItems().forEach((el) => {\n      el.setAttribute('role', 'listitem');\n      el.tabIndex = 0;\n\n      if (handle) {\n        el.removeAttribute('draggable');\n        el.style.touchAction = '';\n        el.querySelectorAll<HTMLElement>(handle).forEach((handleEl) => {\n          handleEl.setAttribute(HANDLE_ATTR, '');\n          handleEl.setAttribute('draggable', 'true');\n          // See the matching comment above `cleanupItems()` for why this matters at all.\n          handleEl.style.touchAction = 'none';\n        });\n      } else {\n        el.setAttribute('draggable', 'true');\n        // A native mouse drag has no competing gesture to arbitrate; touch does. Without this,\n        // a mobile browser can decide the very first bit of finger movement is a page\n        // scroll/pan — a decision it makes independently of, and before, this library's own\n        // touch-shim threshold/`preventDefault()` logic ever runs — and hand the rest of the\n        // gesture to native scrolling. Once that happens the item never receives the\n        // `dragover` sequence needed to update the drop target, so the session ends up\n        // committing back to wherever it started: indistinguishable from the drop \"reverting\".\n        // `touch-action: none` opts the element out of every default touch gesture from\n        // `touchstart` onward, leaving the whole interaction to this library's own JS.\n        el.style.touchAction = 'none';\n      }\n    });\n  };\n\n  const markItems = (): void => {\n    const seenKeys = new Set<string>();\n\n    // Mark all children that have a key as sortable items\n    Array.from(element.children).forEach((child) => {\n      const el = child as HTMLElement;\n\n      try {\n        const key = getKey(el);\n\n        if (key) {\n          if (seenKeys.has(key)) {\n            warn(\n              `getKey returned the duplicate key \"${key}\" for two sibling items — onReorder's ids and applyReorder may become inconsistent. Ensure getKey returns a unique value per item.`,\n            );\n          } else {\n            seenKeys.add(key);\n          }\n\n          el.setAttribute(ITEM_ATTR, '');\n        }\n      } catch (err) {\n        warn(\n          `getKey threw for a child element — the item will not be sortable. Check your getKey implementation. ${String(err)}`,\n        );\n      }\n    });\n\n    syncItems();\n  };\n\n  const cleanupItems = (): void => {\n    clearHandleAttributes(element);\n\n    element.querySelectorAll<HTMLElement>(`[${ITEM_ATTR}]`).forEach((item) => {\n      item.removeAttribute(ITEM_ATTR);\n      item.removeAttribute('draggable');\n      item.removeAttribute('role');\n      item.removeAttribute('tabindex');\n      item.style.touchAction = '';\n    });\n  };\n\n  const createPlaceholder = (source: HTMLElement): HTMLElement => {\n    const p = document.createElement('div');\n\n    p.className = placeholderClass;\n    p.setAttribute('aria-hidden', 'true');\n\n    if (axis === 'horizontal') {\n      p.style.width = `${source.offsetWidth}px`;\n    } else {\n      p.style.height = `${source.offsetHeight}px`;\n    }\n\n    return p;\n  };\n\n  let lastRevert: (() => void) | null = null;\n\n  const handle_: ContainerHandle = {\n    commitReorder: (orderedIds) => {\n      if (!options.onReorder) return;\n\n      const event: ReorderEvent = {\n        ids: orderedIds,\n        setRevert(fn) {\n          lastRevert = fn;\n        },\n      };\n\n      options.onReorder(event);\n    },\n    getOrderedIds,\n    isDisabled: () => resolveDisabled(options.disabled),\n    notifyBeforeReorder: (from, to) => options.onBeforeReorder?.(from, to),\n    notifyDragEnd: (id, event) => options.onDragEnd?.(id, event),\n    notifyDragStart: (id, event) => options.onDragStart?.(id, event),\n  };\n\n  scopeState.handles.add(handle_);\n\n  const handleDragStart = (e: DragEvent): void => {\n    if (scopeState.active) return;\n\n    if (handle_.isDisabled()) return;\n\n    const target = e.target as HTMLElement;\n    const item = target.closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!item) return;\n\n    if (handle && !target.closest(handle)) return;\n\n    const originalParent = item.parentElement;\n\n    if (!originalParent) return;\n\n    const placeholder = createPlaceholder(item);\n    const originalNextSibling = item.nextSibling;\n    const activeId = getKey(item);\n\n    // Snapshot only the source handle at drag start; targets are snapshotted lazily.\n    const initialOrders = new Map<ContainerHandle, string[]>();\n\n    initialOrders.set(handle_, handle_.getOrderedIds());\n    item.setAttribute('data-dragging', '');\n    originalParent.insertBefore(placeholder, originalNextSibling);\n\n    const session: DragSession = {\n      draggedEl: item,\n      draggedId: activeId,\n      hideFrame: null,\n      initialOrders,\n      originalDisplay: item.style.display,\n      originalNextSibling,\n      originalParent,\n      placeholder,\n      source: handle_,\n      target: handle_,\n    };\n\n    scheduleHide(session);\n    scopeState.active = session;\n\n    if (e.dataTransfer) {\n      e.dataTransfer.effectAllowed = 'move';\n      e.dataTransfer.setData('text/plain', activeId);\n\n      if (options.dragImage) {\n        const preview =\n          typeof options.dragImage === 'function' ? options.dragImage(activeId, item, e) : options.dragImage;\n        const [offsetX, offsetY] = options.dragImageOffset ?? [0, 0];\n\n        if (preview) e.dataTransfer.setDragImage(preview, offsetX, offsetY);\n      }\n    }\n\n    handle_.notifyDragStart(session.draggedId, e);\n  };\n\n  const handleDragOver = (e: DragEvent): void => {\n    const session = scopeState.active;\n\n    if (!session) return;\n\n    if (session.source.isDisabled() || handle_.isDisabled()) return;\n\n    e.preventDefault();\n    maybeAutoScroll(e, element, axis, autoScrollOptions);\n\n    // Lazily snapshot this handle's order the first time it becomes a target.\n    snapshotOrder(session, handle_);\n\n    const { draggedEl, placeholder } = session;\n    const target = (e.target as HTMLElement).closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!target) {\n      // Only append placeholder when it isn't already inside this container.\n      // Moving it to the end on every over-empty-space event causes the\n      // placeholder to oscillate between positions as the cursor moves.\n      if (placeholder.parentElement !== element) {\n        element.appendChild(placeholder);\n      }\n\n      session.target = handle_;\n\n      return;\n    }\n\n    if (target === draggedEl || target === placeholder) return;\n\n    const rect = target.getBoundingClientRect();\n    const insertAfter =\n      axis === 'vertical' ? e.clientY >= rect.top + rect.height / 2 : e.clientX >= rect.left + rect.width / 2;\n\n    element.insertBefore(placeholder, insertAfter ? target.nextSibling : target);\n    session.target = handle_;\n  };\n\n  const handleDrop = (e: DragEvent): void => {\n    const session = scopeState.active;\n\n    if (!session) return;\n\n    if (session.source.isDisabled() || handle_.isDisabled()) return;\n\n    e.preventDefault();\n    // Record the drop target; the actual commit happens in handleDragEnd where\n    // dataTransfer.dropEffect tells us whether the browser accepted the operation.\n    session.target = handle_;\n  };\n\n  const handleDragEnd = (e: DragEvent): void => {\n    if (scopeState.active?.source !== handle_) return;\n\n    finishSession(scopeState, e, false);\n  };\n\n  const handleKeydown = (e: KeyboardEvent): void => {\n    if (!keyboard || handle_.isDisabled()) return;\n\n    const tagName = (e.target as HTMLElement | null)?.tagName;\n\n    if (tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') return;\n\n    const item = (e.target as HTMLElement).closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!item || !element.contains(item)) return;\n\n    const prevOrder = getOrderedIds();\n    const newOrder = applyKeyboardReorder(item, element, getItems, getOrderedIds, e.key, axis);\n\n    // null means unrecognized key or boundary — let the browser handle it (e.g. page scroll)\n    if (newOrder === null) return;\n\n    e.preventDefault();\n    handle_.notifyBeforeReorder(prevOrder, newOrder);\n    handle_.commitReorder(newOrder);\n  };\n\n  markItems();\n\n  const disposable = createDisposable(() => {\n    scopeState.disposables.delete(disposable.dispose);\n\n    if (scopeState.active && (scopeState.active.source === handle_ || scopeState.active.target === handle_)) {\n      finishSession(scopeState, new Event('dragend') as DragEvent, true);\n    }\n\n    scopeState.handles.delete(handle_);\n    element.removeAttribute('role');\n    cleanupItems();\n  });\n\n  element.setAttribute('role', 'list');\n  element.addEventListener('dragstart', handleDragStart, { signal: disposable.disposalSignal });\n  element.addEventListener('dragover', handleDragOver, { signal: disposable.disposalSignal });\n  element.addEventListener('drop', handleDrop, { signal: disposable.disposalSignal });\n  element.addEventListener('dragend', handleDragEnd, { signal: disposable.disposalSignal });\n  element.addEventListener('keydown', handleKeydown, { signal: disposable.disposalSignal });\n\n  // Register with scope so scope.dispose() can tear this down\n  scopeState.disposables.add(disposable.dispose);\n\n  return {\n    get disposalSignal() {\n      return disposable.disposalSignal;\n    },\n    dispose: disposable.dispose,\n    get disposed() {\n      return disposable.disposed;\n    },\n    get isDragging() {\n      return scopeState.active?.source === handle_;\n    },\n    revert: () => {\n      lastRevert?.();\n      lastRevert = null;\n    },\n    [Symbol.dispose]: disposable[Symbol.dispose],\n    sync: () => {\n      markItems();\n    },\n  };\n}\n\n// ─── applyReorder ─────────────────────────────────────────────────────────────\n\n/**\n * Applies a sorted key array to a backing data array.\n * Unknown keys are ignored; items not present in `ids` are appended in original order.\n */\nexport function applyReorder<T>(items: T[], ids: string[], getKey: (item: T) => string): T[] {\n  const byId = new Map(items.map((item) => [getKey(item), item] as const));\n  const ordered: T[] = [];\n\n  for (const id of ids) {\n    if (!byId.has(id)) continue;\n\n    const item = byId.get(id) as T;\n\n    ordered.push(item);\n    byId.delete(id);\n  }\n\n  for (const item of byId.values()) ordered.push(item);\n\n  return ordered;\n}\n"],"mappings":"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"}
+{"version":3,"file":"sortable.js","names":[],"sources":["../src/sortable.ts"],"sourcesContent":["import { warn } from './_dev';\nimport { createDisposable, resolveDisabled } from './_shared';\nimport { createScopeTouchController, type ScopeTouchController, type TouchInputOptions } from './_touch';\nimport { DndScopeError } from './errors';\nimport { type Disposable } from './types';\n\n// ─── Branded scope ────────────────────────────────────────────────────────────\n\nconst SCOPE_BRAND = Symbol('SortableScope');\n\nexport interface SortableScope extends Disposable {\n  /** `true` while any sortable in this scope is actively dragging. */\n  readonly isDragging: boolean;\n  readonly [SCOPE_BRAND]: true;\n  /**\n   * Calls the revert function registered for the most recent cross-container move.\n   * A no-op when no move registered a revert function.\n   */\n  revert(): void;\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface AutoScrollOptions {\n  /** Distance in pixels from an edge that triggers auto-scroll. @default 32 */\n  edgeThreshold?: number;\n  /** Pixels scrolled per dragover frame while near an edge. @default 18 */\n  speed?: number;\n  /** Scroll the sortable container while dragging near its edges. @default true */\n  container?: boolean;\n  /** Scroll the viewport while dragging near the window edges. @default false */\n  viewport?: boolean;\n}\n\n/**\n * Passed to `onReorder` after every successful reorder (drag or keyboard).\n */\nexport interface ReorderEvent {\n  /** The new ordered list of item keys after the reorder. */\n  ids: string[];\n  /**\n   * Register a revert function that will be called when `sortable.revert()` is invoked.\n   * Useful for rolling back optimistic UI updates on server error.\n   * Only the most recent `setRevert` registration is retained — a new reorder overwrites it.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * ```\n   */\n  setRevert(fn: () => void): void;\n}\n\n/** A single committed move between two containers in the same sortable scope. */\nexport interface SortableMoveEvent {\n  /** Stable identity of the moved item. */\n  readonly itemId: string;\n  /** Source container before the move. */\n  readonly source: HTMLElement;\n  /** Ordered source item IDs after the move. */\n  readonly sourceIds: string[];\n  /** Target container after the move. */\n  readonly target: HTMLElement;\n  /** Ordered target item IDs after the move. */\n  readonly targetIds: string[];\n  /** Registers a rollback for the most recent scope move. */\n  setRevert(fn: () => void): void;\n}\n\nexport interface SortableScopeOptions {\n  /**\n   * Called exactly once for every successful cross-container move.\n   * Local reorders continue to use each sortable's `onReorder` callback.\n   */\n  onMove?: (event: SortableMoveEvent) => void;\n  /**\n   * Enables touch input for sortable items registered to this scope.\n   * The controller ignores unrelated document draggables.\n   */\n  touch?: boolean | TouchInputOptions;\n}\n\nexport type SortableTouchOptions = TouchInputOptions;\n\nexport interface SortableOptions {\n  /** Container element whose direct-child items are sortable. */\n  element: HTMLElement;\n  /** Shared scope for connected sortable containers. Containers only exchange items within the same scope. */\n  scope?: SortableScope;\n  /**\n   * Selector for the drag handle inside each item.\n   * When omitted the whole item is the handle.\n   */\n  handle?: string;\n  /**\n   * Enables keyboard-based reordering using arrow keys plus Home/End.\n   * @default true\n   */\n  keyboard?: boolean;\n  /**\n   * Returns the identity key for a given item element.\n   * This separates the \"what is this item?\" concern (yours) from the \"which children\n   * are sortable?\" concern (ours — marked with `data-dnd-item`).\n   *\n   * @example\n   * ```ts\n   * getKey: (el) => el.dataset.taskId!\n   * ```\n   */\n  getKey: (element: HTMLElement) => string;\n  /** Sorting axis used to compute insertion position. @default 'vertical' */\n  axis?: 'vertical' | 'horizontal';\n  /** Auto-scrolls the container (and viewport) near edges while dragging. @default true */\n  autoScroll?: boolean | AutoScrollOptions;\n  /** Optional custom drag preview element. */\n  dragImage?: HTMLElement | ((id: string, item: HTMLElement, event: DragEvent) => HTMLElement | null | undefined);\n  /** CSS class applied to the placeholder element. @default 'dnd-placeholder' */\n  placeholderClass?: string;\n  /**\n   * Called with a {@link ReorderEvent} after a successful reorder, only when the order changed.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * ```\n   */\n  onReorder?: (event: ReorderEvent) => void;\n  /**\n   * Called just before a successful drag commit with the before and after order snapshots.\n   * Use this hook to set up FLIP animations — the source items are still in their\n   * pre-commit positions at the time of the call.\n   *\n   * @example\n   * ```ts\n   * onBeforeReorder: (from, to) => {\n   *   // record element positions here, then animate after the next microtask\n   * }\n   * ```\n   */\n  onBeforeReorder?: (from: string[], to: string[]) => void;\n  /**\n   * When `true`, drag interactions are ignored.\n   *\n   * Note: if `disabled` transitions to `true` while a drag is in progress the\n   * drag is treated as a cancellation — the item snaps back to its original\n   * position rather than committing the last placeholder location.\n   */\n  disabled?: boolean;\n  /** Called when the user starts dragging an item. */\n  onDragStart?: (id: string, event: DragEvent) => void;\n  /** Called when a drag ends (whether dropped or cancelled). */\n  onDragEnd?: (id: string, event: DragEvent) => void;\n  /**\n   * Hotspot offset `[x, y]` passed to `setDragImage`.\n   * Controls which point of the preview image follows the cursor.\n   * @default [0, 0]\n   */\n  dragImageOffset?: [number, number];\n}\n\nexport interface Sortable extends Disposable {\n  readonly isDragging: boolean;\n  /**\n   * Calls the revert function registered via `setRevert` in the last `onReorder` invocation (if any) and clears it.\n   * A no-op when no revert function was registered or has already been consumed.\n   *\n   * Works for both drag-based and keyboard-based reorders.\n   * Note: only the most recent reorder can be reverted; a new reorder overwrites the stored function.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * // later, on server error:\n   * sortable.revert();\n   * ```\n   */\n  revert(): void;\n  /**\n   * Re-reads the container's children and reapplies `draggable`, ARIA roles,\n   * and handle attributes. Call this after programmatically adding, removing,\n   * or replacing items — e.g. after a framework render that replaces DOM nodes.\n   *\n   * Not needed when items are only reordered via drag or keyboard.\n   */\n  sync(): void;\n}\n\n// ─── Internal types ───────────────────────────────────────────────────────────\n\ninterface ResolvedAutoScrollOptions {\n  container: boolean;\n  edgeThreshold: number;\n  speed: number;\n  viewport: boolean;\n}\n\n/** Per-container closure passed into shared session functions. */\ninterface ContainerHandle {\n  readonly element: HTMLElement;\n  getOrderedIds: () => string[];\n  isDisabled: () => boolean;\n  commitReorder: (orderedIds: string[]) => void;\n  notifyBeforeReorder: (from: string[], to: string[]) => void;\n  notifyDragEnd: (id: string, event: DragEvent) => void;\n  notifyDragStart: (id: string, event: DragEvent) => void;\n  resolveTouchTarget: (target: Element) => HTMLElement | null;\n}\n\n/**\n * Encapsulates all mutable state for a single in-progress drag operation.\n * Created at dragstart, destroyed on dragend/cancel.\n */\ninterface DragSession {\n  draggedEl: HTMLElement;\n  draggedId: string;\n  /**\n   * Order snapshots captured lazily: snapshot is taken the first time a handle\n   * becomes the active target (and always for the source at drag start).\n   */\n  initialOrders: Map<ContainerHandle, string[]>;\n  originalDisplay: string;\n  originalNextSibling: ChildNode | null;\n  originalParent: HTMLElement;\n  placeholder: HTMLElement;\n  source: ContainerHandle;\n  target: ContainerHandle | null;\n  /** rAF handle for the deferred element-hide; null once fired or cancelled. */\n  hideFrame: number | null;\n}\n\ninterface SortableScopeState {\n  active: DragSession | null;\n  commitMove: (event: Omit<SortableMoveEvent, 'setRevert'>) => void;\n  handles: Set<ContainerHandle>;\n  lastRevert: (() => void) | null;\n  touch: ScopeTouchController | null;\n  /** All sortables registered in this scope, kept for scope.dispose(). */\n  disposables: Set<() => void>;\n}\n\ninterface ManagedElementState {\n  dataDndHandle: string | null;\n  dataDndItem: string | null;\n  draggable: string | null;\n  role: string | null;\n  tabIndex: string | null;\n  touchAction: string;\n}\n\ninterface TouchDragEvent extends DragEvent {\n  readonly __dndTouch?: boolean;\n  readonly __dndTouchPreview?: boolean;\n}\n\n// ─── Internal constants ───────────────────────────────────────────────────────\n\nconst HANDLE_ATTR = 'data-dnd-handle';\nconst ITEM_ATTR = 'data-dnd-item';\nconst sortableScopeStates = new WeakMap<SortableScope, SortableScopeState>();\nconst DEFAULT_AUTO_SCROLL: ResolvedAutoScrollOptions = {\n  container: true,\n  edgeThreshold: 32,\n  speed: 18,\n  viewport: false,\n};\n\n// ─── Scope helpers ────────────────────────────────────────────────────────────\n\nfunction getSortableScopeState(scope: SortableScope): SortableScopeState {\n  const state = sortableScopeStates.get(scope);\n\n  if (!state) throw new DndScopeError();\n\n  return state;\n}\n\n// ─── Option resolution ────────────────────────────────────────────────────────\n\nfunction resolveAutoScrollOptions(\n  autoScroll: boolean | AutoScrollOptions | undefined,\n): ResolvedAutoScrollOptions | null {\n  if (autoScroll === false) return null;\n\n  if (autoScroll === true || autoScroll === undefined) return DEFAULT_AUTO_SCROLL;\n\n  return {\n    container: autoScroll.container ?? true,\n    edgeThreshold: autoScroll.edgeThreshold ?? 32,\n    speed: autoScroll.speed ?? 18,\n    viewport: autoScroll.viewport ?? false,\n  };\n}\n\n// ─── DOM helpers ──────────────────────────────────────────────────────────────\n\nfunction hasOrderChanged(before: string[], after: string[]): boolean {\n  return after.length !== before.length || after.some((id, index) => id !== before[index]);\n}\n\nfunction isTouchDragEvent(event: DragEvent): event is TouchDragEvent {\n  return (event as TouchDragEvent).__dndTouch === true;\n}\n\n// ─── Drag session helpers ─────────────────────────────────────────────────────\n\nfunction scheduleHide(session: DragSession): void {\n  if (typeof requestAnimationFrame !== 'function') return;\n\n  session.hideFrame = requestAnimationFrame(() => {\n    session.hideFrame = null;\n    session.draggedEl.style.display = 'none';\n  });\n}\n\nfunction cancelHide(session: DragSession): void {\n  if (session.hideFrame !== null) {\n    cancelAnimationFrame(session.hideFrame);\n    session.hideFrame = null;\n  }\n}\n\nfunction restoreSessionElement(session: DragSession): void {\n  cancelHide(session);\n  session.draggedEl.style.display = session.originalDisplay;\n  session.draggedEl.removeAttribute('data-dragging');\n}\n\n/**\n * Snapshot a handle's current order if not already recorded.\n * Called the first time a handle becomes an active target so we only capture\n * lists that actually participate in the drag.\n */\nfunction snapshotOrder(session: DragSession, handle: ContainerHandle): void {\n  if (!session.initialOrders.has(handle)) {\n    session.initialOrders.set(handle, handle.getOrderedIds());\n  }\n}\n\n// ─── Session commit / cancel ──────────────────────────────────────────────────\n\nfunction cancelSession(scopeState: SortableScopeState, event: DragEvent): void {\n  const session = scopeState.active;\n\n  if (!session) return;\n\n  restoreSessionElement(session);\n  session.originalParent.insertBefore(session.draggedEl, session.originalNextSibling);\n  session.placeholder.remove();\n  scopeState.active = null;\n\n  session.source.notifyDragEnd(session.draggedId, event);\n}\n\nfunction commitSession(scopeState: SortableScopeState, event: DragEvent): void {\n  const session = scopeState.active;\n\n  if (!session) return;\n\n  const targetHandle = session.target;\n  const targetElement = session.placeholder.parentElement;\n\n  restoreSessionElement(session);\n\n  if (targetHandle && scopeState.handles.has(targetHandle) && targetElement) {\n    targetElement.insertBefore(session.draggedEl, session.placeholder);\n  } else {\n    session.originalParent.insertBefore(session.draggedEl, session.originalNextSibling);\n  }\n\n  session.placeholder.remove();\n  scopeState.active = null;\n\n  session.source.notifyDragEnd(session.draggedId, event);\n\n  const changes: Array<{ after: string[]; before: string[]; handle: ContainerHandle }> = [];\n\n  for (const [handle, before] of session.initialOrders) {\n    if (!scopeState.handles.has(handle)) continue;\n\n    const afterOrder = handle.getOrderedIds();\n\n    if (hasOrderChanged(before, afterOrder)) {\n      changes.push({ after: afterOrder, before, handle });\n    }\n  }\n\n  for (const { after, before, handle } of changes) {\n    handle.notifyBeforeReorder(before, after);\n  }\n\n  if (targetHandle && targetHandle !== session.source) {\n    const sourceChange = changes.find((change) => change.handle === session.source);\n    const targetChange = changes.find((change) => change.handle === targetHandle);\n\n    if (sourceChange && targetChange) {\n      scopeState.commitMove({\n        itemId: session.draggedId,\n        source: session.source.element,\n        sourceIds: sourceChange.after,\n        target: targetHandle.element,\n        targetIds: targetChange.after,\n      });\n    }\n\n    return;\n  }\n\n  for (const { after, handle } of changes) {\n    handle.commitReorder(after);\n  }\n}\n\nfunction finishSession(scopeState: SortableScopeState, event: DragEvent, forceCancel: boolean): void {\n  if (!scopeState.active) return;\n\n  const { active } = scopeState;\n\n  // If source or target became disabled during the drag, treat as cancellation.\n  if (\n    forceCancel ||\n    !event.dataTransfer ||\n    event.dataTransfer.dropEffect === 'none' ||\n    !active.target ||\n    !scopeState.handles.has(active.target) ||\n    active.source.isDisabled() ||\n    active.target.isDisabled()\n  ) {\n    cancelSession(scopeState, event);\n  } else {\n    commitSession(scopeState, event);\n  }\n}\n\nfunction maybeAutoScroll(\n  event: DragEvent,\n  container: HTMLElement,\n  axis: 'vertical' | 'horizontal',\n  options: ResolvedAutoScrollOptions | null,\n): void {\n  if (!options) return;\n\n  const { container: scrollContainer, edgeThreshold: threshold, speed, viewport } = options;\n  const rect = container.getBoundingClientRect();\n\n  if (axis === 'vertical') {\n    if (scrollContainer && event.clientY < rect.top + threshold) {\n      container.scrollTop -= speed;\n    } else if (scrollContainer && event.clientY > rect.bottom - threshold) {\n      container.scrollTop += speed;\n    }\n\n    if (viewport && event.clientY < threshold) {\n      window.scrollBy({ left: 0, top: -speed });\n    } else if (viewport && event.clientY > window.innerHeight - threshold) {\n      window.scrollBy({ left: 0, top: speed });\n    }\n\n    return;\n  }\n\n  if (scrollContainer && event.clientX < rect.left + threshold) {\n    container.scrollLeft -= speed;\n  } else if (scrollContainer && event.clientX > rect.right - threshold) {\n    container.scrollLeft += speed;\n  }\n\n  if (viewport && event.clientX < threshold) {\n    window.scrollBy({ left: -speed, top: 0 });\n  } else if (viewport && event.clientX > window.innerWidth - threshold) {\n    window.scrollBy({ left: speed, top: 0 });\n  }\n}\n\n// ─── Keyboard reorder ─────────────────────────────────────────────────────────\n\nfunction applyKeyboardReorder(\n  item: HTMLElement,\n  element: HTMLElement,\n  getItems: () => HTMLElement[],\n  getOrderedIds: () => string[],\n  key: string,\n  axis: 'vertical' | 'horizontal',\n): string[] | null {\n  const items = getItems();\n  const currentIndex = items.indexOf(item);\n\n  if (currentIndex < 0) return null;\n\n  const isForward = axis === 'vertical' ? key === 'ArrowDown' : key === 'ArrowRight';\n  const isBackward = axis === 'vertical' ? key === 'ArrowUp' : key === 'ArrowLeft';\n  let targetIndex: number;\n\n  if (isForward) {\n    targetIndex = Math.min(items.length - 1, currentIndex + 1);\n  } else if (isBackward) {\n    targetIndex = Math.max(0, currentIndex - 1);\n  } else if (key === 'Home') {\n    targetIndex = 0;\n  } else if (key === 'End') {\n    targetIndex = items.length - 1;\n  } else {\n    return null;\n  }\n\n  // Already at the boundary — return null so the caller does not call preventDefault\n  // and the browser can handle the key (e.g. scrolling the page).\n  if (targetIndex === currentIndex) return null;\n\n  const targetItem = items[targetIndex];\n\n  if (!targetItem) return null;\n\n  element.insertBefore(item, targetIndex > currentIndex ? targetItem.nextSibling : targetItem);\n  item.focus();\n\n  return getOrderedIds();\n}\n\n// ─── createSortableScope ──────────────────────────────────────────────────────\n\n/**\n * Create a shared scope for connected sortable containers.\n *\n * Items can be dragged between all sortables that share the same scope.\n * The scope exposes `isDragging` and `dispose()` — calling `dispose()` tears down\n * all member sortables at once.\n *\n * @example\n * ```ts\n * const scope = createSortableScope();\n * const left = createSortable({ element: leftEl, scope, getKey, onReorder });\n * const right = createSortable({ element: rightEl, scope, getKey, onReorder });\n *\n * // Tear down everything at once:\n * scope.dispose();\n * ```\n */\nexport function createSortableScope(options: SortableScopeOptions = {}): SortableScope {\n  const state: SortableScopeState = {\n    active: null,\n    commitMove(event): void {\n      options.onMove?.({\n        ...event,\n        setRevert(fn): void {\n          state.lastRevert = fn;\n        },\n      });\n    },\n    disposables: new Set(),\n    handles: new Set(),\n    lastRevert: null,\n    touch: null,\n  };\n  const disposable = createDisposable(() => {\n    state.touch?.dispose();\n\n    // Dispose all registered sortables (each dispose() call is idempotent)\n    for (const disposeFn of state.disposables) {\n      disposeFn();\n    }\n  });\n\n  const scope = {\n    get disposalSignal() {\n      return disposable.disposalSignal;\n    },\n    dispose: disposable.dispose,\n    get disposed() {\n      return disposable.disposed;\n    },\n    get isDragging() {\n      return state.active !== null;\n    },\n    revert() {\n      state.lastRevert?.();\n      state.lastRevert = null;\n    },\n    [SCOPE_BRAND]: true as const,\n    [Symbol.dispose]: disposable[Symbol.dispose],\n  } as SortableScope;\n\n  sortableScopeStates.set(scope, state);\n\n  if (options.touch) {\n    state.touch = createScopeTouchController(options.touch === true ? {} : options.touch, (target) => {\n      for (const handle of state.handles) {\n        const dragTarget = handle.resolveTouchTarget(target);\n\n        if (dragTarget) return dragTarget;\n      }\n\n      return null;\n    });\n  }\n\n  return scope;\n}\n\n// ─── createSortable ───────────────────────────────────────────────────────────\n\n/**\n * Makes a list of items sortable via native HTML drag interactions.\n *\n * Provide `getKey` to map each item element to a stable string identity.\n * `createSortable` marks qualifying children with `data-dnd-item` and sets\n * `draggable=\"true\"` automatically.\n *\n * Style the drop indicator by targeting `.dnd-placeholder` in your CSS.\n * Supports keyboard reordering (arrow keys, Home/End) and auto-scrolling near edges.\n *\n * @example\n * ```ts\n * import { createSortable } from '@vielzeug/dnd';\n *\n * using sortable = createSortable({\n *   element: listEl,\n *   getKey: (el) => el.dataset.id!,\n *   onReorder: ({ ids, setRevert }) => {\n *     const prev = order;\n *     setOrder(ids);\n *     setRevert(() => setOrder(prev));\n *   },\n * });\n * ```\n */\nexport function createSortable(options: SortableOptions): Sortable {\n  const {\n    autoScroll = true,\n    axis = 'vertical',\n    element,\n    getKey,\n    handle,\n    keyboard = true,\n    placeholderClass = 'dnd-placeholder',\n    scope = createSortableScope(),\n  } = options;\n  const autoScrollOptions = resolveAutoScrollOptions(autoScroll);\n  const scopeState = getSortableScopeState(scope);\n\n  if (handle !== undefined && handle.trim() === '') {\n    warn(\n      'handle option is an empty string — no handle elements will be found. Provide a valid CSS selector or omit the option.',\n    );\n  }\n\n  const getItems = (): HTMLElement[] =>\n    Array.from(element.children).filter((c) => (c as HTMLElement).hasAttribute(ITEM_ATTR)) as HTMLElement[];\n\n  const getOrderedIds = (): string[] => getItems().map((el) => getKey(el));\n  const managedElements = new Map<HTMLElement, ManagedElementState>();\n  const originalContainerRole = element.getAttribute('role');\n\n  const rememberElement = (managedElement: HTMLElement): ManagedElementState => {\n    const existing = managedElements.get(managedElement);\n\n    if (existing) return existing;\n\n    const state: ManagedElementState = {\n      dataDndHandle: managedElement.getAttribute(HANDLE_ATTR),\n      dataDndItem: managedElement.getAttribute(ITEM_ATTR),\n      draggable: managedElement.getAttribute('draggable'),\n      role: managedElement.getAttribute('role'),\n      tabIndex: managedElement.getAttribute('tabindex'),\n      touchAction: managedElement.style.touchAction,\n    };\n\n    managedElements.set(managedElement, state);\n\n    return state;\n  };\n\n  const restoreAttribute = (managedElement: HTMLElement, name: string, value: string | null): void => {\n    if (value === null) {\n      managedElement.removeAttribute(name);\n    } else {\n      managedElement.setAttribute(name, value);\n    }\n  };\n\n  const syncItems = (): void => {\n    getItems().forEach((el) => {\n      const itemState = rememberElement(el);\n\n      if (itemState.role === null) el.setAttribute('role', 'listitem');\n\n      if (itemState.tabIndex === null) el.tabIndex = 0;\n\n      if (handle) {\n        el.querySelectorAll<HTMLElement>(handle).forEach((handleEl) => {\n          rememberElement(handleEl);\n          handleEl.setAttribute(HANDLE_ATTR, '');\n          handleEl.setAttribute('draggable', 'true');\n          handleEl.style.touchAction = 'none';\n        });\n      } else {\n        el.setAttribute('draggable', 'true');\n        // A native mouse drag has no competing gesture to arbitrate; touch does. Without this,\n        // a mobile browser can decide the very first bit of finger movement is a page\n        // scroll/pan — a decision it makes independently of, and before, this library's own\n        // touch-shim threshold/`preventDefault()` logic ever runs — and hand the rest of the\n        // gesture to native scrolling. Once that happens the item never receives the\n        // `dragover` sequence needed to update the drop target, so the session ends up\n        // committing back to wherever it started: indistinguishable from the drop \"reverting\".\n        // `touch-action: none` opts the element out of every default touch gesture from\n        // `touchstart` onward, leaving the whole interaction to this library's own JS.\n        el.style.touchAction = 'none';\n      }\n    });\n  };\n\n  const markItems = (): void => {\n    const seenKeys = new Set<string>();\n\n    // Mark all children that have a key as sortable items\n    Array.from(element.children).forEach((child) => {\n      const el = child as HTMLElement;\n\n      try {\n        const key = getKey(el);\n\n        if (key) {\n          rememberElement(el);\n\n          if (seenKeys.has(key)) {\n            warn(\n              `getKey returned the duplicate key \"${key}\" for two sibling items — onReorder's ids and applyReorder may become inconsistent. Ensure getKey returns a unique value per item.`,\n            );\n          } else {\n            seenKeys.add(key);\n          }\n\n          el.setAttribute(ITEM_ATTR, '');\n        }\n      } catch (err) {\n        warn(\n          `getKey threw for a child element — the item will not be sortable. Check your getKey implementation. ${String(err)}`,\n        );\n      }\n    });\n\n    syncItems();\n  };\n\n  const cleanupItems = (): void => {\n    for (const [managedElement, state] of managedElements) {\n      restoreAttribute(managedElement, HANDLE_ATTR, state.dataDndHandle);\n      restoreAttribute(managedElement, ITEM_ATTR, state.dataDndItem);\n      restoreAttribute(managedElement, 'draggable', state.draggable);\n      restoreAttribute(managedElement, 'role', state.role);\n      restoreAttribute(managedElement, 'tabindex', state.tabIndex);\n      managedElement.style.touchAction = state.touchAction;\n    }\n\n    managedElements.clear();\n  };\n\n  const createPlaceholder = (source: HTMLElement): HTMLElement => {\n    const p = document.createElement('div');\n\n    p.className = placeholderClass;\n    p.setAttribute('aria-hidden', 'true');\n\n    if (axis === 'horizontal') {\n      p.style.width = `${source.offsetWidth}px`;\n    } else {\n      p.style.height = `${source.offsetHeight}px`;\n    }\n\n    return p;\n  };\n\n  let lastRevert: (() => void) | null = null;\n\n  const handle_: ContainerHandle = {\n    commitReorder: (orderedIds) => {\n      if (!options.onReorder) return;\n\n      const event: ReorderEvent = {\n        ids: orderedIds,\n        setRevert(fn) {\n          lastRevert = fn;\n        },\n      };\n\n      options.onReorder(event);\n    },\n    element,\n    getOrderedIds,\n    isDisabled: () => resolveDisabled(options.disabled),\n    notifyBeforeReorder: (from, to) => options.onBeforeReorder?.(from, to),\n    notifyDragEnd: (id, event) => options.onDragEnd?.(id, event),\n    notifyDragStart: (id, event) => options.onDragStart?.(id, event),\n    resolveTouchTarget: (target) => {\n      if (resolveDisabled(options.disabled) || !element.contains(target)) return null;\n\n      const item = target.closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n      if (!item || !element.contains(item)) return null;\n\n      if (!handle) return item;\n\n      const handleTarget = target.closest<HTMLElement>(handle);\n\n      return handleTarget && item.contains(handleTarget) ? handleTarget : null;\n    },\n  };\n\n  scopeState.handles.add(handle_);\n\n  const handleDragStart = (e: DragEvent): void => {\n    if (scopeState.active) return;\n\n    if (handle_.isDisabled()) return;\n\n    const target = e.target as HTMLElement;\n    const item = target.closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!item) return;\n\n    if (handle && !target.closest(handle)) return;\n\n    const originalParent = item.parentElement;\n\n    if (!originalParent) return;\n\n    const placeholder = createPlaceholder(item);\n    const originalNextSibling = item.nextSibling;\n    const activeId = getKey(item);\n\n    // Snapshot only the source handle at drag start; targets are snapshotted lazily.\n    const initialOrders = new Map<ContainerHandle, string[]>();\n\n    initialOrders.set(handle_, handle_.getOrderedIds());\n    item.setAttribute('data-dragging', '');\n    originalParent.insertBefore(placeholder, originalNextSibling);\n\n    const session: DragSession = {\n      draggedEl: item,\n      draggedId: activeId,\n      hideFrame: null,\n      initialOrders,\n      originalDisplay: item.style.display,\n      originalNextSibling,\n      originalParent,\n      placeholder,\n      source: handle_,\n      target: handle_,\n    };\n\n    if (!isTouchDragEvent(e) || e.__dndTouchPreview) scheduleHide(session);\n\n    scopeState.active = session;\n\n    if (e.dataTransfer) {\n      e.dataTransfer.effectAllowed = 'move';\n      e.dataTransfer.setData('text/plain', activeId);\n\n      if (options.dragImage) {\n        const preview =\n          typeof options.dragImage === 'function' ? options.dragImage(activeId, item, e) : options.dragImage;\n        const [offsetX, offsetY] = options.dragImageOffset ?? [0, 0];\n\n        if (preview) e.dataTransfer.setDragImage(preview, offsetX, offsetY);\n      }\n    }\n\n    handle_.notifyDragStart(session.draggedId, e);\n  };\n\n  const handleDragOver = (e: DragEvent): void => {\n    const session = scopeState.active;\n\n    if (!session) return;\n\n    if (session.source.isDisabled() || handle_.isDisabled()) return;\n\n    e.preventDefault();\n    maybeAutoScroll(e, element, axis, autoScrollOptions);\n\n    // Lazily snapshot this handle's order the first time it becomes a target.\n    snapshotOrder(session, handle_);\n\n    const { draggedEl, placeholder } = session;\n    const target = (e.target as HTMLElement).closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!target) {\n      // Only append placeholder when it isn't already inside this container.\n      // Moving it to the end on every over-empty-space event causes the\n      // placeholder to oscillate between positions as the cursor moves.\n      if (placeholder.parentElement !== element) {\n        element.appendChild(placeholder);\n      }\n\n      session.target = handle_;\n\n      return;\n    }\n\n    if (target === draggedEl || target === placeholder) return;\n\n    const rect = target.getBoundingClientRect();\n    const insertAfter =\n      axis === 'vertical' ? e.clientY >= rect.top + rect.height / 2 : e.clientX >= rect.left + rect.width / 2;\n\n    element.insertBefore(placeholder, insertAfter ? target.nextSibling : target);\n    session.target = handle_;\n  };\n\n  const handleDrop = (e: DragEvent): void => {\n    const session = scopeState.active;\n\n    if (!session) return;\n\n    if (session.source.isDisabled() || handle_.isDisabled()) return;\n\n    e.preventDefault();\n    // Record the drop target; the actual commit happens in handleDragEnd where\n    // dataTransfer.dropEffect tells us whether the browser accepted the operation.\n    session.target = handle_;\n  };\n\n  const handleDragEnd = (e: DragEvent): void => {\n    if (scopeState.active?.source !== handle_) return;\n\n    finishSession(scopeState, e, false);\n  };\n\n  const handleKeydown = (e: KeyboardEvent): void => {\n    if (!keyboard || handle_.isDisabled()) return;\n\n    const tagName = (e.target as HTMLElement | null)?.tagName;\n\n    if (tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') return;\n\n    const item = (e.target as HTMLElement).closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!item || !element.contains(item)) return;\n\n    const prevOrder = getOrderedIds();\n    const newOrder = applyKeyboardReorder(item, element, getItems, getOrderedIds, e.key, axis);\n\n    // null means unrecognized key or boundary — let the browser handle it (e.g. page scroll)\n    if (newOrder === null) return;\n\n    e.preventDefault();\n    handle_.notifyBeforeReorder(prevOrder, newOrder);\n    handle_.commitReorder(newOrder);\n  };\n\n  markItems();\n\n  const disposable = createDisposable(() => {\n    scopeState.disposables.delete(disposable.dispose);\n\n    if (scopeState.active && (scopeState.active.source === handle_ || scopeState.active.target === handle_)) {\n      finishSession(scopeState, new Event('dragend') as DragEvent, true);\n    }\n\n    scopeState.handles.delete(handle_);\n    restoreAttribute(element, 'role', originalContainerRole);\n    cleanupItems();\n  });\n\n  if (originalContainerRole === null) element.setAttribute('role', 'list');\n\n  element.addEventListener('dragstart', handleDragStart, { signal: disposable.disposalSignal });\n  element.addEventListener('dragover', handleDragOver, { signal: disposable.disposalSignal });\n  element.addEventListener('drop', handleDrop, { signal: disposable.disposalSignal });\n  element.addEventListener('dragend', handleDragEnd, { signal: disposable.disposalSignal });\n  element.addEventListener('keydown', handleKeydown, { signal: disposable.disposalSignal });\n\n  // Register with scope so scope.dispose() can tear this down\n  scopeState.disposables.add(disposable.dispose);\n\n  return {\n    get disposalSignal() {\n      return disposable.disposalSignal;\n    },\n    dispose: disposable.dispose,\n    get disposed() {\n      return disposable.disposed;\n    },\n    get isDragging() {\n      return scopeState.active?.source === handle_;\n    },\n    revert: () => {\n      lastRevert?.();\n      lastRevert = null;\n    },\n    [Symbol.dispose]: disposable[Symbol.dispose],\n    sync: () => {\n      markItems();\n    },\n  };\n}\n\n// ─── applyReorder ─────────────────────────────────────────────────────────────\n\n/**\n * Applies a sorted key array to a backing data array.\n * Unknown keys are ignored; items not present in `ids` are appended in original order.\n */\nexport function applyReorder<T>(items: T[], ids: string[], getKey: (item: T) => string): T[] {\n  const byId = new Map(items.map((item) => [getKey(item), item] as const));\n  const ordered: T[] = [];\n\n  for (const id of ids) {\n    if (!byId.has(id)) continue;\n\n    const item = byId.get(id) as T;\n\n    ordered.push(item);\n    byId.delete(id);\n  }\n\n  for (const item of byId.values()) ordered.push(item);\n\n  return ordered;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vielzeug/dnd",
-  "version": "1.2.3",
+  "version": "2.0.0",
   "description": "Framework-agnostic drag-and-drop — sortable lists, file-drop zones, and MIME-type filtering",
   "type": "module",
   "files": [

package/dist/touch.cjs

@@ -1,2 +0,0 @@
-const e=require("./_shared.cjs");require("./_dev.cjs");var t=2147483647;function n(e){let n=e.getBoundingClientRect(),r=e.cloneNode(!0);return r.removeAttribute(`id`),r.setAttribute(`aria-hidden`,`true`),r.setAttribute(`inert`,``),r.setAttribute(`data-dnd-touch-preview`,``),Object.assign(r.style,{height:`${n.height}px`,left:`${n.left}px`,margin:`0`,opacity:`0.85`,pointerEvents:`none`,position:`fixed`,top:`${n.top}px`,transition:`none`,width:`${n.width}px`,zIndex:String(t)}),document.body.appendChild(r),r}function r(){return{dropEffect:`move`,effectAllowed:`move`,getData:()=>``,setData(){},setDragImage(){}}}function i(t={}){let i=r(),a=null,o=null,s=null,c=null,l=null,u=null;function d(){l?.remove(),l=null,u=null}function f(e,t){let n=s?.style.display??``,r=l?.style.display??``;s&&(s.style.display=`none`),l&&(l.style.display=`none`);let i=document.elementFromPoint(e,t);return s&&(s.style.display=n),l&&(l.style.display=r),i}let p=e.createDisposable(()=>{a=null,o=null,s=null,c=null,d()});function m(e,t,n,r){let a=new Event(t,{bubbles:!0,cancelable:!0});Object.defineProperty(a,"clientX",{configurable:!0,value:n}),Object.defineProperty(a,"clientY",{configurable:!0,value:r}),Object.defineProperty(a,"dataTransfer",{configurable:!0,value:i}),e.dispatchEvent(a)}return document.addEventListener(`touchstart`,n=>{if(e.resolveDisabled(t.disabled))return;let r=n.touches[0];if(!r)return;let i=document.elementFromPoint(r.clientX,r.clientY)?.closest(t.draggableSelector??`[draggable="true"]`);i&&(a=i,o={clientX:r.clientX,clientY:r.clientY})},{passive:!1,signal:p.disposalSignal}),document.addEventListener(`touchmove`,e=>{let r=e.touches[0];if(!r)return;if(!s){if(!a||!o)return;let e=r.clientX-o.clientX,i=r.clientY-o.clientY;if(Math.hypot(e,i)<6)return;if(s=a,c=a,t.showDragPreview!==!1)try{l=n(s),u={clientX:r.clientX,clientY:r.clientY}}catch(e){`${String(e)}`,d()}m(s,`dragstart`,r.clientX,r.clientY)}if(l&&u){let e=r.clientX-u.clientX,t=r.clientY-u.clientY;l.style.transform=`translate3d(${e}px, ${t}px, 0)`}let i=f(r.clientX,r.clientY);i&&i!==c&&(c&&m(c,`dragleave`,r.clientX,r.clientY),c=i),i&&m(i,`dragover`,r.clientX,r.clientY),a=null,o=null,e.preventDefault()},{passive:!1,signal:p.disposalSignal}),document.addEventListener(`touchend`,e=>{if(!s){a=null,o=null;return}let t=e.changedTouches[0];if(!t)return;let n=f(t.clientX,t.clientY);n&&m(n,`drop`,t.clientX,t.clientY),m(s,`dragend`,t.clientX,t.clientY),a=null,o=null,s=null,c=null,d()},{passive:!0,signal:p.disposalSignal}),document.addEventListener(`touchcancel`,e=>{if(!s){a=null,o=null;return}let t=e.changedTouches[0];t&&(m(s,`dragend`,t.clientX,t.clientY),a=null,o=null,s=null,c=null,d())},{passive:!0,signal:p.disposalSignal}),p}exports.createTouchDragShim=i;
-//# sourceMappingURL=touch.cjs.map