@vielzeug/dnd 26.10.15 → 26.10.17

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Helmuth Saatkamp
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/_dev.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"_dev.cjs","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["const isDev = !(globalThis as { __DND_PROD__?: boolean }).__DND_PROD__;\n\n/** @internal @security Messages may include developer-supplied config values. */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/dnd] ${msg}`);\n}\n\n/** @internal: Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":"AAGA,SAAgB,KAAK,EAAmB,CAExC"}
+{"version":3,"file":"_dev.cjs","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["const isDev = !(globalThis as { __DND_PROD__?: boolean }).__DND_PROD__;\n\n/** @internal @security Messages may include developer-supplied config values. */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/dnd] ${msg}`);\n}\n\n/** @internal: Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":"AAGA,SAAgB,KAAK,EAAmB,CAExC,C"}

package/dist/_dev.js

@@ -1,2 +1,6 @@
-function warn(e){}export{warn};
+//#region src/_dev.ts
+function warn(e) {}
+//#endregion
+export { warn };
+
 //# sourceMappingURL=_dev.js.map

package/dist/_dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"_dev.js","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["const isDev = !(globalThis as { __DND_PROD__?: boolean }).__DND_PROD__;\n\n/** @internal @security Messages may include developer-supplied config values. */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/dnd] ${msg}`);\n}\n\n/** @internal: Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":"AAGA,SAAgB,KAAK,EAAmB,CAExC"}
+{"version":3,"file":"_dev.js","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["const isDev = !(globalThis as { __DND_PROD__?: boolean }).__DND_PROD__;\n\n/** @internal @security Messages may include developer-supplied config values. */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/dnd] ${msg}`);\n}\n\n/** @internal: Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":";AAGA,SAAgB,KAAK,GAAmB,CAExC"}

package/dist/_shared.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"_shared.cjs","names":[],"sources":["../src/_shared.ts"],"sourcesContent":["import type { Disposable } from './types.js';\n\n// ─── Disposable ──────────────────────────────────────────────────────────────\n\n/**\n * Create a `Disposable` backed by an `AbortController`.\n * `dispose()` is idempotent: the signal aborts and `cleanup` runs at most once.\n * Pass the returned `disposalSignal` to `addEventListener` calls so removal happens\n * automatically on dispose, instead of pairing manual `removeEventListener` calls.\n */\nexport function createDisposable(cleanup?: () => void): Disposable {\n  let disposed = false;\n  const abortController = new AbortController();\n\n  const dispose = (): void => {\n    if (disposed) return;\n\n    disposed = true;\n    abortController.abort();\n    cleanup?.();\n  };\n\n  return {\n    get disposalSignal() {\n      return abortController.signal;\n    },\n    dispose,\n    get disposed() {\n      return disposed;\n    },\n    [Symbol.dispose]: dispose,\n  };\n}\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nexport function resolveDisabled(disabled: boolean | undefined): boolean {\n  return disabled === true;\n}\n"],"mappings":"AAUA,SAAgB,iBAAiB,EAAkC,CACjE,IAAI,EAAW,GACT,EAAkB,IAAI,gBAEtB,YAAsB,CACtB,IAEJ,EAAW,GACX,EAAgB,MAAM,EACtB,IAAU,EACZ,EAEA,MAAO,CACL,IAAI,gBAAiB,CACnB,OAAO,EAAgB,MACzB,EACA,QACA,IAAI,UAAW,CACb,OAAO,CACT,GACC,OAAO,SAAU,OACpB,CACF,CAIA,SAAgB,gBAAgB,EAAwC,CACtE,OAAO,IAAa,EACtB"}
+{"version":3,"file":"_shared.cjs","names":["disposed","abortController","cleanup","disabled"],"sources":["../src/_shared.ts"],"sourcesContent":["import type { Disposable } from './types.js';\n\n// ─── Disposable ──────────────────────────────────────────────────────────────\n\n/**\n * Create a `Disposable` backed by an `AbortController`.\n * `dispose()` is idempotent: the signal aborts and `cleanup` runs at most once.\n * Pass the returned `disposalSignal` to `addEventListener` calls so removal happens\n * automatically on dispose, instead of pairing manual `removeEventListener` calls.\n */\nexport function createDisposable(cleanup?: () => void): Disposable {\n  let disposed = false;\n  const abortController = new AbortController();\n\n  const dispose = (): void => {\n    if (disposed) return;\n\n    disposed = true;\n    abortController.abort();\n    cleanup?.();\n  };\n\n  return {\n    get disposalSignal() {\n      return abortController.signal;\n    },\n    dispose,\n    get disposed() {\n      return disposed;\n    },\n    [Symbol.dispose]: dispose,\n  };\n}\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nexport function resolveDisabled(disabled: boolean | undefined): boolean {\n  return disabled === true;\n}\n"],"mappings":"AAUA,SAAgB,iBAAiB,EAAkC,CACjE,IAAIA,EAAW,GACTC,EAAkB,IAAI,gBAEtB,YAAsB,CACtBD,IAEJ,EAAW,GACXC,EAAgB,MAAM,EACtBC,IAAU,EACZ,EAEA,MAAO,CACL,IAAI,gBAAiB,CACnB,OAAOD,EAAgB,MACzB,EACA,QACA,IAAI,UAAW,CACb,OAAOD,CACT,GACC,OAAO,SAAU,OACpB,CACF,CAIA,SAAgB,gBAAgB,EAAwC,CACtE,OAAOG,IAAa,EACtB,C"}

package/dist/_shared.js

@@ -1,2 +1,23 @@
-function createDisposable(e){let t=!1,n=new AbortController,dispose=()=>{t||(t=!0,n.abort(),e?.())};return{get disposalSignal(){return n.signal},dispose,get disposed(){return t},[Symbol.dispose]:dispose}}function resolveDisabled(e){return e===!0}export{createDisposable,resolveDisabled};
+//#region src/_shared.ts
+function createDisposable(e) {
+	let t = !1, n = new AbortController(), dispose = () => {
+		t || (t = !0, n.abort(), e?.());
+	};
+	return {
+		get disposalSignal() {
+			return n.signal;
+		},
+		dispose,
+		get disposed() {
+			return t;
+		},
+		[Symbol.dispose]: dispose
+	};
+}
+function resolveDisabled(e) {
+	return e === !0;
+}
+//#endregion
+export { createDisposable, resolveDisabled };
+
 //# sourceMappingURL=_shared.js.map

package/dist/_shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"_shared.js","names":[],"sources":["../src/_shared.ts"],"sourcesContent":["import type { Disposable } from './types.js';\n\n// ─── Disposable ──────────────────────────────────────────────────────────────\n\n/**\n * Create a `Disposable` backed by an `AbortController`.\n * `dispose()` is idempotent: the signal aborts and `cleanup` runs at most once.\n * Pass the returned `disposalSignal` to `addEventListener` calls so removal happens\n * automatically on dispose, instead of pairing manual `removeEventListener` calls.\n */\nexport function createDisposable(cleanup?: () => void): Disposable {\n  let disposed = false;\n  const abortController = new AbortController();\n\n  const dispose = (): void => {\n    if (disposed) return;\n\n    disposed = true;\n    abortController.abort();\n    cleanup?.();\n  };\n\n  return {\n    get disposalSignal() {\n      return abortController.signal;\n    },\n    dispose,\n    get disposed() {\n      return disposed;\n    },\n    [Symbol.dispose]: dispose,\n  };\n}\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nexport function resolveDisabled(disabled: boolean | undefined): boolean {\n  return disabled === true;\n}\n"],"mappings":"AAUA,SAAgB,iBAAiB,EAAkC,CACjE,IAAI,EAAW,GACT,EAAkB,IAAI,gBAEtB,YAAsB,CACtB,IAEJ,EAAW,GACX,EAAgB,MAAM,EACtB,IAAU,EACZ,EAEA,MAAO,CACL,IAAI,gBAAiB,CACnB,OAAO,EAAgB,MACzB,EACA,QACA,IAAI,UAAW,CACb,OAAO,CACT,GACC,OAAO,SAAU,OACpB,CACF,CAIA,SAAgB,gBAAgB,EAAwC,CACtE,OAAO,IAAa,EACtB"}
+{"version":3,"file":"_shared.js","names":["disposed","abortController","cleanup","disabled"],"sources":["../src/_shared.ts"],"sourcesContent":["import type { Disposable } from './types.js';\n\n// ─── Disposable ──────────────────────────────────────────────────────────────\n\n/**\n * Create a `Disposable` backed by an `AbortController`.\n * `dispose()` is idempotent: the signal aborts and `cleanup` runs at most once.\n * Pass the returned `disposalSignal` to `addEventListener` calls so removal happens\n * automatically on dispose, instead of pairing manual `removeEventListener` calls.\n */\nexport function createDisposable(cleanup?: () => void): Disposable {\n  let disposed = false;\n  const abortController = new AbortController();\n\n  const dispose = (): void => {\n    if (disposed) return;\n\n    disposed = true;\n    abortController.abort();\n    cleanup?.();\n  };\n\n  return {\n    get disposalSignal() {\n      return abortController.signal;\n    },\n    dispose,\n    get disposed() {\n      return disposed;\n    },\n    [Symbol.dispose]: dispose,\n  };\n}\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nexport function resolveDisabled(disabled: boolean | undefined): boolean {\n  return disabled === true;\n}\n"],"mappings":";AAUA,SAAgB,iBAAiB,GAAkC;CACjE,IAAIA,IAAW,IACTC,IAAkB,IAAI,gBAAgB,GAEtC,gBAAsB;EAC1B,AAAID,MAEJ,IAAW,IACXC,EAAgB,MAAM,GACtBC,IAAU;CACZ;CAEA,OAAO;EACL,IAAI,iBAAiB;GACnB,OAAOD,EAAgB;EACzB;EACA;EACA,IAAI,WAAW;GACb,OAAOD;EACT;GACC,OAAO,UAAU;CACpB;AACF;AAIA,SAAgB,gBAAgB,GAAwC;CACtE,OAAOG,MAAa;AACtB"}

