@vielzeug/dnd 26.10.15 → 26.10.17

package/dist/sortable.js

@@ -1,2 +1,415 @@
-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};
+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";
+//#region src/sortable.ts
+var o = Symbol("SortableScope"), s = "data-dnd-handle", c = "data-dnd-item", l = /* @__PURE__ */ 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();
+	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
+	})) : (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: /* @__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();
+	}), 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)), _ = /* @__PURE__ */ 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 = /* @__PURE__ */ 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 = /* @__PURE__ */ 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 = /* @__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, applyReorder, createSortable, createSortableScope };
+
 //# sourceMappingURL=sortable.js.map