@vielzeug/dnd 3.0.0 → 26.10.0

package/dist/sortable.js

@@ -1,418 +1,2 @@
-import "./_dev.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 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 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 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 f(e, t) {
-	return t.length !== e.length || t.some((t, n) => t !== e[n]);
-}
-function p(e) {
-	return e.__dndTouch === !0;
-}
-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 _(e) {
-	e.hideFrame !== null && (cancelAnimationFrame(e.hideFrame), e.hideFrame = null);
-}
-function v(e) {
-	_(e), e.draggedEl.style.display = e.originalDisplay, e.draggedEl.removeAttribute("data-dragging");
-}
-function y(e, t) {
-	e.initialOrders.has(t) || e.initialOrders.set(t, t.getOrderedIds());
-}
-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 && (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 S(e, t) {
-	let n = e.active;
-	if (!n) return;
-	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();
-		f(r, n) && o.push({
-			after: n,
-			before: r,
-			handle: t
-		});
-	}
-	if (r && r !== n.source) {
-		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;
-			n.source.notifyInteraction({
-				index: a,
-				itemId: n.draggedId,
-				total: o,
-				type: "drop"
-			}), r.notifyInteraction({
-				index: a,
-				itemId: n.draggedId,
-				total: o,
-				type: "drop"
-			});
-		}
-		return;
-	}
-	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: l,
-		itemId: n.draggedId,
-		total: c.length,
-		type: "drop"
-	});
-}
-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() ? x(e, t) : S(e, t);
-}
-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") {
-		i && e.clientY < c.top + a ? t.scrollTop -= o : i && e.clientY > c.bottom - a && (t.scrollTop += o), s && e.clientY < a ? window.scrollBy({
-			left: 0,
-			top: -o
-		}) : s && e.clientY > window.innerHeight - a && window.scrollBy({
-			left: 0,
-			top: o
-		});
-		return;
-	}
-	i && e.clientX < c.left + a ? t.scrollLeft -= o : i && e.clientX > c.right - a && (t.scrollLeft += o), s && e.clientX < a ? window.scrollBy({
-		left: -o,
-		top: 0
-	}) : s && e.clientX > window.innerWidth - a && window.scrollBy({
-		left: o,
-		top: 0
-	});
-}
-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;
-	return s === i ? null : s;
-}
-function E(t = {}) {
-	let n = {
-		active: null,
-		commitMove(e) {
-			h("onMove", t.onMove, Object.freeze({
-				...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(),
-		touch: null
-	}, r = e(() => {
-		n.touch?.dispose();
-		for (let e of [...n.disposables]) e();
-		n.disposables.clear(), n.handles.clear();
-	}), o = {
-		get disposalSignal() {
-			return r.disposalSignal;
-		},
-		dispose: r.dispose,
-		get disposed() {
-			return r.disposed;
-		},
-		get isDragging() {
-			return n.active !== null;
-		},
-		[a]: !0,
-		[Symbol.dispose]: r[Symbol.dispose]
-	};
-	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;
-		}
-		return null;
-	})), o;
-}
-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(o),
-			dataDndItem: e.getAttribute(s),
-			draggable: e.getAttribute("draggable"),
-			role: e.getAttribute("role"),
-			tabIndex: e.getAttribute("tabindex"),
-			touchAction: e.style.touchAction
-		};
-		return A.set(e, n), n;
-	}, N = (e, t, n) => {
-		n === null ? e.removeAttribute(t) : e.setAttribute(t, n);
-	}, 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");
-			});
-		});
-	}, 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);
-			}
-		} 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 = 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(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;
-		}
-	}, 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 = 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: n.style.display,
-			originalNextSibling: o,
-			originalParent: i,
-			placeholder: a,
-			source: R,
-			target: R
-		};
-		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)}`;
-		}
-		R.notifyDragStart(d.draggedId, e), R.notifyInteraction({
-			index: R.getOrderedIds().indexOf(c),
-			itemId: c,
-			total: R.getOrderedIds().length,
-			type: "pickup"
-		});
-	}, 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 (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"
-		});
-	};
-	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.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 G.disposalSignal;
-		},
-		dispose: G.dispose,
-		get disposed() {
-			return G.disposed;
-		},
-		get isDragging() {
-			return D.active?.source === R;
-		},
-		[Symbol.dispose]: G[Symbol.dispose],
-		refresh: () => {
-			F();
-		}
-	};
-}
-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 (!i.has(e)) continue;
-		let t = i.get(e);
-		a.push(t), i.delete(e);
-	}
-	for (let e of i.values()) a.push(e);
-	return a;
-}
-//#endregion
-export { n as DndError, r as DndScopeError, O as applyReorder, D as createSortable, E as createSortableScope };
-
+import"./_dev.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";import{matchKey as a}from"@vielzeug/keymap";var o=Symbol(`SortableScope`),s=`data-dnd-handle`,c=`data-dnd-item`,l=new WeakMap,u={container:!0,edgeThreshold:32,speed:18,viewport:!1};function getSortableScopeState(e){let t=l.get(e);if(!t)throw new r;if(e.disposed)throw new r(`Cannot register a sortable with a disposed scope.`);return t}function resolveAutoScrollOptions(e){if(e===!1)return null;if(e===!0||e===void 0)return u;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 hasOrderChanged(e,t){return t.length!==e.length||t.some((t,n)=>t!==e[n])}function isTouchDragEvent(e){return e.__dndTouch===!0}function immutableIds(e){return Object.freeze([...e])}function notify(e,t,...n){if(t)try{t(...n)}catch{`${e}`}}function scheduleHide(e){typeof requestAnimationFrame==`function`&&(e.hideFrame=requestAnimationFrame(()=>{e.hideFrame=null,e.draggedEl.style.display=`none`}))}function cancelHide(e){e.hideFrame!==null&&(cancelAnimationFrame(e.hideFrame),e.hideFrame=null)}function restoreSessionElement(e){cancelHide(e),e.draggedEl.style.display=e.originalDisplay,e.draggedEl.removeAttribute(`data-dragging`)}function snapshotOrder(e,t){e.initialOrders.has(t)||e.initialOrders.set(t,t.getOrderedIds())}function projectedChanges(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 hasOrderChanged(r,i)?[{after:i,before:r,handle:n}]:[]})}function cancelSession(e,t){let n=e.active;n&&(restoreSessionElement(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 commitSession(e,t){let n=e.active;if(!n)return;let r=n.target,i=n.placeholder.parentElement,a=projectedChanges(n);for(let{after:e,before:t,handle:n}of a)n.notifyBeforeReorder(immutableIds(t),immutableIds(e));restoreSessionElement(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();hasOrderChanged(r,n)&&o.push({after:n,before:r,handle:t})}if(r&&r!==n.source){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;n.source.notifyInteraction({index:a,itemId:n.draggedId,total:o,type:`drop`}),r.notifyInteraction({index:a,itemId:n.draggedId,total:o,type:`drop`})}return}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:l,itemId:n.draggedId,total:c.length,type:`drop`})}function finishSession(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()?cancelSession(e,t):commitSession(e,t)}function maybeAutoScroll(e,t,n,r){if(!r)return;let{container:i,edgeThreshold:a,speed:o,viewport:s}=r,c=t.getBoundingClientRect();if(n===`vertical`){i&&e.clientY<c.top+a?t.scrollTop-=o:i&&e.clientY>c.bottom-a&&(t.scrollTop+=o),s&&e.clientY<a?window.scrollBy({left:0,top:-o}):s&&e.clientY>window.innerHeight-a&&window.scrollBy({left:0,top:o});return}i&&e.clientX<c.left+a?t.scrollLeft-=o:i&&e.clientX>c.right-a&&(t.scrollLeft+=o),s&&e.clientX<a?window.scrollBy({left:-o,top:0}):s&&e.clientX>window.innerWidth-a&&window.scrollBy({left:o,top:0})}function keyboardTargetIndex(e,t,n,r){let i=e.indexOf(t);if(i<0)return null;let o=r===`vertical`?`ArrowDown`:`ArrowRight`,s=r===`vertical`?`ArrowUp`:`ArrowLeft`,c=a(n,o),l=a(n,s),u;if(c)u=Math.min(e.length-1,i+1);else if(l)u=Math.max(0,i-1);else if(a(n,`Home`))u=0;else if(a(n,`End`))u=e.length-1;else return null;return u===i?null:u}function createSortableScope(t={}){let n={active:null,commitMove(e){notify(`onMove`,t.onMove,Object.freeze({...e,sourceBeforeIds:immutableIds(e.sourceBeforeIds),sourceIds:immutableIds(e.sourceIds),targetBeforeIds:immutableIds(e.targetBeforeIds),targetIds:immutableIds(e.targetIds)}))},disposables:new Set,handles:new Set,touch:null},r=e(()=>{n.touch?.dispose();for(let e of[...n.disposables])e();n.disposables.clear(),n.handles.clear()}),a={get disposalSignal(){return r.disposalSignal},dispose:r.dispose,get disposed(){return r.disposed},get isDragging(){return n.active!==null},[o]:!0,[Symbol.dispose]:r[Symbol.dispose]};return l.set(a,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}return null})),a}function createSortable(r){let{autoScroll:i=!0,axis:a=`vertical`,element:o,getKey:l,handle:u,keyboard:d=!0,placeholderClass:f=`dnd-placeholder`,scope:p=createSortableScope()}=r;if(a!==`vertical`&&a!==`horizontal`)throw new n(`axis must be "vertical" or "horizontal"`);let m=u?.trim()||null;if((u===void 0||m)&&m)try{o.querySelector(m)}catch(e){throw new n(`Invalid handle selector: "${u}"`,{cause:e})}let h=resolveAutoScrollOptions(i),g=getSortableScopeState(p);if([...g.handles].some(e=>e.element===o))throw new n(`A sortable is already registered for this element in the selected scope.`);let getItems=()=>(r.items?r.items():Array.from(o.children)).filter(e=>e.parentElement===o&&e.hasAttribute(c)),getOrderedIds=()=>getItems().map(e=>l(e)),_=new Map,v=o.getAttribute(`role`),rememberElement=e=>{let t=_.get(e);if(t)return t;let n={dataDndHandle:e.getAttribute(s),dataDndItem:e.getAttribute(c),draggable:e.getAttribute(`draggable`),role:e.getAttribute(`role`),tabIndex:e.getAttribute(`tabindex`),touchAction:e.style.touchAction};return _.set(e,n),n},restoreAttribute=(e,t,n)=>{n===null?e.removeAttribute(t):e.setAttribute(t,n)},syncItems=(e=getItems())=>{e.forEach(e=>{let t=rememberElement(e);t.role===null&&e.setAttribute(`role`,`listitem`),t.tabIndex===null&&(e.tabIndex=0),u===void 0?(e.setAttribute(`draggable`,`true`),g.touch&&(e.style.touchAction=`none`)):m&&e.querySelectorAll(m).forEach(e=>{rememberElement(e),e.setAttribute(s,``),e.setAttribute(`draggable`,`true`),g.touch&&(e.style.touchAction=`none`)})})},markItems=()=>{let e=new Set,t=r.items?r.items():Array.from(o.children),n=t.filter(e=>e instanceof HTMLElement&&e.parentElement===o),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)}}catch(e){`${String(e)}`}cleanupItems();for(let e of i)rememberElement(e),e.setAttribute(c,``);syncItems(i)},cleanupItems=()=>{for(let[e,t]of _)restoreAttribute(e,s,t.dataDndHandle),restoreAttribute(e,c,t.dataDndItem),restoreAttribute(e,`draggable`,t.draggable),restoreAttribute(e,`role`,t.role),restoreAttribute(e,`tabindex`,t.tabIndex),e.style.touchAction=t.touchAction;_.clear()},createPlaceholder=e=>{let t=document.createElement(`div`);return t.className=f,t.setAttribute(`aria-hidden`,`true`),a===`horizontal`?t.style.width=`${e.offsetWidth}px`:t.style.height=`${e.offsetHeight}px`,t},y={commitReorder:e=>notify(`onReorder`,r.onReorder,Object.freeze({after:immutableIds(e.after),before:immutableIds(e.before),item:e.item})),element:o,getOrderedIds,getOrderedItems:getItems,isDisabled:()=>t(r.disabled),notifyBeforeReorder:(e,t)=>notify(`onBeforeReorder`,r.onBeforeReorder,e,t),notifyDragEnd:(e,t)=>notify(`onDragEnd`,r.onDragEnd,e,t),notifyDragStart:(e,t)=>notify(`onDragStart`,r.onDragStart,e,t),notifyInteraction:e=>notify(`onInteraction`,r.onInteraction,Object.freeze(e)),resolveTouchTarget:e=>{if(t(r.disabled)||!o.contains(e))return null;let n=e.closest(`[${c}]`);if(!n||!getItems().includes(n))return null;if(u===void 0)return n;if(!m)return null;let i=e.closest(m);return i&&n.contains(i)?i:null}},handleDragStart=e=>{if(g.active||y.isDisabled())return;let t=e.target,n=t.closest(`[${c}]`);if(!n||!getItems().includes(n))return;if(u!==void 0){let e=m?t.closest(m):null;if(!e||!n.contains(e))return}let i=n.parentElement;if(!i)return;let a=createPlaceholder(n),o=n.nextSibling,s=l(n),d=new Map;d.set(y,y.getOrderedIds()),n.setAttribute(`data-dragging`,``),i.insertBefore(a,o);let f={draggedEl:n,draggedId:s,hideFrame:null,initialOrders:d,originalDisplay:n.style.display,originalNextSibling:o,originalParent:i,placeholder:a,source:y,target:y};if((!isTouchDragEvent(e)||e.__dndTouchPreview)&&scheduleHide(f),g.active=f,e.dataTransfer)try{if(e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,s),r.dragImage){let t=typeof r.dragImage==`function`?r.dragImage(s,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)}`}y.notifyDragStart(f.draggedId,e),y.notifyInteraction({index:y.getOrderedIds().indexOf(s),itemId:s,total:y.getOrderedIds().length,type:`pickup`})},handleDragOver=e=>{let t=g.active;if(!t||t.source.isDisabled()||y.isDisabled())return;e.preventDefault(),maybeAutoScroll(e,o,a,h),snapshotOrder(t,y);let{draggedEl:n,placeholder:r}=t,i=e.target.closest(`[${c}]`);if(i&&!getItems().includes(i))return;if(!i){r.parentElement!==o&&o.appendChild(r),t.target=y;return}if(i===n||i===r)return;let s=i.getBoundingClientRect(),l=a===`vertical`?e.clientY>=s.top+s.height/2:e.clientX>=s.left+s.width/2;o.insertBefore(r,l?i.nextSibling:i),t.target=y},handleDrop=e=>{let t=g.active;t&&(t.source.isDisabled()||y.isDisabled()||(e.preventDefault(),t.target=y))},handleDragEnd=e=>{g.active?.source===y&&finishSession(g,e,!1)},handleKeydown=e=>{if(!d||y.isDisabled())return;let t=e.target,n=t?.closest(`[${c}]`);if(!t||!n||!getItems().includes(n))return;let r=t.closest(`input, textarea, select, button, a[href], [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"]`),i=m?t.closest(m):null;if(r&&(!i||!n.contains(i)))return;let s=getItems(),u=s.indexOf(n),f=keyboardTargetIndex(s,n,e,a);if(f===null)return;let p=s[f];if(!p)return;let h=s.map(l),g=[...s];g.splice(u,1),g.splice(f,0,n);let _=g.map(l),v=l(n);e.preventDefault(),y.notifyBeforeReorder(immutableIds(h),immutableIds(_)),o.insertBefore(n,f>u?p.nextSibling:p),n.focus(),y.commitReorder({after:_,before:h,item:v}),y.notifyInteraction({index:f,itemId:v,previousIndex:u,total:_.length,type:`move`})};markItems();let b,x=e(()=>{g.disposables.delete(x.dispose),g.active&&(g.active.source===y||g.active.target===y)&&!g.touch?.cancel()&&finishSession(g,new Event(`dragend`),!0),b?.(),g.handles.delete(y),restoreAttribute(o,`role`,v),cleanupItems()});return g.handles.add(y),b=g.touch?.register(o),v===null&&o.setAttribute(`role`,`list`),o.addEventListener(`dragstart`,handleDragStart,{signal:x.disposalSignal}),o.addEventListener(`dragover`,handleDragOver,{signal:x.disposalSignal}),o.addEventListener(`drop`,handleDrop,{signal:x.disposalSignal}),o.addEventListener(`dragend`,handleDragEnd,{signal:x.disposalSignal}),o.addEventListener(`keydown`,handleKeydown,{signal:x.disposalSignal}),g.disposables.add(x.dispose),{get disposalSignal(){return x.disposalSignal},dispose:x.dispose,get disposed(){return x.disposed},get isDragging(){return g.active?.source===y},[Symbol.dispose]:x[Symbol.dispose],refresh:()=>{markItems()}}}function applyReorder(e,t,r){let i=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(!i.has(e))continue;let t=i.get(e);a.push(t),i.delete(e)}for(let e of i.values())a.push(e);return a}export{n as DndError,r as DndScopeError,applyReorder,createSortable,createSortableScope};
 //# sourceMappingURL=sortable.js.map