package/dist/_touch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"_touch.cjs","names":[],"sources":["../src/_touch.ts"],"sourcesContent":["import { createDragGesture, type DragGesture, type DragGestureDetail } from '@vielzeug/gesture';\n\nimport { warn } from './_dev.js';\nimport { createDisposable } from './_shared.js';\nimport { DndError } from './errors.js';\nimport type { Disposable } from './types.js';\n\nexport type TouchInputOptions = Readonly<{\n  /** Finger movement in pixels required before sorting starts. @default 6 */\n  activationDistance?: number;\n  /**\n   * Renders visual feedback for a touch drag. Return `null` to keep the source item visible\n   * instead of rendering a preview. Dnd clones the returned element, preserving caller-owned DOM.\n   * The default is an inert outline sized to the source item.\n   */\n  preview?: false | ((item: HTMLElement) => HTMLElement | null);\n}>;\n\nexport interface ScopeTouchController extends Disposable {\n  cancel(): boolean;\n  register(element: HTMLElement): () => void;\n}\n\nconst PREVIEW_Z_INDEX = 2147483647;\n\ntype TouchDragSession = {\n  current: DragGestureDetail['current'];\n  lastTarget: Element | null;\n  preview: HTMLElement | null;\n  previewOrigin: DragGestureDetail['current'] | null;\n  source: HTMLElement;\n};\n\nfunction makeDataTransfer(): DataTransfer {\n  return {\n    dropEffect: 'move',\n    effectAllowed: 'move',\n    getData: () => '',\n    setData() {},\n    setDragImage() {},\n  } as unknown as DataTransfer;\n}\n\nfunction createDefaultPreview(source: HTMLElement): HTMLElement {\n  const rect = source.getBoundingClientRect();\n  const preview = source.ownerDocument.createElement('div');\n  preview.setAttribute('aria-hidden', 'true');\n  preview.setAttribute('data-dnd-touch-preview', '');\n  preview.setAttribute('inert', '');\n  Object.assign(preview.style, {\n    background: 'transparent',\n    border: '2px solid currentColor',\n    boxSizing: 'border-box',\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    opacity: '0.7',\n    pointerEvents: 'none',\n    position: 'fixed',\n    top: `${rect.top}px`,\n    transition: 'none',\n    width: `${rect.width}px`,\n    zIndex: String(PREVIEW_Z_INDEX),\n  });\n  return preview;\n}\n\nexport function createScopeTouchController(\n  options: TouchInputOptions,\n  resolveDragTarget: (target: Element) => HTMLElement | null,\n): ScopeTouchController {\n  const { activationDistance = 6, preview: previewOption } = options;\n  if (!Number.isFinite(activationDistance) || activationDistance < 0) {\n    throw new DndError('touch.activationDistance must be a non-negative finite number');\n  }\n\n  const dataTransfer = makeDataTransfer();\n  const gestures = new Map<HTMLElement, DragGesture>();\n  let pendingSource: HTMLElement | null = null;\n  let session: TouchDragSession | null = null;\n\n  const resetSession = (): void => {\n    session?.preview?.remove();\n    pendingSource = null;\n    session = null;\n  };\n  const disposable = createDisposable(() => {\n    resetSession();\n    gestures.clear();\n  });\n\n  const eventTarget = (event: PointerEvent): Element | null => {\n    const target = event.composedPath().find((node) => (node as Node).nodeType === 1) ?? event.target;\n    return target && (target as Node).nodeType === 1 ? (target as Element) : null;\n  };\n\n  const elementBelow = (active: TouchDragSession, point: DragGestureDetail['current']): Element | null => {\n    const previousSourceDisplay = active.source.style.display;\n    const previousPreviewDisplay = active.preview?.style.display ?? '';\n    active.source.style.display = 'none';\n    if (active.preview) active.preview.style.display = 'none';\n    try {\n      return active.source.ownerDocument.elementFromPoint(point.x, point.y);\n    } finally {\n      active.source.style.display = previousSourceDisplay;\n      if (active.preview) active.preview.style.display = previousPreviewDisplay;\n    }\n  };\n\n  const dispatch = (\n    element: Element,\n    type: string,\n    point: DragGestureDetail['current'],\n    hasPreview = false,\n  ): boolean => {\n    const EventType = element.ownerDocument.defaultView?.Event ?? Event;\n    const event = new EventType(type, { bubbles: true, cancelable: true });\n    Object.defineProperties(event, {\n      __dndTouch: { configurable: true, value: true },\n      __dndTouchPreview: { configurable: true, value: hasPreview },\n      clientX: { configurable: true, value: point.x },\n      clientY: { configurable: true, value: point.y },\n      dataTransfer: { configurable: true, value: dataTransfer },\n    });\n    element.dispatchEvent(event);\n    return event.defaultPrevented;\n  };\n\n  const renderPreview = (source: HTMLElement): HTMLElement | null => {\n    if (previewOption === false) return null;\n    let previewElement: HTMLElement | null;\n    try {\n      const preview = previewOption?.(source);\n      previewElement = previewOption\n        ? ((preview?.cloneNode(true) as HTMLElement | undefined) ?? null)\n        : createDefaultPreview(source);\n    } catch (error) {\n      warn(`touch drag preview failed to render, continuing without one: ${String(error)}`);\n      previewElement = null;\n    }\n    if (!previewElement) return null;\n\n    previewElement.setAttribute('aria-hidden', 'true');\n    previewElement.setAttribute('data-dnd-touch-preview', '');\n    previewElement.setAttribute('inert', '');\n    previewElement.removeAttribute('id');\n    previewElement.querySelectorAll('[id]').forEach((element) => {\n      element.removeAttribute('id');\n    });\n    previewElement.style.pointerEvents = 'none';\n    previewElement.style.position = 'fixed';\n    previewElement.style.zIndex = String(PREVIEW_Z_INDEX);\n    source.ownerDocument.body.appendChild(previewElement);\n    return previewElement;\n  };\n\n  const start = (detail: DragGestureDetail): void => {\n    const source = pendingSource;\n    pendingSource = null;\n    if (!source) return;\n\n    const preview = renderPreview(source);\n    const active: TouchDragSession = {\n      current: detail.current,\n      lastTarget: source,\n      preview,\n      previewOrigin: preview ? detail.current : null,\n      source,\n    };\n    session = active;\n    dispatch(source, 'dragstart', detail.current, preview !== null);\n  };\n\n  const move = (detail: DragGestureDetail): void => {\n    if (!session) return;\n    session.current = detail.current;\n    if (session.preview && session.previewOrigin) {\n      const x = detail.current.x - session.previewOrigin.x;\n      const y = detail.current.y - session.previewOrigin.y;\n      session.preview.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n\n    const below = elementBelow(session, detail.current);\n    if (below && below !== session.lastTarget) {\n      if (session.lastTarget) dispatch(session.lastTarget, 'dragleave', detail.current);\n      session.lastTarget = below;\n    }\n    if (below) dispatch(below, 'dragover', detail.current);\n    detail.event.preventDefault();\n  };\n\n  const end = (detail: DragGestureDetail & Readonly<{ reason: 'cancel' | 'release' }>): void => {\n    pendingSource = null;\n    if (!session) return;\n    const active = session;\n    try {\n      let dropAccepted = false;\n      if (detail.reason === 'release') {\n        const below = elementBelow(active, detail.current);\n        if (below) dropAccepted = dispatch(below, 'drop', detail.current);\n      }\n      dataTransfer.dropEffect = dropAccepted ? 'move' : 'none';\n      dispatch(active.source, 'dragend', detail.current, active.preview !== null);\n    } finally {\n      dataTransfer.dropEffect = 'move';\n      resetSession();\n    }\n  };\n\n  return Object.assign(disposable, {\n    cancel(): boolean {\n      for (const gesture of gestures.values()) {\n        if (gesture.cancel()) return true;\n      }\n      return false;\n    },\n    register(element: HTMLElement): () => void {\n      const gesture = createDragGesture(element, {\n        activationDistance,\n        onEnd: end,\n        onMove: move,\n        onStart: start,\n        pointerCapture: false,\n        shouldStart: (event) => {\n          if (event.pointerType !== 'touch' || session) return false;\n          const target = eventTarget(event);\n          pendingSource = target ? resolveDragTarget(target) : null;\n          return pendingSource !== null;\n        },\n        signal: disposable.disposalSignal,\n      });\n      gestures.set(element, gesture);\n\n      return () => {\n        gesture.dispose();\n        gestures.delete(element);\n        if (pendingSource && element.contains(pendingSource)) pendingSource = null;\n        if (session && element.contains(session.source)) resetSession();\n      };\n    },\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"_touch.cjs","names":["DndError","createDisposable","createDragGesture","require__shared","require_errors","_vielzeug_gesture","PREVIEW_Z_INDEX","rect","source","preview","previewOption","options","activationDistance","dataTransfer","gestures","pendingSource","session","disposable","target","event","node","previousSourceDisplay","active","previousPreviewDisplay","point","element","type","hasPreview","previewElement","error","detail","x","y","below","dropAccepted","gesture","resolveDragTarget"],"sources":["../src/_touch.ts"],"sourcesContent":["import { createDragGesture, type DragGesture, type DragGestureDetail } from '@vielzeug/gesture';\n\nimport { warn } from './_dev.js';\nimport { createDisposable } from './_shared.js';\nimport { DndError } from './errors.js';\nimport type { Disposable } from './types.js';\n\nexport type TouchInputOptions = Readonly<{\n  /** Finger movement in pixels required before sorting starts. @default 6 */\n  activationDistance?: number;\n  /**\n   * Renders visual feedback for a touch drag. Return `null` to keep the source item visible\n   * instead of rendering a preview. Dnd clones the returned element, preserving caller-owned DOM.\n   * The default is an inert outline sized to the source item.\n   */\n  preview?: false | ((item: HTMLElement) => HTMLElement | null);\n}>;\n\nexport interface ScopeTouchController extends Disposable {\n  cancel(): boolean;\n  register(element: HTMLElement): () => void;\n}\n\nconst PREVIEW_Z_INDEX = 2147483647;\n\ntype TouchDragSession = {\n  current: DragGestureDetail['current'];\n  lastTarget: Element | null;\n  preview: HTMLElement | null;\n  previewOrigin: DragGestureDetail['current'] | null;\n  source: HTMLElement;\n};\n\nfunction makeDataTransfer(): DataTransfer {\n  return {\n    dropEffect: 'move',\n    effectAllowed: 'move',\n    getData: () => '',\n    setData() {},\n    setDragImage() {},\n  } as unknown as DataTransfer;\n}\n\nfunction createDefaultPreview(source: HTMLElement): HTMLElement {\n  const rect = source.getBoundingClientRect();\n  const preview = source.ownerDocument.createElement('div');\n  preview.setAttribute('aria-hidden', 'true');\n  preview.setAttribute('data-dnd-touch-preview', '');\n  preview.setAttribute('inert', '');\n  Object.assign(preview.style, {\n    background: 'transparent',\n    border: '2px solid currentColor',\n    boxSizing: 'border-box',\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    opacity: '0.7',\n    pointerEvents: 'none',\n    position: 'fixed',\n    top: `${rect.top}px`,\n    transition: 'none',\n    width: `${rect.width}px`,\n    zIndex: String(PREVIEW_Z_INDEX),\n  });\n  return preview;\n}\n\nexport function createScopeTouchController(\n  options: TouchInputOptions,\n  resolveDragTarget: (target: Element) => HTMLElement | null,\n): ScopeTouchController {\n  const { activationDistance = 6, preview: previewOption } = options;\n  if (!Number.isFinite(activationDistance) || activationDistance < 0) {\n    throw new DndError('touch.activationDistance must be a non-negative finite number');\n  }\n\n  const dataTransfer = makeDataTransfer();\n  const gestures = new Map<HTMLElement, DragGesture>();\n  let pendingSource: HTMLElement | null = null;\n  let session: TouchDragSession | null = null;\n\n  const resetSession = (): void => {\n    session?.preview?.remove();\n    pendingSource = null;\n    session = null;\n  };\n  const disposable = createDisposable(() => {\n    resetSession();\n    gestures.clear();\n  });\n\n  const eventTarget = (event: PointerEvent): Element | null => {\n    const target = event.composedPath().find((node) => (node as Node).nodeType === 1) ?? event.target;\n    return target && (target as Node).nodeType === 1 ? (target as Element) : null;\n  };\n\n  const elementBelow = (active: TouchDragSession, point: DragGestureDetail['current']): Element | null => {\n    const previousSourceDisplay = active.source.style.display;\n    const previousPreviewDisplay = active.preview?.style.display ?? '';\n    active.source.style.display = 'none';\n    if (active.preview) active.preview.style.display = 'none';\n    try {\n      return active.source.ownerDocument.elementFromPoint(point.x, point.y);\n    } finally {\n      active.source.style.display = previousSourceDisplay;\n      if (active.preview) active.preview.style.display = previousPreviewDisplay;\n    }\n  };\n\n  const dispatch = (\n    element: Element,\n    type: string,\n    point: DragGestureDetail['current'],\n    hasPreview = false,\n  ): boolean => {\n    const EventType = element.ownerDocument.defaultView?.Event ?? Event;\n    const event = new EventType(type, { bubbles: true, cancelable: true });\n    Object.defineProperties(event, {\n      __dndTouch: { configurable: true, value: true },\n      __dndTouchPreview: { configurable: true, value: hasPreview },\n      clientX: { configurable: true, value: point.x },\n      clientY: { configurable: true, value: point.y },\n      dataTransfer: { configurable: true, value: dataTransfer },\n    });\n    element.dispatchEvent(event);\n    return event.defaultPrevented;\n  };\n\n  const renderPreview = (source: HTMLElement): HTMLElement | null => {\n    if (previewOption === false) return null;\n    let previewElement: HTMLElement | null;\n    try {\n      const preview = previewOption?.(source);\n      previewElement = previewOption\n        ? ((preview?.cloneNode(true) as HTMLElement | undefined) ?? null)\n        : createDefaultPreview(source);\n    } catch (error) {\n      warn(`touch drag preview failed to render, continuing without one: ${String(error)}`);\n      previewElement = null;\n    }\n    if (!previewElement) return null;\n\n    previewElement.setAttribute('aria-hidden', 'true');\n    previewElement.setAttribute('data-dnd-touch-preview', '');\n    previewElement.setAttribute('inert', '');\n    previewElement.removeAttribute('id');\n    previewElement.querySelectorAll('[id]').forEach((element) => {\n      element.removeAttribute('id');\n    });\n    previewElement.style.pointerEvents = 'none';\n    previewElement.style.position = 'fixed';\n    previewElement.style.zIndex = String(PREVIEW_Z_INDEX);\n    source.ownerDocument.body.appendChild(previewElement);\n    return previewElement;\n  };\n\n  const start = (detail: DragGestureDetail): void => {\n    const source = pendingSource;\n    pendingSource = null;\n    if (!source) return;\n\n    const preview = renderPreview(source);\n    const active: TouchDragSession = {\n      current: detail.current,\n      lastTarget: source,\n      preview,\n      previewOrigin: preview ? detail.current : null,\n      source,\n    };\n    session = active;\n    dispatch(source, 'dragstart', detail.current, preview !== null);\n  };\n\n  const move = (detail: DragGestureDetail): void => {\n    if (!session) return;\n    session.current = detail.current;\n    if (session.preview && session.previewOrigin) {\n      const x = detail.current.x - session.previewOrigin.x;\n      const y = detail.current.y - session.previewOrigin.y;\n      session.preview.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n\n    const below = elementBelow(session, detail.current);\n    if (below && below !== session.lastTarget) {\n      if (session.lastTarget) dispatch(session.lastTarget, 'dragleave', detail.current);\n      session.lastTarget = below;\n    }\n    if (below) dispatch(below, 'dragover', detail.current);\n    detail.event.preventDefault();\n  };\n\n  const end = (detail: DragGestureDetail & Readonly<{ reason: 'cancel' | 'release' }>): void => {\n    pendingSource = null;\n    if (!session) return;\n    const active = session;\n    try {\n      let dropAccepted = false;\n      if (detail.reason === 'release') {\n        const below = elementBelow(active, detail.current);\n        if (below) dropAccepted = dispatch(below, 'drop', detail.current);\n      }\n      dataTransfer.dropEffect = dropAccepted ? 'move' : 'none';\n      dispatch(active.source, 'dragend', detail.current, active.preview !== null);\n    } finally {\n      dataTransfer.dropEffect = 'move';\n      resetSession();\n    }\n  };\n\n  return Object.assign(disposable, {\n    cancel(): boolean {\n      for (const gesture of gestures.values()) {\n        if (gesture.cancel()) return true;\n      }\n      return false;\n    },\n    register(element: HTMLElement): () => void {\n      const gesture = createDragGesture(element, {\n        activationDistance,\n        onEnd: end,\n        onMove: move,\n        onStart: start,\n        pointerCapture: false,\n        shouldStart: (event) => {\n          if (event.pointerType !== 'touch' || session) return false;\n          const target = eventTarget(event);\n          pendingSource = target ? resolveDragTarget(target) : null;\n          return pendingSource !== null;\n        },\n        signal: disposable.disposalSignal,\n      });\n      gestures.set(element, gesture);\n\n      return () => {\n        gesture.dispose();\n        gestures.delete(element);\n        if (pendingSource && element.contains(pendingSource)) pendingSource = null;\n        if (session && element.contains(session.source)) resetSession();\n      };\n    },\n  });\n}\n"],"mappings":"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"}

package/dist/_touch.js

@@ -1,2 +1,151 @@
-import"./_dev.js";import{createDisposable as e}from"./_shared.js";import{DndError as t}from"./errors.js";import{createDragGesture as n}from"@vielzeug/gesture";var r=2147483647;function makeDataTransfer(){return{dropEffect:`move`,effectAllowed:`move`,getData:()=>``,setData(){},setDragImage(){}}}function createDefaultPreview(e){let t=e.getBoundingClientRect(),n=e.ownerDocument.createElement(`div`);return n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`data-dnd-touch-preview`,``),n.setAttribute(`inert`,``),Object.assign(n.style,{background:`transparent`,border:`2px solid currentColor`,boxSizing:`border-box`,height:`${t.height}px`,left:`${t.left}px`,opacity:`0.7`,pointerEvents:`none`,position:`fixed`,top:`${t.top}px`,transition:`none`,width:`${t.width}px`,zIndex:String(r)}),n}function createScopeTouchController(i,a){let{activationDistance:o=6,preview:s}=i;if(!Number.isFinite(o)||o<0)throw new t(`touch.activationDistance must be a non-negative finite number`);let c=makeDataTransfer(),l=new Map,u=null,d=null,resetSession=()=>{d?.preview?.remove(),u=null,d=null},f=e(()=>{resetSession(),l.clear()}),eventTarget=e=>{let t=e.composedPath().find(e=>e.nodeType===1)??e.target;return t&&t.nodeType===1?t:null},elementBelow=(e,t)=>{let n=e.source.style.display,r=e.preview?.style.display??``;e.source.style.display=`none`,e.preview&&(e.preview.style.display=`none`);try{return e.source.ownerDocument.elementFromPoint(t.x,t.y)}finally{e.source.style.display=n,e.preview&&(e.preview.style.display=r)}},dispatch=(e,t,n,r=!1)=>{let i=new((e.ownerDocument.defaultView?.Event)??Event)(t,{bubbles:!0,cancelable:!0});return Object.defineProperties(i,{__dndTouch:{configurable:!0,value:!0},__dndTouchPreview:{configurable:!0,value:r},clientX:{configurable:!0,value:n.x},clientY:{configurable:!0,value:n.y},dataTransfer:{configurable:!0,value:c}}),e.dispatchEvent(i),i.defaultPrevented},renderPreview=e=>{if(s===!1)return null;let t;try{let n=s?.(e);t=s?n?.cloneNode(!0)??null:createDefaultPreview(e)}catch(e){`${String(e)}`,t=null}return t?(t.setAttribute(`aria-hidden`,`true`),t.setAttribute(`data-dnd-touch-preview`,``),t.setAttribute(`inert`,``),t.removeAttribute(`id`),t.querySelectorAll(`[id]`).forEach(e=>{e.removeAttribute(`id`)}),t.style.pointerEvents=`none`,t.style.position=`fixed`,t.style.zIndex=String(r),e.ownerDocument.body.appendChild(t),t):null},start=e=>{let t=u;if(u=null,!t)return;let n=renderPreview(t);d={current:e.current,lastTarget:t,preview:n,previewOrigin:n?e.current:null,source:t},dispatch(t,`dragstart`,e.current,n!==null)},move=e=>{if(!d)return;if(d.current=e.current,d.preview&&d.previewOrigin){let t=e.current.x-d.previewOrigin.x,n=e.current.y-d.previewOrigin.y;d.preview.style.transform=`translate3d(${t}px, ${n}px, 0)`}let t=elementBelow(d,e.current);t&&t!==d.lastTarget&&(d.lastTarget&&dispatch(d.lastTarget,`dragleave`,e.current),d.lastTarget=t),t&&dispatch(t,`dragover`,e.current),e.event.preventDefault()},end=e=>{if(u=null,!d)return;let t=d;try{let n=!1;if(e.reason===`release`){let r=elementBelow(t,e.current);r&&(n=dispatch(r,`drop`,e.current))}c.dropEffect=n?`move`:`none`,dispatch(t.source,`dragend`,e.current,t.preview!==null)}finally{c.dropEffect=`move`,resetSession()}};return Object.assign(f,{cancel(){for(let e of l.values())if(e.cancel())return!0;return!1},register(e){let t=n(e,{activationDistance:o,onEnd:end,onMove:move,onStart:start,pointerCapture:!1,shouldStart:e=>{if(e.pointerType!==`touch`||d)return!1;let t=eventTarget(e);return u=t?a(t):null,u!==null},signal:f.disposalSignal});return l.set(e,t),()=>{t.dispose(),l.delete(e),u&&e.contains(u)&&(u=null),d&&e.contains(d.source)&&resetSession()}}})}export{createScopeTouchController};
+import "./_dev.js";
+import { createDisposable as e } from "./_shared.js";
+import { DndError as t } from "./errors.js";
+import { createDragGesture as n } from "@vielzeug/gesture";
+//#region src/_touch.ts
+var r = 2147483647;
+function makeDataTransfer() {
+	return {
+		dropEffect: "move",
+		effectAllowed: "move",
+		getData: () => "",
+		setData() {},
+		setDragImage() {}
+	};
+}
+function createDefaultPreview(e) {
+	let t = e.getBoundingClientRect(), n = e.ownerDocument.createElement("div");
+	return n.setAttribute("aria-hidden", "true"), n.setAttribute("data-dnd-touch-preview", ""), n.setAttribute("inert", ""), Object.assign(n.style, {
+		background: "transparent",
+		border: "2px solid currentColor",
+		boxSizing: "border-box",
+		height: `${t.height}px`,
+		left: `${t.left}px`,
+		opacity: "0.7",
+		pointerEvents: "none",
+		position: "fixed",
+		top: `${t.top}px`,
+		transition: "none",
+		width: `${t.width}px`,
+		zIndex: String(r)
+	}), n;
+}
+function createScopeTouchController(i, a) {
+	let { activationDistance: o = 6, preview: s } = i;
+	if (!Number.isFinite(o) || o < 0) throw new t("touch.activationDistance must be a non-negative finite number");
+	let c = makeDataTransfer(), l = /* @__PURE__ */ new Map(), u = null, d = null, resetSession = () => {
+		d?.preview?.remove(), u = null, d = null;
+	}, f = e(() => {
+		resetSession(), l.clear();
+	}), eventTarget = (e) => {
+		let t = e.composedPath().find((e) => e.nodeType === 1) ?? e.target;
+		return t && t.nodeType === 1 ? t : null;
+	}, elementBelow = (e, t) => {
+		let n = e.source.style.display, r = e.preview?.style.display ?? "";
+		e.source.style.display = "none", e.preview && (e.preview.style.display = "none");
+		try {
+			return e.source.ownerDocument.elementFromPoint(t.x, t.y);
+		} finally {
+			e.source.style.display = n, e.preview && (e.preview.style.display = r);
+		}
+	}, dispatch = (e, t, n, r = !1) => {
+		let i = new ((e.ownerDocument.defaultView?.Event) ?? Event)(t, {
+			bubbles: !0,
+			cancelable: !0
+		});
+		return Object.defineProperties(i, {
+			__dndTouch: {
+				configurable: !0,
+				value: !0
+			},
+			__dndTouchPreview: {
+				configurable: !0,
+				value: r
+			},
+			clientX: {
+				configurable: !0,
+				value: n.x
+			},
+			clientY: {
+				configurable: !0,
+				value: n.y
+			},
+			dataTransfer: {
+				configurable: !0,
+				value: c
+			}
+		}), e.dispatchEvent(i), i.defaultPrevented;
+	}, renderPreview = (e) => {
+		if (s === !1) return null;
+		let t;
+		try {
+			let n = s?.(e);
+			t = s ? n?.cloneNode(!0) ?? null : createDefaultPreview(e);
+		} catch (e) {
+			`${String(e)}`, t = null;
+		}
+		return t ? (t.setAttribute("aria-hidden", "true"), t.setAttribute("data-dnd-touch-preview", ""), t.setAttribute("inert", ""), t.removeAttribute("id"), t.querySelectorAll("[id]").forEach((e) => {
+			e.removeAttribute("id");
+		}), t.style.pointerEvents = "none", t.style.position = "fixed", t.style.zIndex = String(r), e.ownerDocument.body.appendChild(t), t) : null;
+	}, start = (e) => {
+		let t = u;
+		if (u = null, !t) return;
+		let n = renderPreview(t);
+		d = {
+			current: e.current,
+			lastTarget: t,
+			preview: n,
+			previewOrigin: n ? e.current : null,
+			source: t
+		}, dispatch(t, "dragstart", e.current, n !== null);
+	}, move = (e) => {
+		if (!d) return;
+		if (d.current = e.current, d.preview && d.previewOrigin) {
+			let t = e.current.x - d.previewOrigin.x, n = e.current.y - d.previewOrigin.y;
+			d.preview.style.transform = `translate3d(${t}px, ${n}px, 0)`;
+		}
+		let t = elementBelow(d, e.current);
+		t && t !== d.lastTarget && (d.lastTarget && dispatch(d.lastTarget, "dragleave", e.current), d.lastTarget = t), t && dispatch(t, "dragover", e.current), e.event.preventDefault();
+	}, end = (e) => {
+		if (u = null, !d) return;
+		let t = d;
+		try {
+			let n = !1;
+			if (e.reason === "release") {
+				let r = elementBelow(t, e.current);
+				r && (n = dispatch(r, "drop", e.current));
+			}
+			c.dropEffect = n ? "move" : "none", dispatch(t.source, "dragend", e.current, t.preview !== null);
+		} finally {
+			c.dropEffect = "move", resetSession();
+		}
+	};
+	return Object.assign(f, {
+		cancel() {
+			for (let e of l.values()) if (e.cancel()) return !0;
+			return !1;
+		},
+		register(e) {
+			let t = n(e, {
+				activationDistance: o,
+				onEnd: end,
+				onMove: move,
+				onStart: start,
+				pointerCapture: !1,
+				shouldStart: (e) => {
+					if (e.pointerType !== "touch" || d) return !1;
+					let t = eventTarget(e);
+					return u = t ? a(t) : null, u !== null;
+				},
+				signal: f.disposalSignal
+			});
+			return l.set(e, t), () => {
+				t.dispose(), l.delete(e), u && e.contains(u) && (u = null), d && e.contains(d.source) && resetSession();
+			};
+		}
+	});
+}
+//#endregion
+export { createScopeTouchController };
+
 //# sourceMappingURL=_touch.js.map

package/dist/_touch.js.map

@@ -1 +1 @@
-{"version":3,"file":"_touch.js","names":[],"sources":["../src/_touch.ts"],"sourcesContent":["import { createDragGesture, type DragGesture, type DragGestureDetail } from '@vielzeug/gesture';\n\nimport { warn } from './_dev.js';\nimport { createDisposable } from './_shared.js';\nimport { DndError } from './errors.js';\nimport type { Disposable } from './types.js';\n\nexport type TouchInputOptions = Readonly<{\n  /** Finger movement in pixels required before sorting starts. @default 6 */\n  activationDistance?: number;\n  /**\n   * Renders visual feedback for a touch drag. Return `null` to keep the source item visible\n   * instead of rendering a preview. Dnd clones the returned element, preserving caller-owned DOM.\n   * The default is an inert outline sized to the source item.\n   */\n  preview?: false | ((item: HTMLElement) => HTMLElement | null);\n}>;\n\nexport interface ScopeTouchController extends Disposable {\n  cancel(): boolean;\n  register(element: HTMLElement): () => void;\n}\n\nconst PREVIEW_Z_INDEX = 2147483647;\n\ntype TouchDragSession = {\n  current: DragGestureDetail['current'];\n  lastTarget: Element | null;\n  preview: HTMLElement | null;\n  previewOrigin: DragGestureDetail['current'] | null;\n  source: HTMLElement;\n};\n\nfunction makeDataTransfer(): DataTransfer {\n  return {\n    dropEffect: 'move',\n    effectAllowed: 'move',\n    getData: () => '',\n    setData() {},\n    setDragImage() {},\n  } as unknown as DataTransfer;\n}\n\nfunction createDefaultPreview(source: HTMLElement): HTMLElement {\n  const rect = source.getBoundingClientRect();\n  const preview = source.ownerDocument.createElement('div');\n  preview.setAttribute('aria-hidden', 'true');\n  preview.setAttribute('data-dnd-touch-preview', '');\n  preview.setAttribute('inert', '');\n  Object.assign(preview.style, {\n    background: 'transparent',\n    border: '2px solid currentColor',\n    boxSizing: 'border-box',\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    opacity: '0.7',\n    pointerEvents: 'none',\n    position: 'fixed',\n    top: `${rect.top}px`,\n    transition: 'none',\n    width: `${rect.width}px`,\n    zIndex: String(PREVIEW_Z_INDEX),\n  });\n  return preview;\n}\n\nexport function createScopeTouchController(\n  options: TouchInputOptions,\n  resolveDragTarget: (target: Element) => HTMLElement | null,\n): ScopeTouchController {\n  const { activationDistance = 6, preview: previewOption } = options;\n  if (!Number.isFinite(activationDistance) || activationDistance < 0) {\n    throw new DndError('touch.activationDistance must be a non-negative finite number');\n  }\n\n  const dataTransfer = makeDataTransfer();\n  const gestures = new Map<HTMLElement, DragGesture>();\n  let pendingSource: HTMLElement | null = null;\n  let session: TouchDragSession | null = null;\n\n  const resetSession = (): void => {\n    session?.preview?.remove();\n    pendingSource = null;\n    session = null;\n  };\n  const disposable = createDisposable(() => {\n    resetSession();\n    gestures.clear();\n  });\n\n  const eventTarget = (event: PointerEvent): Element | null => {\n    const target = event.composedPath().find((node) => (node as Node).nodeType === 1) ?? event.target;\n    return target && (target as Node).nodeType === 1 ? (target as Element) : null;\n  };\n\n  const elementBelow = (active: TouchDragSession, point: DragGestureDetail['current']): Element | null => {\n    const previousSourceDisplay = active.source.style.display;\n    const previousPreviewDisplay = active.preview?.style.display ?? '';\n    active.source.style.display = 'none';\n    if (active.preview) active.preview.style.display = 'none';\n    try {\n      return active.source.ownerDocument.elementFromPoint(point.x, point.y);\n    } finally {\n      active.source.style.display = previousSourceDisplay;\n      if (active.preview) active.preview.style.display = previousPreviewDisplay;\n    }\n  };\n\n  const dispatch = (\n    element: Element,\n    type: string,\n    point: DragGestureDetail['current'],\n    hasPreview = false,\n  ): boolean => {\n    const EventType = element.ownerDocument.defaultView?.Event ?? Event;\n    const event = new EventType(type, { bubbles: true, cancelable: true });\n    Object.defineProperties(event, {\n      __dndTouch: { configurable: true, value: true },\n      __dndTouchPreview: { configurable: true, value: hasPreview },\n      clientX: { configurable: true, value: point.x },\n      clientY: { configurable: true, value: point.y },\n      dataTransfer: { configurable: true, value: dataTransfer },\n    });\n    element.dispatchEvent(event);\n    return event.defaultPrevented;\n  };\n\n  const renderPreview = (source: HTMLElement): HTMLElement | null => {\n    if (previewOption === false) return null;\n    let previewElement: HTMLElement | null;\n    try {\n      const preview = previewOption?.(source);\n      previewElement = previewOption\n        ? ((preview?.cloneNode(true) as HTMLElement | undefined) ?? null)\n        : createDefaultPreview(source);\n    } catch (error) {\n      warn(`touch drag preview failed to render, continuing without one: ${String(error)}`);\n      previewElement = null;\n    }\n    if (!previewElement) return null;\n\n    previewElement.setAttribute('aria-hidden', 'true');\n    previewElement.setAttribute('data-dnd-touch-preview', '');\n    previewElement.setAttribute('inert', '');\n    previewElement.removeAttribute('id');\n    previewElement.querySelectorAll('[id]').forEach((element) => {\n      element.removeAttribute('id');\n    });\n    previewElement.style.pointerEvents = 'none';\n    previewElement.style.position = 'fixed';\n    previewElement.style.zIndex = String(PREVIEW_Z_INDEX);\n    source.ownerDocument.body.appendChild(previewElement);\n    return previewElement;\n  };\n\n  const start = (detail: DragGestureDetail): void => {\n    const source = pendingSource;\n    pendingSource = null;\n    if (!source) return;\n\n    const preview = renderPreview(source);\n    const active: TouchDragSession = {\n      current: detail.current,\n      lastTarget: source,\n      preview,\n      previewOrigin: preview ? detail.current : null,\n      source,\n    };\n    session = active;\n    dispatch(source, 'dragstart', detail.current, preview !== null);\n  };\n\n  const move = (detail: DragGestureDetail): void => {\n    if (!session) return;\n    session.current = detail.current;\n    if (session.preview && session.previewOrigin) {\n      const x = detail.current.x - session.previewOrigin.x;\n      const y = detail.current.y - session.previewOrigin.y;\n      session.preview.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n\n    const below = elementBelow(session, detail.current);\n    if (below && below !== session.lastTarget) {\n      if (session.lastTarget) dispatch(session.lastTarget, 'dragleave', detail.current);\n      session.lastTarget = below;\n    }\n    if (below) dispatch(below, 'dragover', detail.current);\n    detail.event.preventDefault();\n  };\n\n  const end = (detail: DragGestureDetail & Readonly<{ reason: 'cancel' | 'release' }>): void => {\n    pendingSource = null;\n    if (!session) return;\n    const active = session;\n    try {\n      let dropAccepted = false;\n      if (detail.reason === 'release') {\n        const below = elementBelow(active, detail.current);\n        if (below) dropAccepted = dispatch(below, 'drop', detail.current);\n      }\n      dataTransfer.dropEffect = dropAccepted ? 'move' : 'none';\n      dispatch(active.source, 'dragend', detail.current, active.preview !== null);\n    } finally {\n      dataTransfer.dropEffect = 'move';\n      resetSession();\n    }\n  };\n\n  return Object.assign(disposable, {\n    cancel(): boolean {\n      for (const gesture of gestures.values()) {\n        if (gesture.cancel()) return true;\n      }\n      return false;\n    },\n    register(element: HTMLElement): () => void {\n      const gesture = createDragGesture(element, {\n        activationDistance,\n        onEnd: end,\n        onMove: move,\n        onStart: start,\n        pointerCapture: false,\n        shouldStart: (event) => {\n          if (event.pointerType !== 'touch' || session) return false;\n          const target = eventTarget(event);\n          pendingSource = target ? resolveDragTarget(target) : null;\n          return pendingSource !== null;\n        },\n        signal: disposable.disposalSignal,\n      });\n      gestures.set(element, gesture);\n\n      return () => {\n        gesture.dispose();\n        gestures.delete(element);\n        if (pendingSource && element.contains(pendingSource)) pendingSource = null;\n        if (session && element.contains(session.source)) resetSession();\n      };\n    },\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"_touch.js","names":["PREVIEW_Z_INDEX","rect","source","preview","previewOption","options","activationDistance","DndError","dataTransfer","gestures","pendingSource","session","disposable","createDisposable","target","event","node","previousSourceDisplay","active","previousPreviewDisplay","point","element","type","hasPreview","previewElement","error","detail","x","y","below","dropAccepted","gesture","createDragGesture","resolveDragTarget"],"sources":["../src/_touch.ts"],"sourcesContent":["import { createDragGesture, type DragGesture, type DragGestureDetail } from '@vielzeug/gesture';\n\nimport { warn } from './_dev.js';\nimport { createDisposable } from './_shared.js';\nimport { DndError } from './errors.js';\nimport type { Disposable } from './types.js';\n\nexport type TouchInputOptions = Readonly<{\n  /** Finger movement in pixels required before sorting starts. @default 6 */\n  activationDistance?: number;\n  /**\n   * Renders visual feedback for a touch drag. Return `null` to keep the source item visible\n   * instead of rendering a preview. Dnd clones the returned element, preserving caller-owned DOM.\n   * The default is an inert outline sized to the source item.\n   */\n  preview?: false | ((item: HTMLElement) => HTMLElement | null);\n}>;\n\nexport interface ScopeTouchController extends Disposable {\n  cancel(): boolean;\n  register(element: HTMLElement): () => void;\n}\n\nconst PREVIEW_Z_INDEX = 2147483647;\n\ntype TouchDragSession = {\n  current: DragGestureDetail['current'];\n  lastTarget: Element | null;\n  preview: HTMLElement | null;\n  previewOrigin: DragGestureDetail['current'] | null;\n  source: HTMLElement;\n};\n\nfunction makeDataTransfer(): DataTransfer {\n  return {\n    dropEffect: 'move',\n    effectAllowed: 'move',\n    getData: () => '',\n    setData() {},\n    setDragImage() {},\n  } as unknown as DataTransfer;\n}\n\nfunction createDefaultPreview(source: HTMLElement): HTMLElement {\n  const rect = source.getBoundingClientRect();\n  const preview = source.ownerDocument.createElement('div');\n  preview.setAttribute('aria-hidden', 'true');\n  preview.setAttribute('data-dnd-touch-preview', '');\n  preview.setAttribute('inert', '');\n  Object.assign(preview.style, {\n    background: 'transparent',\n    border: '2px solid currentColor',\n    boxSizing: 'border-box',\n    height: `${rect.height}px`,\n    left: `${rect.left}px`,\n    opacity: '0.7',\n    pointerEvents: 'none',\n    position: 'fixed',\n    top: `${rect.top}px`,\n    transition: 'none',\n    width: `${rect.width}px`,\n    zIndex: String(PREVIEW_Z_INDEX),\n  });\n  return preview;\n}\n\nexport function createScopeTouchController(\n  options: TouchInputOptions,\n  resolveDragTarget: (target: Element) => HTMLElement | null,\n): ScopeTouchController {\n  const { activationDistance = 6, preview: previewOption } = options;\n  if (!Number.isFinite(activationDistance) || activationDistance < 0) {\n    throw new DndError('touch.activationDistance must be a non-negative finite number');\n  }\n\n  const dataTransfer = makeDataTransfer();\n  const gestures = new Map<HTMLElement, DragGesture>();\n  let pendingSource: HTMLElement | null = null;\n  let session: TouchDragSession | null = null;\n\n  const resetSession = (): void => {\n    session?.preview?.remove();\n    pendingSource = null;\n    session = null;\n  };\n  const disposable = createDisposable(() => {\n    resetSession();\n    gestures.clear();\n  });\n\n  const eventTarget = (event: PointerEvent): Element | null => {\n    const target = event.composedPath().find((node) => (node as Node).nodeType === 1) ?? event.target;\n    return target && (target as Node).nodeType === 1 ? (target as Element) : null;\n  };\n\n  const elementBelow = (active: TouchDragSession, point: DragGestureDetail['current']): Element | null => {\n    const previousSourceDisplay = active.source.style.display;\n    const previousPreviewDisplay = active.preview?.style.display ?? '';\n    active.source.style.display = 'none';\n    if (active.preview) active.preview.style.display = 'none';\n    try {\n      return active.source.ownerDocument.elementFromPoint(point.x, point.y);\n    } finally {\n      active.source.style.display = previousSourceDisplay;\n      if (active.preview) active.preview.style.display = previousPreviewDisplay;\n    }\n  };\n\n  const dispatch = (\n    element: Element,\n    type: string,\n    point: DragGestureDetail['current'],\n    hasPreview = false,\n  ): boolean => {\n    const EventType = element.ownerDocument.defaultView?.Event ?? Event;\n    const event = new EventType(type, { bubbles: true, cancelable: true });\n    Object.defineProperties(event, {\n      __dndTouch: { configurable: true, value: true },\n      __dndTouchPreview: { configurable: true, value: hasPreview },\n      clientX: { configurable: true, value: point.x },\n      clientY: { configurable: true, value: point.y },\n      dataTransfer: { configurable: true, value: dataTransfer },\n    });\n    element.dispatchEvent(event);\n    return event.defaultPrevented;\n  };\n\n  const renderPreview = (source: HTMLElement): HTMLElement | null => {\n    if (previewOption === false) return null;\n    let previewElement: HTMLElement | null;\n    try {\n      const preview = previewOption?.(source);\n      previewElement = previewOption\n        ? ((preview?.cloneNode(true) as HTMLElement | undefined) ?? null)\n        : createDefaultPreview(source);\n    } catch (error) {\n      warn(`touch drag preview failed to render, continuing without one: ${String(error)}`);\n      previewElement = null;\n    }\n    if (!previewElement) return null;\n\n    previewElement.setAttribute('aria-hidden', 'true');\n    previewElement.setAttribute('data-dnd-touch-preview', '');\n    previewElement.setAttribute('inert', '');\n    previewElement.removeAttribute('id');\n    previewElement.querySelectorAll('[id]').forEach((element) => {\n      element.removeAttribute('id');\n    });\n    previewElement.style.pointerEvents = 'none';\n    previewElement.style.position = 'fixed';\n    previewElement.style.zIndex = String(PREVIEW_Z_INDEX);\n    source.ownerDocument.body.appendChild(previewElement);\n    return previewElement;\n  };\n\n  const start = (detail: DragGestureDetail): void => {\n    const source = pendingSource;\n    pendingSource = null;\n    if (!source) return;\n\n    const preview = renderPreview(source);\n    const active: TouchDragSession = {\n      current: detail.current,\n      lastTarget: source,\n      preview,\n      previewOrigin: preview ? detail.current : null,\n      source,\n    };\n    session = active;\n    dispatch(source, 'dragstart', detail.current, preview !== null);\n  };\n\n  const move = (detail: DragGestureDetail): void => {\n    if (!session) return;\n    session.current = detail.current;\n    if (session.preview && session.previewOrigin) {\n      const x = detail.current.x - session.previewOrigin.x;\n      const y = detail.current.y - session.previewOrigin.y;\n      session.preview.style.transform = `translate3d(${x}px, ${y}px, 0)`;\n    }\n\n    const below = elementBelow(session, detail.current);\n    if (below && below !== session.lastTarget) {\n      if (session.lastTarget) dispatch(session.lastTarget, 'dragleave', detail.current);\n      session.lastTarget = below;\n    }\n    if (below) dispatch(below, 'dragover', detail.current);\n    detail.event.preventDefault();\n  };\n\n  const end = (detail: DragGestureDetail & Readonly<{ reason: 'cancel' | 'release' }>): void => {\n    pendingSource = null;\n    if (!session) return;\n    const active = session;\n    try {\n      let dropAccepted = false;\n      if (detail.reason === 'release') {\n        const below = elementBelow(active, detail.current);\n        if (below) dropAccepted = dispatch(below, 'drop', detail.current);\n      }\n      dataTransfer.dropEffect = dropAccepted ? 'move' : 'none';\n      dispatch(active.source, 'dragend', detail.current, active.preview !== null);\n    } finally {\n      dataTransfer.dropEffect = 'move';\n      resetSession();\n    }\n  };\n\n  return Object.assign(disposable, {\n    cancel(): boolean {\n      for (const gesture of gestures.values()) {\n        if (gesture.cancel()) return true;\n      }\n      return false;\n    },\n    register(element: HTMLElement): () => void {\n      const gesture = createDragGesture(element, {\n        activationDistance,\n        onEnd: end,\n        onMove: move,\n        onStart: start,\n        pointerCapture: false,\n        shouldStart: (event) => {\n          if (event.pointerType !== 'touch' || session) return false;\n          const target = eventTarget(event);\n          pendingSource = target ? resolveDragTarget(target) : null;\n          return pendingSource !== null;\n        },\n        signal: disposable.disposalSignal,\n      });\n      gestures.set(element, gesture);\n\n      return () => {\n        gesture.dispose();\n        gestures.delete(element);\n        if (pendingSource && element.contains(pendingSource)) pendingSource = null;\n        if (session && element.contains(session.source)) resetSession();\n      };\n    },\n  });\n}\n"],"mappings":"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"}

package/dist/dnd.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@vielzeug/keymap"),t=require("@vielzeug/gesture");function createDisposable(e){let t=!1,n=new AbortController,dispose=()=>{t||(t=!0,n.abort(),e?.())};return{get disposalSignal(){return n.signal},dispose,get disposed(){return t},[Symbol.dispose]:dispose}}function resolveDisabled(e){return e===!0}var DndError=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},DndScopeError=class extends DndError{constructor(e=`Invalid scope: use createSortableScope() to create scopes.`){super(e)}};function matchesAccept(e,t){return!t.length||t.some(t=>{let n=t.trim().toLowerCase(),r=e.type.toLowerCase();return n?n.startsWith(`.`)?e.name.toLowerCase().endsWith(n):n.endsWith(`/*`)?r.startsWith(n.slice(0,-1)):r===n:!1})}function itemsMatchAccept(e,t){return!t.length||Array.from(e).some(e=>e.kind===`file`&&t.some(t=>{let n=t.trim();return n.endsWith(`/*`)?e.type.startsWith(n.slice(0,-1)):n.startsWith(`.`)?!0:e.type===n}))}function applyFileFilters(e,t,n){let r=[],i=[];for(let n of e)(matchesAccept(n,t)?r:i).push(n);return n!==void 0&&r.length>n&&i.push(...r.splice(n)),{accepted:r,rejected:i}}function normalizeAccept(e){return e.map(e=>{let t=e.trim().toLowerCase(),n=/^\.[a-z0-9][a-z0-9._+-]*$/.test(t),r=/^[a-z0-9!#$&^_.+-]+\/(?:\*|[a-z0-9!#$&^_.+-]+)$/.test(t);if(!n&&!r)throw new DndError(`Invalid accept pattern: "${e}"`);return t})}function notify$1(e,t,...n){if(t)try{t(...n)}catch{`${e}`}}function createDropZone(e){let t=normalizeAccept(e.accept??[]);if(e.maxFiles!==void 0&&(!Number.isSafeInteger(e.maxFiles)||e.maxFiles<0))throw new DndError(`maxFiles must be a non-negative safe integer`);let{dropEffect:n=`copy`,element:r,maxFiles:i,onDrop:a,onDropRejected:o,onHoverChange:s,onValidatingChange:c}=e,l=0,u=!1,d=!1,f=new Set,setValidating=e=>{d!==e&&(d=e,notify$1(`onValidatingChange`,c,e))},updateCounter=e=>{let t=l>0&&u;l=Math.max(0,e),l===0&&(u=!1);let n=l>0&&u;n!==t&&notify$1(`onHoverChange`,s,n)},resetCounter=()=>{updateCounter(0)},p=createDisposable(()=>{for(let e of f)e.abort();f.clear(),setValidating(!1),resetCounter()}),settle=(e,t)=>{e.length>0&&notify$1(`onDrop`,a,[...e]),t.length>0&&notify$1(`onDropRejected`,o,[...t])},settleForPaste=(t,n)=>{t.length>0&&(e.onPaste?notify$1(`onPaste`,e.onPaste,[...t]):notify$1(`onDrop`,a,[...t])),n.length>0&&notify$1(`onDropRejected`,o,[...n])},dispatchWithValidation=(n,r)=>{let{accepted:a,rejected:o}=applyFileFilters(n,t,i),s=e.onValidate,c=s&&a.length>0?new AbortController:null;c&&(f.add(c),setValidating(!0));let finishValidation=()=>{c&&(f.delete(c),p.disposed||setValidating(f.size>0))},l;try{l=c&&s?s([...a],{signal:c.signal}):!0}catch(e){l=Promise.reject(e)}Promise.resolve(l).then(e=>{finishValidation(),!p.disposed&&(e===!0?r(a,o):r([],[...o,...a]))},()=>{finishValidation(),!p.disposed&&r([],[...o,...a])})},handleDragEnter=n=>{if(!resolveDisabled(e.disabled)){if(n.preventDefault(),l===0){let e=n.dataTransfer?.items;u=!t.length||!e?.length||itemsMatchAccept(e,t)}!u&&n.dataTransfer&&(n.dataTransfer.dropEffect=`none`),updateCounter(l+1)}},handleDragOver=t=>{resolveDisabled(e.disabled)||(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect=u?n:`none`))},handleDragLeave=e=>{updateCounter(l-1)},handleDrop=t=>{if(resetCounter(),resolveDisabled(e.disabled))return;t.preventDefault();let n=t.dataTransfer?.files;n&&dispatchWithValidation(Array.from(n),settle)},handlePaste=t=>{if(resolveDisabled(e.disabled))return;let n=t.clipboardData?.files;n?.length&&(t.preventDefault(),dispatchWithValidation(Array.from(n),settleForPaste))};return r.addEventListener(`dragenter`,handleDragEnter,{signal:p.disposalSignal}),r.addEventListener(`dragover`,handleDragOver,{signal:p.disposalSignal}),r.addEventListener(`dragleave`,handleDragLeave,{signal:p.disposalSignal}),r.addEventListener(`drop`,handleDrop,{signal:p.disposalSignal}),e.paste&&r.addEventListener(`paste`,handlePaste,{signal:p.disposalSignal}),window.addEventListener(`dragend`,resetCounter,{signal:p.disposalSignal}),window.addEventListener(`drop`,resetCounter,{signal:p.disposalSignal}),{get disposalSignal(){return p.disposalSignal},dispose:p.dispose,get disposed(){return p.disposed},get hovered(){return l>0&&u},[Symbol.dispose]:p[Symbol.dispose],get validating(){return d}}}var n=2147483647;function makeDataTransfer(){return{dropEffect:`move`,effectAllowed:`move`,getData:()=>``,setData(){},setDragImage(){}}}function createDefaultPreview(e){let t=e.getBoundingClientRect(),r=e.ownerDocument.createElement(`div`);return r.setAttribute(`aria-hidden`,`true`),r.setAttribute(`data-dnd-touch-preview`,``),r.setAttribute(`inert`,``),Object.assign(r.style,{background:`transparent`,border:`2px solid currentColor`,boxSizing:`border-box`,height:`${t.height}px`,left:`${t.left}px`,opacity:`0.7`,pointerEvents:`none`,position:`fixed`,top:`${t.top}px`,transition:`none`,width:`${t.width}px`,zIndex:String(n)}),r}function createScopeTouchController(e,r){let{activationDistance:i=6,preview:a}=e;if(!Number.isFinite(i)||i<0)throw new DndError(`touch.activationDistance must be a non-negative finite number`);let o=makeDataTransfer(),s=new Map,c=null,l=null,resetSession=()=>{l?.preview?.remove(),c=null,l=null},u=createDisposable(()=>{resetSession(),s.clear()}),eventTarget=e=>{let t=e.composedPath().find(e=>e.nodeType===1)??e.target;return t&&t.nodeType===1?t:null},elementBelow=(e,t)=>{let n=e.source.style.display,r=e.preview?.style.display??``;e.source.style.display=`none`,e.preview&&(e.preview.style.display=`none`);try{return e.source.ownerDocument.elementFromPoint(t.x,t.y)}finally{e.source.style.display=n,e.preview&&(e.preview.style.display=r)}},dispatch=(e,t,n,r=!1)=>{let i=new((e.ownerDocument.defaultView?.Event)??Event)(t,{bubbles:!0,cancelable:!0});return Object.defineProperties(i,{__dndTouch:{configurable:!0,value:!0},__dndTouchPreview:{configurable:!0,value:r},clientX:{configurable:!0,value:n.x},clientY:{configurable:!0,value:n.y},dataTransfer:{configurable:!0,value:o}}),e.dispatchEvent(i),i.defaultPrevented},renderPreview=e=>{if(a===!1)return null;let t;try{let n=a?.(e);t=a?n?.cloneNode(!0)??null:createDefaultPreview(e)}catch(e){`${String(e)}`,t=null}return t?(t.setAttribute(`aria-hidden`,`true`),t.setAttribute(`data-dnd-touch-preview`,``),t.setAttribute(`inert`,``),t.removeAttribute(`id`),t.querySelectorAll(`[id]`).forEach(e=>{e.removeAttribute(`id`)}),t.style.pointerEvents=`none`,t.style.position=`fixed`,t.style.zIndex=String(n),e.ownerDocument.body.appendChild(t),t):null},start=e=>{let t=c;if(c=null,!t)return;let n=renderPreview(t);l={current:e.current,lastTarget:t,preview:n,previewOrigin:n?e.current:null,source:t},dispatch(t,`dragstart`,e.current,n!==null)},move=e=>{if(!l)return;if(l.current=e.current,l.preview&&l.previewOrigin){let t=e.current.x-l.previewOrigin.x,n=e.current.y-l.previewOrigin.y;l.preview.style.transform=`translate3d(${t}px, ${n}px, 0)`}let t=elementBelow(l,e.current);t&&t!==l.lastTarget&&(l.lastTarget&&dispatch(l.lastTarget,`dragleave`,e.current),l.lastTarget=t),t&&dispatch(t,`dragover`,e.current),e.event.preventDefault()},end=e=>{if(c=null,!l)return;let t=l;try{let n=!1;if(e.reason===`release`){let r=elementBelow(t,e.current);r&&(n=dispatch(r,`drop`,e.current))}o.dropEffect=n?`move`:`none`,dispatch(t.source,`dragend`,e.current,t.preview!==null)}finally{o.dropEffect=`move`,resetSession()}};return Object.assign(u,{cancel(){for(let e of s.values())if(e.cancel())return!0;return!1},register(e){let n=(0,t.createDragGesture)(e,{activationDistance:i,onEnd:end,onMove:move,onStart:start,pointerCapture:!1,shouldStart:e=>{if(e.pointerType!==`touch`||l)return!1;let t=eventTarget(e);return c=t?r(t):null,c!==null},signal:u.disposalSignal});return s.set(e,n),()=>{n.dispose(),s.delete(e),c&&e.contains(c)&&(c=null),l&&e.contains(l.source)&&resetSession()}}})}var r=Symbol(`SortableScope`),i=`data-dnd-handle`,a=`data-dnd-item`,o=new WeakMap,s={container:!0,edgeThreshold:32,speed:18,viewport:!1};function getSortableScopeState(e){let t=o.get(e);if(!t)throw new DndScopeError;if(e.disposed)throw new DndScopeError(`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 s;if(!Number.isFinite(e.edgeThreshold??32)||(e.edgeThreshold??32)<0||!Number.isFinite(e.speed??18)||(e.speed??18)<=0)throw new DndError(`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(t,n,r,i){let a=t.indexOf(n);if(a<0)return null;let o=i===`vertical`?`ArrowDown`:`ArrowRight`,s=i===`vertical`?`ArrowUp`:`ArrowLeft`,c=(0,e.matchKey)(r,o),l=(0,e.matchKey)(r,s),u;if(c)u=Math.min(t.length-1,a+1);else if(l)u=Math.max(0,a-1);else if((0,e.matchKey)(r,`Home`))u=0;else if((0,e.matchKey)(r,`End`))u=t.length-1;else return null;return u===a?null:u}function createSortableScope(e={}){let t={active:null,commitMove(t){notify(`onMove`,e.onMove,Object.freeze({...t,sourceBeforeIds:immutableIds(t.sourceBeforeIds),sourceIds:immutableIds(t.sourceIds),targetBeforeIds:immutableIds(t.targetBeforeIds),targetIds:immutableIds(t.targetIds)}))},disposables:new Set,handles:new Set,touch:null},n=createDisposable(()=>{t.touch?.dispose();for(let e of[...t.disposables])e();t.disposables.clear(),t.handles.clear()}),i={get disposalSignal(){return n.disposalSignal},dispose:n.dispose,get disposed(){return n.disposed},get isDragging(){return t.active!==null},[r]:!0,[Symbol.dispose]:n[Symbol.dispose]};return o.set(i,t),e.touch&&(t.touch=createScopeTouchController(e.touch===!0?{}:e.touch,e=>{if(t.active)return null;for(let n of t.handles){let t=n.resolveTouchTarget(e);if(t)return t}return null})),i}function createSortable(e){let{autoScroll:t=!0,axis:n=`vertical`,element:r,getKey:o,handle:s,keyboard:c=!0,placeholderClass:l=`dnd-placeholder`,scope:u=createSortableScope()}=e;if(n!==`vertical`&&n!==`horizontal`)throw new DndError(`axis must be "vertical" or "horizontal"`);let d=s?.trim()||null;if((s===void 0||d)&&d)try{r.querySelector(d)}catch(e){throw new DndError(`Invalid handle selector: "${s}"`,{cause:e})}let f=resolveAutoScrollOptions(t),p=getSortableScopeState(u);if([...p.handles].some(e=>e.element===r))throw new DndError(`A sortable is already registered for this element in the selected scope.`);let getItems=()=>(e.items?e.items():Array.from(r.children)).filter(e=>e.parentElement===r&&e.hasAttribute(a)),getOrderedIds=()=>getItems().map(e=>o(e)),m=new Map,h=r.getAttribute(`role`),rememberElement=e=>{let t=m.get(e);if(t)return t;let n={dataDndHandle:e.getAttribute(i),dataDndItem:e.getAttribute(a),draggable:e.getAttribute(`draggable`),role:e.getAttribute(`role`),tabIndex:e.getAttribute(`tabindex`),touchAction:e.style.touchAction};return m.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),s===void 0?(e.setAttribute(`draggable`,`true`),p.touch&&(e.style.touchAction=`none`)):d&&e.querySelectorAll(d).forEach(e=>{rememberElement(e),e.setAttribute(i,``),e.setAttribute(`draggable`,`true`),p.touch&&(e.style.touchAction=`none`)})})},markItems=()=>{let t=new Set,n=e.items?e.items():Array.from(r.children),i=n.filter(e=>e instanceof HTMLElement&&e.parentElement===r),s=[];i.length,n.length;for(let e of i)try{let n=o(e);if(n){if(t.has(n)){`${n}`;continue}t.add(n),s.push(e)}}catch(e){`${String(e)}`}cleanupItems();for(let e of s)rememberElement(e),e.setAttribute(a,``);syncItems(s)},cleanupItems=()=>{for(let[e,t]of m)restoreAttribute(e,i,t.dataDndHandle),restoreAttribute(e,a,t.dataDndItem),restoreAttribute(e,`draggable`,t.draggable),restoreAttribute(e,`role`,t.role),restoreAttribute(e,`tabindex`,t.tabIndex),e.style.touchAction=t.touchAction;m.clear()},createPlaceholder=e=>{let t=document.createElement(`div`);return t.className=l,t.setAttribute(`aria-hidden`,`true`),n===`horizontal`?t.style.width=`${e.offsetWidth}px`:t.style.height=`${e.offsetHeight}px`,t},g={commitReorder:t=>notify(`onReorder`,e.onReorder,Object.freeze({after:immutableIds(t.after),before:immutableIds(t.before),item:t.item})),element:r,getOrderedIds,getOrderedItems:getItems,isDisabled:()=>resolveDisabled(e.disabled),notifyBeforeReorder:(t,n)=>notify(`onBeforeReorder`,e.onBeforeReorder,t,n),notifyDragEnd:(t,n)=>notify(`onDragEnd`,e.onDragEnd,t,n),notifyDragStart:(t,n)=>notify(`onDragStart`,e.onDragStart,t,n),notifyInteraction:t=>notify(`onInteraction`,e.onInteraction,Object.freeze(t)),resolveTouchTarget:t=>{if(resolveDisabled(e.disabled)||!r.contains(t))return null;let n=t.closest(`[${a}]`);if(!n||!getItems().includes(n))return null;if(s===void 0)return n;if(!d)return null;let i=t.closest(d);return i&&n.contains(i)?i:null}},handleDragStart=t=>{if(p.active||g.isDisabled())return;let n=t.target,r=n.closest(`[${a}]`);if(!r||!getItems().includes(r))return;if(s!==void 0){let e=d?n.closest(d):null;if(!e||!r.contains(e))return}let i=r.parentElement;if(!i)return;let c=createPlaceholder(r),l=r.nextSibling,u=o(r),f=new Map;f.set(g,g.getOrderedIds()),r.setAttribute(`data-dragging`,``),i.insertBefore(c,l);let m={draggedEl:r,draggedId:u,hideFrame:null,initialOrders:f,originalDisplay:r.style.display,originalNextSibling:l,originalParent:i,placeholder:c,source:g,target:g};if((!isTouchDragEvent(t)||t.__dndTouchPreview)&&scheduleHide(m),p.active=m,t.dataTransfer)try{if(t.dataTransfer.effectAllowed=`move`,t.dataTransfer.setData(`text/plain`,u),e.dragImage){let n=typeof e.dragImage==`function`?e.dragImage(u,r,t):e.dragImage,[i,a]=e.dragImageOffset??[0,0];n&&t.dataTransfer.setDragImage(n,i,a)}}catch(e){`${e instanceof Error?e.message:String(e)}`}g.notifyDragStart(m.draggedId,t),g.notifyInteraction({index:g.getOrderedIds().indexOf(u),itemId:u,total:g.getOrderedIds().length,type:`pickup`})},handleDragOver=e=>{let t=p.active;if(!t||t.source.isDisabled()||g.isDisabled())return;e.preventDefault(),maybeAutoScroll(e,r,n,f),snapshotOrder(t,g);let{draggedEl:i,placeholder:o}=t,s=e.target.closest(`[${a}]`);if(s&&!getItems().includes(s))return;if(!s){o.parentElement!==r&&r.appendChild(o),t.target=g;return}if(s===i||s===o)return;let c=s.getBoundingClientRect(),l=n===`vertical`?e.clientY>=c.top+c.height/2:e.clientX>=c.left+c.width/2;r.insertBefore(o,l?s.nextSibling:s),t.target=g},handleDrop=e=>{let t=p.active;t&&(t.source.isDisabled()||g.isDisabled()||(e.preventDefault(),t.target=g))},handleDragEnd=e=>{p.active?.source===g&&finishSession(p,e,!1)},handleKeydown=e=>{if(!c||g.isDisabled())return;let t=e.target,i=t?.closest(`[${a}]`);if(!t||!i||!getItems().includes(i))return;let s=t.closest(`input, textarea, select, button, a[href], [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"]`),l=d?t.closest(d):null;if(s&&(!l||!i.contains(l)))return;let u=getItems(),f=u.indexOf(i),p=keyboardTargetIndex(u,i,e,n);if(p===null)return;let m=u[p];if(!m)return;let h=u.map(o),_=[...u];_.splice(f,1),_.splice(p,0,i);let v=_.map(o),y=o(i);e.preventDefault(),g.notifyBeforeReorder(immutableIds(h),immutableIds(v)),r.insertBefore(i,p>f?m.nextSibling:m),i.focus(),g.commitReorder({after:v,before:h,item:y}),g.notifyInteraction({index:p,itemId:y,previousIndex:f,total:v.length,type:`move`})};markItems();let _,v=createDisposable(()=>{p.disposables.delete(v.dispose),p.active&&(p.active.source===g||p.active.target===g)&&!p.touch?.cancel()&&finishSession(p,new Event(`dragend`),!0),_?.(),p.handles.delete(g),restoreAttribute(r,`role`,h),cleanupItems()});return p.handles.add(g),_=p.touch?.register(r),h===null&&r.setAttribute(`role`,`list`),r.addEventListener(`dragstart`,handleDragStart,{signal:v.disposalSignal}),r.addEventListener(`dragover`,handleDragOver,{signal:v.disposalSignal}),r.addEventListener(`drop`,handleDrop,{signal:v.disposalSignal}),r.addEventListener(`dragend`,handleDragEnd,{signal:v.disposalSignal}),r.addEventListener(`keydown`,handleKeydown,{signal:v.disposalSignal}),p.disposables.add(v.dispose),{get disposalSignal(){return v.disposalSignal},dispose:v.dispose,get disposed(){return v.disposed},get isDragging(){return p.active?.source===g},[Symbol.dispose]:v[Symbol.dispose],refresh:()=>{markItems()}}}function applyReorder(e,t,n){let r=new Map;for(let t of e){let e=n(t);if(r.has(e))throw new DndError(`Duplicate item key: "${e}"`);r.set(e,t)}let i=[];for(let e of t){if(!r.has(e))continue;let t=r.get(e);i.push(t),r.delete(e)}for(let e of r.values())i.push(e);return i}exports.DndError=DndError,exports.DndScopeError=DndScopeError,exports.applyReorder=applyReorder,exports.createDropZone=createDropZone,exports.createSortable=createSortable,exports.createSortableScope=createSortableScope,exports.matchesAccept=matchesAccept;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@vielzeug/keymap"),t=require("@vielzeug/gesture");function createDisposable(e){let t=!1,n=new AbortController,dispose=()=>{t||(t=!0,n.abort(),e?.())};return{get disposalSignal(){return n.signal},dispose,get disposed(){return t},[Symbol.dispose]:dispose}}function resolveDisabled(e){return e===!0}var DndError=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},DndScopeError=class extends DndError{constructor(e=`Invalid scope: use createSortableScope() to create scopes.`){super(e)}};function matchesAccept(e,t){return!t.length||t.some(t=>{let n=t.trim().toLowerCase(),r=e.type.toLowerCase();return n?n.startsWith(`.`)?e.name.toLowerCase().endsWith(n):n.endsWith(`/*`)?r.startsWith(n.slice(0,-1)):r===n:!1})}function itemsMatchAccept(e,t){return!t.length||Array.from(e).some(e=>e.kind===`file`&&t.some(t=>{let n=t.trim();return n.endsWith(`/*`)?e.type.startsWith(n.slice(0,-1)):n.startsWith(`.`)?!0:e.type===n}))}function applyFileFilters(e,t,n){let r=[],i=[];for(let n of e)(matchesAccept(n,t)?r:i).push(n);return n!==void 0&&r.length>n&&i.push(...r.splice(n)),{accepted:r,rejected:i}}function normalizeAccept(e){return e.map(e=>{let t=e.trim().toLowerCase(),n=/^\.[a-z0-9][a-z0-9._+-]*$/.test(t),r=/^[a-z0-9!#$&^_.+-]+\/(?:\*|[a-z0-9!#$&^_.+-]+)$/.test(t);if(!n&&!r)throw new DndError(`Invalid accept pattern: "${e}"`);return t})}function notify$1(e,t,...n){if(t)try{t(...n)}catch{`${e}`}}function createDropZone(e){let t=normalizeAccept(e.accept??[]);if(e.maxFiles!==void 0&&(!Number.isSafeInteger(e.maxFiles)||e.maxFiles<0))throw new DndError(`maxFiles must be a non-negative safe integer`);let{dropEffect:n=`copy`,element:r,maxFiles:i,onDrop:a,onDropRejected:o,onHoverChange:s,onValidatingChange:c}=e,l=0,u=!1,d=!1,f=new Set,setValidating=e=>{d!==e&&(d=e,notify$1(`onValidatingChange`,c,e))},updateCounter=e=>{let t=l>0&&u;l=Math.max(0,e),l===0&&(u=!1);let n=l>0&&u;n!==t&&notify$1(`onHoverChange`,s,n)},resetCounter=()=>{updateCounter(0)},p=createDisposable(()=>{for(let e of f)e.abort();f.clear(),setValidating(!1),resetCounter()}),settle=(e,t)=>{e.length>0&&notify$1(`onDrop`,a,[...e]),t.length>0&&notify$1(`onDropRejected`,o,[...t])},settleForPaste=(t,n)=>{t.length>0&&(e.onPaste?notify$1(`onPaste`,e.onPaste,[...t]):notify$1(`onDrop`,a,[...t])),n.length>0&&notify$1(`onDropRejected`,o,[...n])},dispatchWithValidation=(n,r)=>{let{accepted:a,rejected:o}=applyFileFilters(n,t,i),s=e.onValidate,c=s&&a.length>0?new AbortController:null;c&&(f.add(c),setValidating(!0));let finishValidation=()=>{c&&(f.delete(c),p.disposed||setValidating(f.size>0))},l;try{l=c&&s?s([...a],{signal:c.signal}):!0}catch(e){l=Promise.reject(e)}Promise.resolve(l).then(e=>{finishValidation(),!p.disposed&&(e===!0?r(a,o):r([],[...o,...a]))},()=>{finishValidation(),!p.disposed&&r([],[...o,...a])})},handleDragEnter=n=>{if(!resolveDisabled(e.disabled)){if(n.preventDefault(),l===0){let e=n.dataTransfer?.items;u=!t.length||!e?.length||itemsMatchAccept(e,t)}!u&&n.dataTransfer&&(n.dataTransfer.dropEffect=`none`),updateCounter(l+1)}},handleDragOver=t=>{resolveDisabled(e.disabled)||(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect=u?n:`none`))},handleDragLeave=e=>{updateCounter(l-1)},handleDrop=t=>{if(resetCounter(),resolveDisabled(e.disabled))return;t.preventDefault();let n=t.dataTransfer?.files;n&&dispatchWithValidation(Array.from(n),settle)},handlePaste=t=>{if(resolveDisabled(e.disabled))return;let n=t.clipboardData?.files;n?.length&&(t.preventDefault(),dispatchWithValidation(Array.from(n),settleForPaste))};return r.addEventListener(`dragenter`,handleDragEnter,{signal:p.disposalSignal}),r.addEventListener(`dragover`,handleDragOver,{signal:p.disposalSignal}),r.addEventListener(`dragleave`,handleDragLeave,{signal:p.disposalSignal}),r.addEventListener(`drop`,handleDrop,{signal:p.disposalSignal}),e.paste&&r.addEventListener(`paste`,handlePaste,{signal:p.disposalSignal}),window.addEventListener(`dragend`,resetCounter,{signal:p.disposalSignal}),window.addEventListener(`drop`,resetCounter,{signal:p.disposalSignal}),{get disposalSignal(){return p.disposalSignal},dispose:p.dispose,get disposed(){return p.disposed},get hovered(){return l>0&&u},[Symbol.dispose]:p[Symbol.dispose],get validating(){return d}}}var n=2147483647;function makeDataTransfer(){return{dropEffect:`move`,effectAllowed:`move`,getData:()=>``,setData(){},setDragImage(){}}}function createDefaultPreview(e){let t=e.getBoundingClientRect(),r=e.ownerDocument.createElement(`div`);return r.setAttribute(`aria-hidden`,`true`),r.setAttribute(`data-dnd-touch-preview`,``),r.setAttribute(`inert`,``),Object.assign(r.style,{background:`transparent`,border:`2px solid currentColor`,boxSizing:`border-box`,height:`${t.height}px`,left:`${t.left}px`,opacity:`0.7`,pointerEvents:`none`,position:`fixed`,top:`${t.top}px`,transition:`none`,width:`${t.width}px`,zIndex:String(n)}),r}function createScopeTouchController(e,r){let{activationDistance:i=6,preview:a}=e;if(!Number.isFinite(i)||i<0)throw new DndError(`touch.activationDistance must be a non-negative finite number`);let o=makeDataTransfer(),s=new Map,c=null,l=null,resetSession=()=>{l?.preview?.remove(),c=null,l=null},u=createDisposable(()=>{resetSession(),s.clear()}),eventTarget=e=>{let t=e.composedPath().find(e=>e.nodeType===1)??e.target;return t&&t.nodeType===1?t:null},elementBelow=(e,t)=>{let n=e.source.style.display,r=e.preview?.style.display??``;e.source.style.display=`none`,e.preview&&(e.preview.style.display=`none`);try{return e.source.ownerDocument.elementFromPoint(t.x,t.y)}finally{e.source.style.display=n,e.preview&&(e.preview.style.display=r)}},dispatch=(e,t,n,r=!1)=>{let i=new((e.ownerDocument.defaultView?.Event)??Event)(t,{bubbles:!0,cancelable:!0});return Object.defineProperties(i,{__dndTouch:{configurable:!0,value:!0},__dndTouchPreview:{configurable:!0,value:r},clientX:{configurable:!0,value:n.x},clientY:{configurable:!0,value:n.y},dataTransfer:{configurable:!0,value:o}}),e.dispatchEvent(i),i.defaultPrevented},renderPreview=e=>{if(a===!1)return null;let t;try{let n=a?.(e);t=a?n?.cloneNode(!0)??null:createDefaultPreview(e)}catch(e){`${String(e)}`,t=null}return t?(t.setAttribute(`aria-hidden`,`true`),t.setAttribute(`data-dnd-touch-preview`,``),t.setAttribute(`inert`,``),t.removeAttribute(`id`),t.querySelectorAll(`[id]`).forEach(e=>{e.removeAttribute(`id`)}),t.style.pointerEvents=`none`,t.style.position=`fixed`,t.style.zIndex=String(n),e.ownerDocument.body.appendChild(t),t):null},start=e=>{let t=c;if(c=null,!t)return;let n=renderPreview(t);l={current:e.current,lastTarget:t,preview:n,previewOrigin:n?e.current:null,source:t},dispatch(t,`dragstart`,e.current,n!==null)},move=e=>{if(!l)return;if(l.current=e.current,l.preview&&l.previewOrigin){let t=e.current.x-l.previewOrigin.x,n=e.current.y-l.previewOrigin.y;l.preview.style.transform=`translate3d(${t}px, ${n}px, 0)`}let t=elementBelow(l,e.current);t&&t!==l.lastTarget&&(l.lastTarget&&dispatch(l.lastTarget,`dragleave`,e.current),l.lastTarget=t),t&&dispatch(t,`dragover`,e.current),e.event.preventDefault()},end=e=>{if(c=null,!l)return;let t=l;try{let n=!1;if(e.reason===`release`){let r=elementBelow(t,e.current);r&&(n=dispatch(r,`drop`,e.current))}o.dropEffect=n?`move`:`none`,dispatch(t.source,`dragend`,e.current,t.preview!==null)}finally{o.dropEffect=`move`,resetSession()}};return Object.assign(u,{cancel(){for(let e of s.values())if(e.cancel())return!0;return!1},register(e){let n=(0,t.createDragGesture)(e,{activationDistance:i,onEnd:end,onMove:move,onStart:start,pointerCapture:!1,shouldStart:e=>{if(e.pointerType!==`touch`||l)return!1;let t=eventTarget(e);return c=t?r(t):null,c!==null},signal:u.disposalSignal});return s.set(e,n),()=>{n.dispose(),s.delete(e),c&&e.contains(c)&&(c=null),l&&e.contains(l.source)&&resetSession()}}})}var r=Symbol(`SortableScope`),i=`data-dnd-handle`,a=`data-dnd-item`,o=new WeakMap,s={container:!0,edgeThreshold:32,speed:18,viewport:!1};function getSortableScopeState(e){let t=o.get(e);if(!t)throw new DndScopeError;if(e.disposed)throw new DndScopeError(`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 s;if(!Number.isFinite(e.edgeThreshold??32)||(e.edgeThreshold??32)<0||!Number.isFinite(e.speed??18)||(e.speed??18)<=0)throw new DndError(`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(t,n,r,i){let a=t.indexOf(n);if(a<0)return null;let o=i===`vertical`?`ArrowDown`:`ArrowRight`,s=i===`vertical`?`ArrowUp`:`ArrowLeft`,c=(0,e.matchKey)(r,o),l=(0,e.matchKey)(r,s),u;if(c)u=Math.min(t.length-1,a+1);else if(l)u=Math.max(0,a-1);else if((0,e.matchKey)(r,`Home`))u=0;else if((0,e.matchKey)(r,`End`))u=t.length-1;else return null;return u===a?null:u}function createSortableScope(e={}){let t={active:null,commitMove(t){notify(`onMove`,e.onMove,Object.freeze({...t,sourceBeforeIds:immutableIds(t.sourceBeforeIds),sourceIds:immutableIds(t.sourceIds),targetBeforeIds:immutableIds(t.targetBeforeIds),targetIds:immutableIds(t.targetIds)}))},disposables:new Set,handles:new Set,touch:null},n=createDisposable(()=>{t.touch?.dispose();for(let e of[...t.disposables])e();t.disposables.clear(),t.handles.clear()}),i={get disposalSignal(){return n.disposalSignal},dispose:n.dispose,get disposed(){return n.disposed},get isDragging(){return t.active!==null},[r]:!0,[Symbol.dispose]:n[Symbol.dispose]};return o.set(i,t),e.touch&&(t.touch=createScopeTouchController(e.touch===!0?{}:e.touch,e=>{if(t.active)return null;for(let n of t.handles){let t=n.resolveTouchTarget(e);if(t)return t}return null})),i}function createSortable(e){let{autoScroll:t=!0,axis:n=`vertical`,element:r,getKey:o,handle:s,keyboard:c=!0,placeholderClass:l=`dnd-placeholder`,scope:u=createSortableScope()}=e;if(n!==`vertical`&&n!==`horizontal`)throw new DndError(`axis must be "vertical" or "horizontal"`);let d=s?.trim()||null;if((s===void 0||d)&&d)try{r.querySelector(d)}catch(e){throw new DndError(`Invalid handle selector: "${s}"`,{cause:e})}let f=resolveAutoScrollOptions(t),p=getSortableScopeState(u);if([...p.handles].some(e=>e.element===r))throw new DndError(`A sortable is already registered for this element in the selected scope.`);let getItems=()=>(e.items?e.items():Array.from(r.children)).filter(e=>e.parentElement===r&&e.hasAttribute(a)),getOrderedIds=()=>getItems().map(e=>o(e)),m=new Map,h=r.getAttribute(`role`),rememberElement=e=>{let t=m.get(e);if(t)return t;let n={dataDndHandle:e.getAttribute(i),dataDndItem:e.getAttribute(a),draggable:e.getAttribute(`draggable`),role:e.getAttribute(`role`),tabIndex:e.getAttribute(`tabindex`),touchAction:e.style.touchAction};return m.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),s===void 0?(e.setAttribute(`draggable`,`true`),p.touch&&(e.style.touchAction=`none`)):d&&e.querySelectorAll(d).forEach(e=>{rememberElement(e),e.setAttribute(i,``),e.setAttribute(`draggable`,`true`),p.touch&&(e.style.touchAction=`none`)})})},markItems=()=>{let t=new Set,n=e.items?e.items():Array.from(r.children),i=n.filter(e=>e instanceof HTMLElement&&e.parentElement===r),s=[];i.length,n.length;for(let e of i)try{let n=o(e);if(n){if(t.has(n)){`${n}`;continue}t.add(n),s.push(e)}}catch(e){`${String(e)}`}cleanupItems();for(let e of s)rememberElement(e),e.setAttribute(a,``);syncItems(s)},cleanupItems=()=>{for(let[e,t]of m)restoreAttribute(e,i,t.dataDndHandle),restoreAttribute(e,a,t.dataDndItem),restoreAttribute(e,`draggable`,t.draggable),restoreAttribute(e,`role`,t.role),restoreAttribute(e,`tabindex`,t.tabIndex),e.style.touchAction=t.touchAction;m.clear()},createPlaceholder=e=>{let t=document.createElement(`div`);return t.className=l,t.setAttribute(`aria-hidden`,`true`),n===`horizontal`?t.style.width=`${e.offsetWidth}px`:t.style.height=`${e.offsetHeight}px`,t},g={commitReorder:t=>notify(`onReorder`,e.onReorder,Object.freeze({after:immutableIds(t.after),before:immutableIds(t.before),item:t.item})),element:r,getOrderedIds,getOrderedItems:getItems,isDisabled:()=>resolveDisabled(e.disabled),notifyBeforeReorder:(t,n)=>notify(`onBeforeReorder`,e.onBeforeReorder,t,n),notifyDragEnd:(t,n)=>notify(`onDragEnd`,e.onDragEnd,t,n),notifyDragStart:(t,n)=>notify(`onDragStart`,e.onDragStart,t,n),notifyInteraction:t=>notify(`onInteraction`,e.onInteraction,Object.freeze(t)),resolveTouchTarget:t=>{if(resolveDisabled(e.disabled)||!r.contains(t))return null;let n=t.closest(`[${a}]`);if(!n||!getItems().includes(n))return null;if(s===void 0)return n;if(!d)return null;let i=t.closest(d);return i&&n.contains(i)?i:null}},handleDragStart=t=>{if(p.active||g.isDisabled())return;let n=t.target,r=n.closest(`[${a}]`);if(!r||!getItems().includes(r))return;if(s!==void 0){let e=d?n.closest(d):null;if(!e||!r.contains(e))return}let i=r.parentElement;if(!i)return;let c=createPlaceholder(r),l=r.nextSibling,u=o(r),f=new Map;f.set(g,g.getOrderedIds()),r.setAttribute(`data-dragging`,``),i.insertBefore(c,l);let m={draggedEl:r,draggedId:u,hideFrame:null,initialOrders:f,originalDisplay:r.style.display,originalNextSibling:l,originalParent:i,placeholder:c,source:g,target:g};if((!isTouchDragEvent(t)||t.__dndTouchPreview)&&scheduleHide(m),p.active=m,t.dataTransfer)try{if(t.dataTransfer.effectAllowed=`move`,t.dataTransfer.setData(`text/plain`,u),e.dragImage){let n=typeof e.dragImage==`function`?e.dragImage(u,r,t):e.dragImage,[i,a]=e.dragImageOffset??[0,0];n&&t.dataTransfer.setDragImage(n,i,a)}}catch(e){`${e instanceof Error?e.message:String(e)}`}g.notifyDragStart(m.draggedId,t),g.notifyInteraction({index:g.getOrderedIds().indexOf(u),itemId:u,total:g.getOrderedIds().length,type:`pickup`})},handleDragOver=e=>{let t=p.active;if(!t||t.source.isDisabled()||g.isDisabled())return;e.preventDefault(),maybeAutoScroll(e,r,n,f),snapshotOrder(t,g);let{draggedEl:i,placeholder:o}=t,s=e.target.closest(`[${a}]`);if(s&&!getItems().includes(s))return;if(!s){o.parentElement!==r&&r.appendChild(o),t.target=g;return}if(s===i||s===o)return;let c=s.getBoundingClientRect(),l=n===`vertical`?e.clientY>=c.top+c.height/2:e.clientX>=c.left+c.width/2;r.insertBefore(o,l?s.nextSibling:s),t.target=g},handleDrop=e=>{let t=p.active;t&&(t.source.isDisabled()||g.isDisabled()||(e.preventDefault(),t.target=g))},handleDragEnd=e=>{p.active?.source===g&&finishSession(p,e,!1)},handleKeydown=e=>{if(!c||g.isDisabled())return;let t=e.target,i=t?.closest(`[${a}]`);if(!t||!i||!getItems().includes(i))return;let s=t.closest(`input, textarea, select, button, a[href], [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"]`),l=d?t.closest(d):null;if(s&&(!l||!i.contains(l)))return;let u=getItems(),f=u.indexOf(i),p=keyboardTargetIndex(u,i,e,n);if(p===null)return;let m=u[p];if(!m)return;let h=u.map(o),_=[...u];_.splice(f,1),_.splice(p,0,i);let v=_.map(o),y=o(i);e.preventDefault(),g.notifyBeforeReorder(immutableIds(h),immutableIds(v)),r.insertBefore(i,p>f?m.nextSibling:m),i.focus(),g.commitReorder({after:v,before:h,item:y}),g.notifyInteraction({index:p,itemId:y,previousIndex:f,total:v.length,type:`move`})};markItems();let _,v=createDisposable(()=>{p.disposables.delete(v.dispose),p.active&&(p.active.source===g||p.active.target===g)&&!p.touch?.cancel()&&finishSession(p,new Event(`dragend`),!0),_?.(),p.handles.delete(g),restoreAttribute(r,`role`,h),cleanupItems()});return p.handles.add(g),_=p.touch?.register(r),h===null&&r.setAttribute(`role`,`list`),r.addEventListener(`dragstart`,handleDragStart,{signal:v.disposalSignal}),r.addEventListener(`dragover`,handleDragOver,{signal:v.disposalSignal}),r.addEventListener(`drop`,handleDrop,{signal:v.disposalSignal}),r.addEventListener(`dragend`,handleDragEnd,{signal:v.disposalSignal}),r.addEventListener(`keydown`,handleKeydown,{signal:v.disposalSignal}),p.disposables.add(v.dispose),{get disposalSignal(){return v.disposalSignal},dispose:v.dispose,get disposed(){return v.disposed},get isDragging(){return p.active?.source===g},[Symbol.dispose]:v[Symbol.dispose],refresh:()=>{markItems()}}}function applyReorder(e,t,n){let r=new Map;for(let t of e){let e=n(t);if(r.has(e))throw new DndError(`Duplicate item key: "${e}"`);r.set(e,t)}let i=[];for(let e of t){if(!r.has(e))continue;let t=r.get(e);i.push(t),r.delete(e)}for(let e of r.values())i.push(e);return i}exports.DndError=DndError,exports.DndScopeError=DndScopeError,exports.applyReorder=applyReorder,exports.createDropZone=createDropZone,exports.createSortable=createSortable,exports.createSortableScope=createSortableScope,exports.matchesAccept=matchesAccept;
 //# sourceMappingURL=dnd.cjs.map