@vielzeug/dnd 2.0.0 → 2.0.1

package/dist/sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortable.js","names":[],"sources":["../src/sortable.ts"],"sourcesContent":["import { warn } from './_dev';\nimport { createDisposable, resolveDisabled } from './_shared';\nimport { createScopeTouchController, type ScopeTouchController, type TouchInputOptions } from './_touch';\nimport { DndScopeError } from './errors';\nimport { type Disposable } from './types';\n\n// ─── Branded scope ────────────────────────────────────────────────────────────\n\nconst SCOPE_BRAND = Symbol('SortableScope');\n\nexport interface SortableScope extends Disposable {\n  /** `true` while any sortable in this scope is actively dragging. */\n  readonly isDragging: boolean;\n  readonly [SCOPE_BRAND]: true;\n  /**\n   * Calls the revert function registered for the most recent cross-container move.\n   * A no-op when no move registered a revert function.\n   */\n  revert(): void;\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface AutoScrollOptions {\n  /** Distance in pixels from an edge that triggers auto-scroll. @default 32 */\n  edgeThreshold?: number;\n  /** Pixels scrolled per dragover frame while near an edge. @default 18 */\n  speed?: number;\n  /** Scroll the sortable container while dragging near its edges. @default true */\n  container?: boolean;\n  /** Scroll the viewport while dragging near the window edges. @default false */\n  viewport?: boolean;\n}\n\n/**\n * Passed to `onReorder` after every successful reorder (drag or keyboard).\n */\nexport interface ReorderEvent {\n  /** The new ordered list of item keys after the reorder. */\n  ids: string[];\n  /**\n   * Register a revert function that will be called when `sortable.revert()` is invoked.\n   * Useful for rolling back optimistic UI updates on server error.\n   * Only the most recent `setRevert` registration is retained — a new reorder overwrites it.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * ```\n   */\n  setRevert(fn: () => void): void;\n}\n\n/** A single committed move between two containers in the same sortable scope. */\nexport interface SortableMoveEvent {\n  /** Stable identity of the moved item. */\n  readonly itemId: string;\n  /** Source container before the move. */\n  readonly source: HTMLElement;\n  /** Ordered source item IDs after the move. */\n  readonly sourceIds: string[];\n  /** Target container after the move. */\n  readonly target: HTMLElement;\n  /** Ordered target item IDs after the move. */\n  readonly targetIds: string[];\n  /** Registers a rollback for the most recent scope move. */\n  setRevert(fn: () => void): void;\n}\n\nexport interface SortableScopeOptions {\n  /**\n   * Called exactly once for every successful cross-container move.\n   * Local reorders continue to use each sortable's `onReorder` callback.\n   */\n  onMove?: (event: SortableMoveEvent) => void;\n  /**\n   * Enables touch input for sortable items registered to this scope.\n   * The controller ignores unrelated document draggables.\n   */\n  touch?: boolean | TouchInputOptions;\n}\n\nexport type SortableTouchOptions = TouchInputOptions;\n\nexport interface SortableOptions {\n  /** Container element whose direct-child items are sortable. */\n  element: HTMLElement;\n  /** Shared scope for connected sortable containers. Containers only exchange items within the same scope. */\n  scope?: SortableScope;\n  /**\n   * Selector for the drag handle inside each item.\n   * When omitted the whole item is the handle.\n   */\n  handle?: string;\n  /**\n   * Enables keyboard-based reordering using arrow keys plus Home/End.\n   * @default true\n   */\n  keyboard?: boolean;\n  /**\n   * Returns the identity key for a given item element.\n   * This separates the \"what is this item?\" concern (yours) from the \"which children\n   * are sortable?\" concern (ours — marked with `data-dnd-item`).\n   *\n   * @example\n   * ```ts\n   * getKey: (el) => el.dataset.taskId!\n   * ```\n   */\n  getKey: (element: HTMLElement) => string;\n  /** Sorting axis used to compute insertion position. @default 'vertical' */\n  axis?: 'vertical' | 'horizontal';\n  /** Auto-scrolls the container (and viewport) near edges while dragging. @default true */\n  autoScroll?: boolean | AutoScrollOptions;\n  /** Optional custom drag preview element. */\n  dragImage?: HTMLElement | ((id: string, item: HTMLElement, event: DragEvent) => HTMLElement | null | undefined);\n  /** CSS class applied to the placeholder element. @default 'dnd-placeholder' */\n  placeholderClass?: string;\n  /**\n   * Called with a {@link ReorderEvent} after a successful reorder, only when the order changed.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * ```\n   */\n  onReorder?: (event: ReorderEvent) => void;\n  /**\n   * Called just before a successful drag commit with the before and after order snapshots.\n   * Use this hook to set up FLIP animations — the source items are still in their\n   * pre-commit positions at the time of the call.\n   *\n   * @example\n   * ```ts\n   * onBeforeReorder: (from, to) => {\n   *   // record element positions here, then animate after the next microtask\n   * }\n   * ```\n   */\n  onBeforeReorder?: (from: string[], to: string[]) => void;\n  /**\n   * When `true`, drag interactions are ignored.\n   *\n   * Note: if `disabled` transitions to `true` while a drag is in progress the\n   * drag is treated as a cancellation — the item snaps back to its original\n   * position rather than committing the last placeholder location.\n   */\n  disabled?: boolean;\n  /** Called when the user starts dragging an item. */\n  onDragStart?: (id: string, event: DragEvent) => void;\n  /** Called when a drag ends (whether dropped or cancelled). */\n  onDragEnd?: (id: string, event: DragEvent) => void;\n  /**\n   * Hotspot offset `[x, y]` passed to `setDragImage`.\n   * Controls which point of the preview image follows the cursor.\n   * @default [0, 0]\n   */\n  dragImageOffset?: [number, number];\n}\n\nexport interface Sortable extends Disposable {\n  readonly isDragging: boolean;\n  /**\n   * Calls the revert function registered via `setRevert` in the last `onReorder` invocation (if any) and clears it.\n   * A no-op when no revert function was registered or has already been consumed.\n   *\n   * Works for both drag-based and keyboard-based reorders.\n   * Note: only the most recent reorder can be reverted; a new reorder overwrites the stored function.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * // later, on server error:\n   * sortable.revert();\n   * ```\n   */\n  revert(): void;\n  /**\n   * Re-reads the container's children and reapplies `draggable`, ARIA roles,\n   * and handle attributes. Call this after programmatically adding, removing,\n   * or replacing items — e.g. after a framework render that replaces DOM nodes.\n   *\n   * Not needed when items are only reordered via drag or keyboard.\n   */\n  sync(): void;\n}\n\n// ─── Internal types ───────────────────────────────────────────────────────────\n\ninterface ResolvedAutoScrollOptions {\n  container: boolean;\n  edgeThreshold: number;\n  speed: number;\n  viewport: boolean;\n}\n\n/** Per-container closure passed into shared session functions. */\ninterface ContainerHandle {\n  readonly element: HTMLElement;\n  getOrderedIds: () => string[];\n  isDisabled: () => boolean;\n  commitReorder: (orderedIds: string[]) => void;\n  notifyBeforeReorder: (from: string[], to: string[]) => void;\n  notifyDragEnd: (id: string, event: DragEvent) => void;\n  notifyDragStart: (id: string, event: DragEvent) => void;\n  resolveTouchTarget: (target: Element) => HTMLElement | null;\n}\n\n/**\n * Encapsulates all mutable state for a single in-progress drag operation.\n * Created at dragstart, destroyed on dragend/cancel.\n */\ninterface DragSession {\n  draggedEl: HTMLElement;\n  draggedId: string;\n  /**\n   * Order snapshots captured lazily: snapshot is taken the first time a handle\n   * becomes the active target (and always for the source at drag start).\n   */\n  initialOrders: Map<ContainerHandle, string[]>;\n  originalDisplay: string;\n  originalNextSibling: ChildNode | null;\n  originalParent: HTMLElement;\n  placeholder: HTMLElement;\n  source: ContainerHandle;\n  target: ContainerHandle | null;\n  /** rAF handle for the deferred element-hide; null once fired or cancelled. */\n  hideFrame: number | null;\n}\n\ninterface SortableScopeState {\n  active: DragSession | null;\n  commitMove: (event: Omit<SortableMoveEvent, 'setRevert'>) => void;\n  handles: Set<ContainerHandle>;\n  lastRevert: (() => void) | null;\n  touch: ScopeTouchController | null;\n  /** All sortables registered in this scope, kept for scope.dispose(). */\n  disposables: Set<() => void>;\n}\n\ninterface ManagedElementState {\n  dataDndHandle: string | null;\n  dataDndItem: string | null;\n  draggable: string | null;\n  role: string | null;\n  tabIndex: string | null;\n  touchAction: string;\n}\n\ninterface TouchDragEvent extends DragEvent {\n  readonly __dndTouch?: boolean;\n  readonly __dndTouchPreview?: boolean;\n}\n\n// ─── Internal constants ───────────────────────────────────────────────────────\n\nconst HANDLE_ATTR = 'data-dnd-handle';\nconst ITEM_ATTR = 'data-dnd-item';\nconst sortableScopeStates = new WeakMap<SortableScope, SortableScopeState>();\nconst DEFAULT_AUTO_SCROLL: ResolvedAutoScrollOptions = {\n  container: true,\n  edgeThreshold: 32,\n  speed: 18,\n  viewport: false,\n};\n\n// ─── Scope helpers ────────────────────────────────────────────────────────────\n\nfunction getSortableScopeState(scope: SortableScope): SortableScopeState {\n  const state = sortableScopeStates.get(scope);\n\n  if (!state) throw new DndScopeError();\n\n  return state;\n}\n\n// ─── Option resolution ────────────────────────────────────────────────────────\n\nfunction resolveAutoScrollOptions(\n  autoScroll: boolean | AutoScrollOptions | undefined,\n): ResolvedAutoScrollOptions | null {\n  if (autoScroll === false) return null;\n\n  if (autoScroll === true || autoScroll === undefined) return DEFAULT_AUTO_SCROLL;\n\n  return {\n    container: autoScroll.container ?? true,\n    edgeThreshold: autoScroll.edgeThreshold ?? 32,\n    speed: autoScroll.speed ?? 18,\n    viewport: autoScroll.viewport ?? false,\n  };\n}\n\n// ─── DOM helpers ──────────────────────────────────────────────────────────────\n\nfunction hasOrderChanged(before: string[], after: string[]): boolean {\n  return after.length !== before.length || after.some((id, index) => id !== before[index]);\n}\n\nfunction isTouchDragEvent(event: DragEvent): event is TouchDragEvent {\n  return (event as TouchDragEvent).__dndTouch === true;\n}\n\n// ─── Drag session helpers ─────────────────────────────────────────────────────\n\nfunction scheduleHide(session: DragSession): void {\n  if (typeof requestAnimationFrame !== 'function') return;\n\n  session.hideFrame = requestAnimationFrame(() => {\n    session.hideFrame = null;\n    session.draggedEl.style.display = 'none';\n  });\n}\n\nfunction cancelHide(session: DragSession): void {\n  if (session.hideFrame !== null) {\n    cancelAnimationFrame(session.hideFrame);\n    session.hideFrame = null;\n  }\n}\n\nfunction restoreSessionElement(session: DragSession): void {\n  cancelHide(session);\n  session.draggedEl.style.display = session.originalDisplay;\n  session.draggedEl.removeAttribute('data-dragging');\n}\n\n/**\n * Snapshot a handle's current order if not already recorded.\n * Called the first time a handle becomes an active target so we only capture\n * lists that actually participate in the drag.\n */\nfunction snapshotOrder(session: DragSession, handle: ContainerHandle): void {\n  if (!session.initialOrders.has(handle)) {\n    session.initialOrders.set(handle, handle.getOrderedIds());\n  }\n}\n\n// ─── Session commit / cancel ──────────────────────────────────────────────────\n\nfunction cancelSession(scopeState: SortableScopeState, event: DragEvent): void {\n  const session = scopeState.active;\n\n  if (!session) return;\n\n  restoreSessionElement(session);\n  session.originalParent.insertBefore(session.draggedEl, session.originalNextSibling);\n  session.placeholder.remove();\n  scopeState.active = null;\n\n  session.source.notifyDragEnd(session.draggedId, event);\n}\n\nfunction commitSession(scopeState: SortableScopeState, event: DragEvent): void {\n  const session = scopeState.active;\n\n  if (!session) return;\n\n  const targetHandle = session.target;\n  const targetElement = session.placeholder.parentElement;\n\n  restoreSessionElement(session);\n\n  if (targetHandle && scopeState.handles.has(targetHandle) && targetElement) {\n    targetElement.insertBefore(session.draggedEl, session.placeholder);\n  } else {\n    session.originalParent.insertBefore(session.draggedEl, session.originalNextSibling);\n  }\n\n  session.placeholder.remove();\n  scopeState.active = null;\n\n  session.source.notifyDragEnd(session.draggedId, event);\n\n  const changes: Array<{ after: string[]; before: string[]; handle: ContainerHandle }> = [];\n\n  for (const [handle, before] of session.initialOrders) {\n    if (!scopeState.handles.has(handle)) continue;\n\n    const afterOrder = handle.getOrderedIds();\n\n    if (hasOrderChanged(before, afterOrder)) {\n      changes.push({ after: afterOrder, before, handle });\n    }\n  }\n\n  for (const { after, before, handle } of changes) {\n    handle.notifyBeforeReorder(before, after);\n  }\n\n  if (targetHandle && targetHandle !== session.source) {\n    const sourceChange = changes.find((change) => change.handle === session.source);\n    const targetChange = changes.find((change) => change.handle === targetHandle);\n\n    if (sourceChange && targetChange) {\n      scopeState.commitMove({\n        itemId: session.draggedId,\n        source: session.source.element,\n        sourceIds: sourceChange.after,\n        target: targetHandle.element,\n        targetIds: targetChange.after,\n      });\n    }\n\n    return;\n  }\n\n  for (const { after, handle } of changes) {\n    handle.commitReorder(after);\n  }\n}\n\nfunction finishSession(scopeState: SortableScopeState, event: DragEvent, forceCancel: boolean): void {\n  if (!scopeState.active) return;\n\n  const { active } = scopeState;\n\n  // If source or target became disabled during the drag, treat as cancellation.\n  if (\n    forceCancel ||\n    !event.dataTransfer ||\n    event.dataTransfer.dropEffect === 'none' ||\n    !active.target ||\n    !scopeState.handles.has(active.target) ||\n    active.source.isDisabled() ||\n    active.target.isDisabled()\n  ) {\n    cancelSession(scopeState, event);\n  } else {\n    commitSession(scopeState, event);\n  }\n}\n\nfunction maybeAutoScroll(\n  event: DragEvent,\n  container: HTMLElement,\n  axis: 'vertical' | 'horizontal',\n  options: ResolvedAutoScrollOptions | null,\n): void {\n  if (!options) return;\n\n  const { container: scrollContainer, edgeThreshold: threshold, speed, viewport } = options;\n  const rect = container.getBoundingClientRect();\n\n  if (axis === 'vertical') {\n    if (scrollContainer && event.clientY < rect.top + threshold) {\n      container.scrollTop -= speed;\n    } else if (scrollContainer && event.clientY > rect.bottom - threshold) {\n      container.scrollTop += speed;\n    }\n\n    if (viewport && event.clientY < threshold) {\n      window.scrollBy({ left: 0, top: -speed });\n    } else if (viewport && event.clientY > window.innerHeight - threshold) {\n      window.scrollBy({ left: 0, top: speed });\n    }\n\n    return;\n  }\n\n  if (scrollContainer && event.clientX < rect.left + threshold) {\n    container.scrollLeft -= speed;\n  } else if (scrollContainer && event.clientX > rect.right - threshold) {\n    container.scrollLeft += speed;\n  }\n\n  if (viewport && event.clientX < threshold) {\n    window.scrollBy({ left: -speed, top: 0 });\n  } else if (viewport && event.clientX > window.innerWidth - threshold) {\n    window.scrollBy({ left: speed, top: 0 });\n  }\n}\n\n// ─── Keyboard reorder ─────────────────────────────────────────────────────────\n\nfunction applyKeyboardReorder(\n  item: HTMLElement,\n  element: HTMLElement,\n  getItems: () => HTMLElement[],\n  getOrderedIds: () => string[],\n  key: string,\n  axis: 'vertical' | 'horizontal',\n): string[] | null {\n  const items = getItems();\n  const currentIndex = items.indexOf(item);\n\n  if (currentIndex < 0) return null;\n\n  const isForward = axis === 'vertical' ? key === 'ArrowDown' : key === 'ArrowRight';\n  const isBackward = axis === 'vertical' ? key === 'ArrowUp' : key === 'ArrowLeft';\n  let targetIndex: number;\n\n  if (isForward) {\n    targetIndex = Math.min(items.length - 1, currentIndex + 1);\n  } else if (isBackward) {\n    targetIndex = Math.max(0, currentIndex - 1);\n  } else if (key === 'Home') {\n    targetIndex = 0;\n  } else if (key === 'End') {\n    targetIndex = items.length - 1;\n  } else {\n    return null;\n  }\n\n  // Already at the boundary — return null so the caller does not call preventDefault\n  // and the browser can handle the key (e.g. scrolling the page).\n  if (targetIndex === currentIndex) return null;\n\n  const targetItem = items[targetIndex];\n\n  if (!targetItem) return null;\n\n  element.insertBefore(item, targetIndex > currentIndex ? targetItem.nextSibling : targetItem);\n  item.focus();\n\n  return getOrderedIds();\n}\n\n// ─── createSortableScope ──────────────────────────────────────────────────────\n\n/**\n * Create a shared scope for connected sortable containers.\n *\n * Items can be dragged between all sortables that share the same scope.\n * The scope exposes `isDragging` and `dispose()` — calling `dispose()` tears down\n * all member sortables at once.\n *\n * @example\n * ```ts\n * const scope = createSortableScope();\n * const left = createSortable({ element: leftEl, scope, getKey, onReorder });\n * const right = createSortable({ element: rightEl, scope, getKey, onReorder });\n *\n * // Tear down everything at once:\n * scope.dispose();\n * ```\n */\nexport function createSortableScope(options: SortableScopeOptions = {}): SortableScope {\n  const state: SortableScopeState = {\n    active: null,\n    commitMove(event): void {\n      options.onMove?.({\n        ...event,\n        setRevert(fn): void {\n          state.lastRevert = fn;\n        },\n      });\n    },\n    disposables: new Set(),\n    handles: new Set(),\n    lastRevert: null,\n    touch: null,\n  };\n  const disposable = createDisposable(() => {\n    state.touch?.dispose();\n\n    // Dispose all registered sortables (each dispose() call is idempotent)\n    for (const disposeFn of state.disposables) {\n      disposeFn();\n    }\n  });\n\n  const scope = {\n    get disposalSignal() {\n      return disposable.disposalSignal;\n    },\n    dispose: disposable.dispose,\n    get disposed() {\n      return disposable.disposed;\n    },\n    get isDragging() {\n      return state.active !== null;\n    },\n    revert() {\n      state.lastRevert?.();\n      state.lastRevert = null;\n    },\n    [SCOPE_BRAND]: true as const,\n    [Symbol.dispose]: disposable[Symbol.dispose],\n  } as SortableScope;\n\n  sortableScopeStates.set(scope, state);\n\n  if (options.touch) {\n    state.touch = createScopeTouchController(options.touch === true ? {} : options.touch, (target) => {\n      for (const handle of state.handles) {\n        const dragTarget = handle.resolveTouchTarget(target);\n\n        if (dragTarget) return dragTarget;\n      }\n\n      return null;\n    });\n  }\n\n  return scope;\n}\n\n// ─── createSortable ───────────────────────────────────────────────────────────\n\n/**\n * Makes a list of items sortable via native HTML drag interactions.\n *\n * Provide `getKey` to map each item element to a stable string identity.\n * `createSortable` marks qualifying children with `data-dnd-item` and sets\n * `draggable=\"true\"` automatically.\n *\n * Style the drop indicator by targeting `.dnd-placeholder` in your CSS.\n * Supports keyboard reordering (arrow keys, Home/End) and auto-scrolling near edges.\n *\n * @example\n * ```ts\n * import { createSortable } from '@vielzeug/dnd';\n *\n * using sortable = createSortable({\n *   element: listEl,\n *   getKey: (el) => el.dataset.id!,\n *   onReorder: ({ ids, setRevert }) => {\n *     const prev = order;\n *     setOrder(ids);\n *     setRevert(() => setOrder(prev));\n *   },\n * });\n * ```\n */\nexport function createSortable(options: SortableOptions): Sortable {\n  const {\n    autoScroll = true,\n    axis = 'vertical',\n    element,\n    getKey,\n    handle,\n    keyboard = true,\n    placeholderClass = 'dnd-placeholder',\n    scope = createSortableScope(),\n  } = options;\n  const autoScrollOptions = resolveAutoScrollOptions(autoScroll);\n  const scopeState = getSortableScopeState(scope);\n\n  if (handle !== undefined && handle.trim() === '') {\n    warn(\n      'handle option is an empty string — no handle elements will be found. Provide a valid CSS selector or omit the option.',\n    );\n  }\n\n  const getItems = (): HTMLElement[] =>\n    Array.from(element.children).filter((c) => (c as HTMLElement).hasAttribute(ITEM_ATTR)) as HTMLElement[];\n\n  const getOrderedIds = (): string[] => getItems().map((el) => getKey(el));\n  const managedElements = new Map<HTMLElement, ManagedElementState>();\n  const originalContainerRole = element.getAttribute('role');\n\n  const rememberElement = (managedElement: HTMLElement): ManagedElementState => {\n    const existing = managedElements.get(managedElement);\n\n    if (existing) return existing;\n\n    const state: ManagedElementState = {\n      dataDndHandle: managedElement.getAttribute(HANDLE_ATTR),\n      dataDndItem: managedElement.getAttribute(ITEM_ATTR),\n      draggable: managedElement.getAttribute('draggable'),\n      role: managedElement.getAttribute('role'),\n      tabIndex: managedElement.getAttribute('tabindex'),\n      touchAction: managedElement.style.touchAction,\n    };\n\n    managedElements.set(managedElement, state);\n\n    return state;\n  };\n\n  const restoreAttribute = (managedElement: HTMLElement, name: string, value: string | null): void => {\n    if (value === null) {\n      managedElement.removeAttribute(name);\n    } else {\n      managedElement.setAttribute(name, value);\n    }\n  };\n\n  const syncItems = (): void => {\n    getItems().forEach((el) => {\n      const itemState = rememberElement(el);\n\n      if (itemState.role === null) el.setAttribute('role', 'listitem');\n\n      if (itemState.tabIndex === null) el.tabIndex = 0;\n\n      if (handle) {\n        el.querySelectorAll<HTMLElement>(handle).forEach((handleEl) => {\n          rememberElement(handleEl);\n          handleEl.setAttribute(HANDLE_ATTR, '');\n          handleEl.setAttribute('draggable', 'true');\n          handleEl.style.touchAction = 'none';\n        });\n      } else {\n        el.setAttribute('draggable', 'true');\n        // A native mouse drag has no competing gesture to arbitrate; touch does. Without this,\n        // a mobile browser can decide the very first bit of finger movement is a page\n        // scroll/pan — a decision it makes independently of, and before, this library's own\n        // touch-shim threshold/`preventDefault()` logic ever runs — and hand the rest of the\n        // gesture to native scrolling. Once that happens the item never receives the\n        // `dragover` sequence needed to update the drop target, so the session ends up\n        // committing back to wherever it started: indistinguishable from the drop \"reverting\".\n        // `touch-action: none` opts the element out of every default touch gesture from\n        // `touchstart` onward, leaving the whole interaction to this library's own JS.\n        el.style.touchAction = 'none';\n      }\n    });\n  };\n\n  const markItems = (): void => {\n    const seenKeys = new Set<string>();\n\n    // Mark all children that have a key as sortable items\n    Array.from(element.children).forEach((child) => {\n      const el = child as HTMLElement;\n\n      try {\n        const key = getKey(el);\n\n        if (key) {\n          rememberElement(el);\n\n          if (seenKeys.has(key)) {\n            warn(\n              `getKey returned the duplicate key \"${key}\" for two sibling items — onReorder's ids and applyReorder may become inconsistent. Ensure getKey returns a unique value per item.`,\n            );\n          } else {\n            seenKeys.add(key);\n          }\n\n          el.setAttribute(ITEM_ATTR, '');\n        }\n      } catch (err) {\n        warn(\n          `getKey threw for a child element — the item will not be sortable. Check your getKey implementation. ${String(err)}`,\n        );\n      }\n    });\n\n    syncItems();\n  };\n\n  const cleanupItems = (): void => {\n    for (const [managedElement, state] of managedElements) {\n      restoreAttribute(managedElement, HANDLE_ATTR, state.dataDndHandle);\n      restoreAttribute(managedElement, ITEM_ATTR, state.dataDndItem);\n      restoreAttribute(managedElement, 'draggable', state.draggable);\n      restoreAttribute(managedElement, 'role', state.role);\n      restoreAttribute(managedElement, 'tabindex', state.tabIndex);\n      managedElement.style.touchAction = state.touchAction;\n    }\n\n    managedElements.clear();\n  };\n\n  const createPlaceholder = (source: HTMLElement): HTMLElement => {\n    const p = document.createElement('div');\n\n    p.className = placeholderClass;\n    p.setAttribute('aria-hidden', 'true');\n\n    if (axis === 'horizontal') {\n      p.style.width = `${source.offsetWidth}px`;\n    } else {\n      p.style.height = `${source.offsetHeight}px`;\n    }\n\n    return p;\n  };\n\n  let lastRevert: (() => void) | null = null;\n\n  const handle_: ContainerHandle = {\n    commitReorder: (orderedIds) => {\n      if (!options.onReorder) return;\n\n      const event: ReorderEvent = {\n        ids: orderedIds,\n        setRevert(fn) {\n          lastRevert = fn;\n        },\n      };\n\n      options.onReorder(event);\n    },\n    element,\n    getOrderedIds,\n    isDisabled: () => resolveDisabled(options.disabled),\n    notifyBeforeReorder: (from, to) => options.onBeforeReorder?.(from, to),\n    notifyDragEnd: (id, event) => options.onDragEnd?.(id, event),\n    notifyDragStart: (id, event) => options.onDragStart?.(id, event),\n    resolveTouchTarget: (target) => {\n      if (resolveDisabled(options.disabled) || !element.contains(target)) return null;\n\n      const item = target.closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n      if (!item || !element.contains(item)) return null;\n\n      if (!handle) return item;\n\n      const handleTarget = target.closest<HTMLElement>(handle);\n\n      return handleTarget && item.contains(handleTarget) ? handleTarget : null;\n    },\n  };\n\n  scopeState.handles.add(handle_);\n\n  const handleDragStart = (e: DragEvent): void => {\n    if (scopeState.active) return;\n\n    if (handle_.isDisabled()) return;\n\n    const target = e.target as HTMLElement;\n    const item = target.closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!item) return;\n\n    if (handle && !target.closest(handle)) return;\n\n    const originalParent = item.parentElement;\n\n    if (!originalParent) return;\n\n    const placeholder = createPlaceholder(item);\n    const originalNextSibling = item.nextSibling;\n    const activeId = getKey(item);\n\n    // Snapshot only the source handle at drag start; targets are snapshotted lazily.\n    const initialOrders = new Map<ContainerHandle, string[]>();\n\n    initialOrders.set(handle_, handle_.getOrderedIds());\n    item.setAttribute('data-dragging', '');\n    originalParent.insertBefore(placeholder, originalNextSibling);\n\n    const session: DragSession = {\n      draggedEl: item,\n      draggedId: activeId,\n      hideFrame: null,\n      initialOrders,\n      originalDisplay: item.style.display,\n      originalNextSibling,\n      originalParent,\n      placeholder,\n      source: handle_,\n      target: handle_,\n    };\n\n    if (!isTouchDragEvent(e) || e.__dndTouchPreview) scheduleHide(session);\n\n    scopeState.active = session;\n\n    if (e.dataTransfer) {\n      e.dataTransfer.effectAllowed = 'move';\n      e.dataTransfer.setData('text/plain', activeId);\n\n      if (options.dragImage) {\n        const preview =\n          typeof options.dragImage === 'function' ? options.dragImage(activeId, item, e) : options.dragImage;\n        const [offsetX, offsetY] = options.dragImageOffset ?? [0, 0];\n\n        if (preview) e.dataTransfer.setDragImage(preview, offsetX, offsetY);\n      }\n    }\n\n    handle_.notifyDragStart(session.draggedId, e);\n  };\n\n  const handleDragOver = (e: DragEvent): void => {\n    const session = scopeState.active;\n\n    if (!session) return;\n\n    if (session.source.isDisabled() || handle_.isDisabled()) return;\n\n    e.preventDefault();\n    maybeAutoScroll(e, element, axis, autoScrollOptions);\n\n    // Lazily snapshot this handle's order the first time it becomes a target.\n    snapshotOrder(session, handle_);\n\n    const { draggedEl, placeholder } = session;\n    const target = (e.target as HTMLElement).closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!target) {\n      // Only append placeholder when it isn't already inside this container.\n      // Moving it to the end on every over-empty-space event causes the\n      // placeholder to oscillate between positions as the cursor moves.\n      if (placeholder.parentElement !== element) {\n        element.appendChild(placeholder);\n      }\n\n      session.target = handle_;\n\n      return;\n    }\n\n    if (target === draggedEl || target === placeholder) return;\n\n    const rect = target.getBoundingClientRect();\n    const insertAfter =\n      axis === 'vertical' ? e.clientY >= rect.top + rect.height / 2 : e.clientX >= rect.left + rect.width / 2;\n\n    element.insertBefore(placeholder, insertAfter ? target.nextSibling : target);\n    session.target = handle_;\n  };\n\n  const handleDrop = (e: DragEvent): void => {\n    const session = scopeState.active;\n\n    if (!session) return;\n\n    if (session.source.isDisabled() || handle_.isDisabled()) return;\n\n    e.preventDefault();\n    // Record the drop target; the actual commit happens in handleDragEnd where\n    // dataTransfer.dropEffect tells us whether the browser accepted the operation.\n    session.target = handle_;\n  };\n\n  const handleDragEnd = (e: DragEvent): void => {\n    if (scopeState.active?.source !== handle_) return;\n\n    finishSession(scopeState, e, false);\n  };\n\n  const handleKeydown = (e: KeyboardEvent): void => {\n    if (!keyboard || handle_.isDisabled()) return;\n\n    const tagName = (e.target as HTMLElement | null)?.tagName;\n\n    if (tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') return;\n\n    const item = (e.target as HTMLElement).closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!item || !element.contains(item)) return;\n\n    const prevOrder = getOrderedIds();\n    const newOrder = applyKeyboardReorder(item, element, getItems, getOrderedIds, e.key, axis);\n\n    // null means unrecognized key or boundary — let the browser handle it (e.g. page scroll)\n    if (newOrder === null) return;\n\n    e.preventDefault();\n    handle_.notifyBeforeReorder(prevOrder, newOrder);\n    handle_.commitReorder(newOrder);\n  };\n\n  markItems();\n\n  const disposable = createDisposable(() => {\n    scopeState.disposables.delete(disposable.dispose);\n\n    if (scopeState.active && (scopeState.active.source === handle_ || scopeState.active.target === handle_)) {\n      finishSession(scopeState, new Event('dragend') as DragEvent, true);\n    }\n\n    scopeState.handles.delete(handle_);\n    restoreAttribute(element, 'role', originalContainerRole);\n    cleanupItems();\n  });\n\n  if (originalContainerRole === null) element.setAttribute('role', 'list');\n\n  element.addEventListener('dragstart', handleDragStart, { signal: disposable.disposalSignal });\n  element.addEventListener('dragover', handleDragOver, { signal: disposable.disposalSignal });\n  element.addEventListener('drop', handleDrop, { signal: disposable.disposalSignal });\n  element.addEventListener('dragend', handleDragEnd, { signal: disposable.disposalSignal });\n  element.addEventListener('keydown', handleKeydown, { signal: disposable.disposalSignal });\n\n  // Register with scope so scope.dispose() can tear this down\n  scopeState.disposables.add(disposable.dispose);\n\n  return {\n    get disposalSignal() {\n      return disposable.disposalSignal;\n    },\n    dispose: disposable.dispose,\n    get disposed() {\n      return disposable.disposed;\n    },\n    get isDragging() {\n      return scopeState.active?.source === handle_;\n    },\n    revert: () => {\n      lastRevert?.();\n      lastRevert = null;\n    },\n    [Symbol.dispose]: disposable[Symbol.dispose],\n    sync: () => {\n      markItems();\n    },\n  };\n}\n\n// ─── applyReorder ─────────────────────────────────────────────────────────────\n\n/**\n * Applies a sorted key array to a backing data array.\n * Unknown keys are ignored; items not present in `ids` are appended in original order.\n */\nexport function applyReorder<T>(items: T[], ids: string[], getKey: (item: T) => string): T[] {\n  const byId = new Map(items.map((item) => [getKey(item), item] as const));\n  const ordered: T[] = [];\n\n  for (const id of ids) {\n    if (!byId.has(id)) continue;\n\n    const item = byId.get(id) as T;\n\n    ordered.push(item);\n    byId.delete(id);\n  }\n\n  for (const item of byId.values()) ordered.push(item);\n\n  return ordered;\n}\n"],"mappings":"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"}
+{"version":3,"file":"sortable.js","names":[],"sources":["../src/sortable.ts"],"sourcesContent":["import { warn } from './_dev';\nimport { createDisposable, resolveDisabled } from './_shared';\nimport { createScopeTouchController, type ScopeTouchController, type TouchInputOptions } from './_touch';\nimport { DndScopeError } from './errors';\nimport type { Disposable } from './types';\n\n// ─── Branded scope ────────────────────────────────────────────────────────────\n\nconst SCOPE_BRAND = Symbol('SortableScope');\n\nexport interface SortableScope extends Disposable {\n  /** `true` while any sortable in this scope is actively dragging. */\n  readonly isDragging: boolean;\n  /**\n   * Calls the revert function registered for the most recent cross-container move.\n   * A no-op when no move registered a revert function.\n   */\n  revert(): void;\n  readonly [SCOPE_BRAND]: true;\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface AutoScrollOptions {\n  /** Scroll the sortable container while dragging near its edges. @default true */\n  container?: boolean;\n  /** Distance in pixels from an edge that triggers auto-scroll. @default 32 */\n  edgeThreshold?: number;\n  /** Pixels scrolled per dragover frame while near an edge. @default 18 */\n  speed?: number;\n  /** Scroll the viewport while dragging near the window edges. @default false */\n  viewport?: boolean;\n}\n\n/**\n * Passed to `onReorder` after every successful reorder (drag or keyboard).\n */\nexport interface ReorderEvent {\n  /** The new ordered list of item keys after the reorder. */\n  ids: string[];\n  /**\n   * Register a revert function that will be called when `sortable.revert()` is invoked.\n   * Useful for rolling back optimistic UI updates on server error.\n   * Only the most recent `setRevert` registration is retained — a new reorder overwrites it.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * ```\n   */\n  setRevert(fn: () => void): void;\n}\n\n/** A single committed move between two containers in the same sortable scope. */\nexport interface SortableMoveEvent {\n  /** Stable identity of the moved item. */\n  readonly itemId: string;\n  /** Registers a rollback for the most recent scope move. */\n  setRevert(fn: () => void): void;\n  /** Source container before the move. */\n  readonly source: HTMLElement;\n  /** Ordered source item IDs after the move. */\n  readonly sourceIds: string[];\n  /** Target container after the move. */\n  readonly target: HTMLElement;\n  /** Ordered target item IDs after the move. */\n  readonly targetIds: string[];\n}\n\nexport interface SortableScopeOptions {\n  /**\n   * Called exactly once for every successful cross-container move.\n   * Local reorders continue to use each sortable's `onReorder` callback.\n   */\n  onMove?: (event: SortableMoveEvent) => void;\n  /**\n   * Enables touch input for sortable items registered to this scope.\n   * The controller ignores unrelated document draggables.\n   */\n  touch?: boolean | TouchInputOptions;\n}\n\nexport type SortableTouchOptions = TouchInputOptions;\n\nexport interface SortableOptions {\n  /** Auto-scrolls the container (and viewport) near edges while dragging. @default true */\n  autoScroll?: boolean | AutoScrollOptions;\n  /** Sorting axis used to compute insertion position. @default 'vertical' */\n  axis?: 'vertical' | 'horizontal';\n  /**\n   * When `true`, drag interactions are ignored.\n   *\n   * Note: if `disabled` transitions to `true` while a drag is in progress the\n   * drag is treated as a cancellation — the item snaps back to its original\n   * position rather than committing the last placeholder location.\n   */\n  disabled?: boolean;\n  /** Optional custom drag preview element. */\n  dragImage?: HTMLElement | ((id: string, item: HTMLElement, event: DragEvent) => HTMLElement | null | undefined);\n  /**\n   * Hotspot offset `[x, y]` passed to `setDragImage`.\n   * Controls which point of the preview image follows the cursor.\n   * @default [0, 0]\n   */\n  dragImageOffset?: [number, number];\n  /** Container element whose direct-child items are sortable. */\n  element: HTMLElement;\n  /**\n   * Returns the identity key for a given item element.\n   * This separates the \"what is this item?\" concern (yours) from the \"which children\n   * are sortable?\" concern (ours — marked with `data-dnd-item`).\n   *\n   * @example\n   * ```ts\n   * getKey: (el) => el.dataset.taskId!\n   * ```\n   */\n  getKey: (element: HTMLElement) => string;\n  /**\n   * Selector for the drag handle inside each item.\n   * When omitted the whole item is the handle.\n   */\n  handle?: string;\n  /**\n   * Enables keyboard-based reordering using arrow keys plus Home/End.\n   * @default true\n   */\n  keyboard?: boolean;\n  /**\n   * Called just before a successful drag commit with the before and after order snapshots.\n   * Use this hook to set up FLIP animations — the source items are still in their\n   * pre-commit positions at the time of the call.\n   *\n   * @example\n   * ```ts\n   * onBeforeReorder: (from, to) => {\n   *   // record element positions here, then animate after the next microtask\n   * }\n   * ```\n   */\n  onBeforeReorder?: (from: string[], to: string[]) => void;\n  /** Called when a drag ends (whether dropped or cancelled). */\n  onDragEnd?: (id: string, event: DragEvent) => void;\n  /** Called when the user starts dragging an item. */\n  onDragStart?: (id: string, event: DragEvent) => void;\n  /**\n   * Called with a {@link ReorderEvent} after a successful reorder, only when the order changed.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * ```\n   */\n  onReorder?: (event: ReorderEvent) => void;\n  /** CSS class applied to the placeholder element. @default 'dnd-placeholder' */\n  placeholderClass?: string;\n  /** Shared scope for connected sortable containers. Containers only exchange items within the same scope. */\n  scope?: SortableScope;\n}\n\nexport interface Sortable extends Disposable {\n  readonly isDragging: boolean;\n  /**\n   * Calls the revert function registered via `setRevert` in the last `onReorder` invocation (if any) and clears it.\n   * A no-op when no revert function was registered or has already been consumed.\n   *\n   * Works for both drag-based and keyboard-based reorders.\n   * Note: only the most recent reorder can be reverted; a new reorder overwrites the stored function.\n   *\n   * @example\n   * ```ts\n   * onReorder: ({ ids, setRevert }) => {\n   *   const prev = order;\n   *   setOrder(ids);\n   *   setRevert(() => setOrder(prev));\n   * },\n   * // later, on server error:\n   * sortable.revert();\n   * ```\n   */\n  revert(): void;\n  /**\n   * Re-reads the container's children and reapplies `draggable`, ARIA roles,\n   * and handle attributes. Call this after programmatically adding, removing,\n   * or replacing items — e.g. after a framework render that replaces DOM nodes.\n   *\n   * Not needed when items are only reordered via drag or keyboard.\n   */\n  sync(): void;\n}\n\n// ─── Internal types ───────────────────────────────────────────────────────────\n\ninterface ResolvedAutoScrollOptions {\n  container: boolean;\n  edgeThreshold: number;\n  speed: number;\n  viewport: boolean;\n}\n\n/** Per-container closure passed into shared session functions. */\ninterface ContainerHandle {\n  commitReorder: (orderedIds: string[]) => void;\n  readonly element: HTMLElement;\n  getOrderedIds: () => string[];\n  isDisabled: () => boolean;\n  notifyBeforeReorder: (from: string[], to: string[]) => void;\n  notifyDragEnd: (id: string, event: DragEvent) => void;\n  notifyDragStart: (id: string, event: DragEvent) => void;\n  resolveTouchTarget: (target: Element) => HTMLElement | null;\n}\n\n/**\n * Encapsulates all mutable state for a single in-progress drag operation.\n * Created at dragstart, destroyed on dragend/cancel.\n */\ninterface DragSession {\n  draggedEl: HTMLElement;\n  draggedId: string;\n  /** rAF handle for the deferred element-hide; null once fired or cancelled. */\n  hideFrame: number | null;\n  /**\n   * Order snapshots captured lazily: snapshot is taken the first time a handle\n   * becomes the active target (and always for the source at drag start).\n   */\n  initialOrders: Map<ContainerHandle, string[]>;\n  originalDisplay: string;\n  originalNextSibling: ChildNode | null;\n  originalParent: HTMLElement;\n  placeholder: HTMLElement;\n  source: ContainerHandle;\n  target: ContainerHandle | null;\n}\n\ninterface SortableScopeState {\n  active: DragSession | null;\n  commitMove: (event: Omit<SortableMoveEvent, 'setRevert'>) => void;\n  /** All sortables registered in this scope, kept for scope.dispose(). */\n  disposables: Set<() => void>;\n  handles: Set<ContainerHandle>;\n  lastRevert: (() => void) | null;\n  touch: ScopeTouchController | null;\n}\n\ninterface ManagedElementState {\n  dataDndHandle: string | null;\n  dataDndItem: string | null;\n  draggable: string | null;\n  role: string | null;\n  tabIndex: string | null;\n  touchAction: string;\n}\n\ninterface TouchDragEvent extends DragEvent {\n  readonly __dndTouch?: boolean;\n  readonly __dndTouchPreview?: boolean;\n}\n\n// ─── Internal constants ───────────────────────────────────────────────────────\n\nconst HANDLE_ATTR = 'data-dnd-handle';\nconst ITEM_ATTR = 'data-dnd-item';\nconst sortableScopeStates = new WeakMap<SortableScope, SortableScopeState>();\nconst DEFAULT_AUTO_SCROLL: ResolvedAutoScrollOptions = {\n  container: true,\n  edgeThreshold: 32,\n  speed: 18,\n  viewport: false,\n};\n\n// ─── Scope helpers ────────────────────────────────────────────────────────────\n\nfunction getSortableScopeState(scope: SortableScope): SortableScopeState {\n  const state = sortableScopeStates.get(scope);\n\n  if (!state) throw new DndScopeError();\n\n  return state;\n}\n\n// ─── Option resolution ────────────────────────────────────────────────────────\n\nfunction resolveAutoScrollOptions(\n  autoScroll: boolean | AutoScrollOptions | undefined,\n): ResolvedAutoScrollOptions | null {\n  if (autoScroll === false) return null;\n\n  if (autoScroll === true || autoScroll === undefined) return DEFAULT_AUTO_SCROLL;\n\n  return {\n    container: autoScroll.container ?? true,\n    edgeThreshold: autoScroll.edgeThreshold ?? 32,\n    speed: autoScroll.speed ?? 18,\n    viewport: autoScroll.viewport ?? false,\n  };\n}\n\n// ─── DOM helpers ──────────────────────────────────────────────────────────────\n\nfunction hasOrderChanged(before: string[], after: string[]): boolean {\n  return after.length !== before.length || after.some((id, index) => id !== before[index]);\n}\n\nfunction isTouchDragEvent(event: DragEvent): event is TouchDragEvent {\n  return (event as TouchDragEvent).__dndTouch === true;\n}\n\n// ─── Drag session helpers ─────────────────────────────────────────────────────\n\nfunction scheduleHide(session: DragSession): void {\n  if (typeof requestAnimationFrame !== 'function') return;\n\n  session.hideFrame = requestAnimationFrame(() => {\n    session.hideFrame = null;\n    session.draggedEl.style.display = 'none';\n  });\n}\n\nfunction cancelHide(session: DragSession): void {\n  if (session.hideFrame !== null) {\n    cancelAnimationFrame(session.hideFrame);\n    session.hideFrame = null;\n  }\n}\n\nfunction restoreSessionElement(session: DragSession): void {\n  cancelHide(session);\n  session.draggedEl.style.display = session.originalDisplay;\n  session.draggedEl.removeAttribute('data-dragging');\n}\n\n/**\n * Snapshot a handle's current order if not already recorded.\n * Called the first time a handle becomes an active target so we only capture\n * lists that actually participate in the drag.\n */\nfunction snapshotOrder(session: DragSession, handle: ContainerHandle): void {\n  if (!session.initialOrders.has(handle)) {\n    session.initialOrders.set(handle, handle.getOrderedIds());\n  }\n}\n\n// ─── Session commit / cancel ──────────────────────────────────────────────────\n\nfunction cancelSession(scopeState: SortableScopeState, event: DragEvent): void {\n  const session = scopeState.active;\n\n  if (!session) return;\n\n  restoreSessionElement(session);\n  session.originalParent.insertBefore(session.draggedEl, session.originalNextSibling);\n  session.placeholder.remove();\n  scopeState.active = null;\n\n  session.source.notifyDragEnd(session.draggedId, event);\n}\n\nfunction commitSession(scopeState: SortableScopeState, event: DragEvent): void {\n  const session = scopeState.active;\n\n  if (!session) return;\n\n  const targetHandle = session.target;\n  const targetElement = session.placeholder.parentElement;\n\n  restoreSessionElement(session);\n\n  if (targetHandle && scopeState.handles.has(targetHandle) && targetElement) {\n    targetElement.insertBefore(session.draggedEl, session.placeholder);\n  } else {\n    session.originalParent.insertBefore(session.draggedEl, session.originalNextSibling);\n  }\n\n  session.placeholder.remove();\n  scopeState.active = null;\n\n  session.source.notifyDragEnd(session.draggedId, event);\n\n  const changes: Array<{ after: string[]; before: string[]; handle: ContainerHandle }> = [];\n\n  for (const [handle, before] of session.initialOrders) {\n    if (!scopeState.handles.has(handle)) continue;\n\n    const afterOrder = handle.getOrderedIds();\n\n    if (hasOrderChanged(before, afterOrder)) {\n      changes.push({ after: afterOrder, before, handle });\n    }\n  }\n\n  for (const { after, before, handle } of changes) {\n    handle.notifyBeforeReorder(before, after);\n  }\n\n  if (targetHandle && targetHandle !== session.source) {\n    const sourceChange = changes.find((change) => change.handle === session.source);\n    const targetChange = changes.find((change) => change.handle === targetHandle);\n\n    if (sourceChange && targetChange) {\n      scopeState.commitMove({\n        itemId: session.draggedId,\n        source: session.source.element,\n        sourceIds: sourceChange.after,\n        target: targetHandle.element,\n        targetIds: targetChange.after,\n      });\n    }\n\n    return;\n  }\n\n  for (const { after, handle } of changes) {\n    handle.commitReorder(after);\n  }\n}\n\nfunction finishSession(scopeState: SortableScopeState, event: DragEvent, forceCancel: boolean): void {\n  if (!scopeState.active) return;\n\n  const { active } = scopeState;\n\n  // If source or target became disabled during the drag, treat as cancellation.\n  if (\n    forceCancel ||\n    !event.dataTransfer ||\n    event.dataTransfer.dropEffect === 'none' ||\n    !active.target ||\n    !scopeState.handles.has(active.target) ||\n    active.source.isDisabled() ||\n    active.target.isDisabled()\n  ) {\n    cancelSession(scopeState, event);\n  } else {\n    commitSession(scopeState, event);\n  }\n}\n\nfunction maybeAutoScroll(\n  event: DragEvent,\n  container: HTMLElement,\n  axis: 'vertical' | 'horizontal',\n  options: ResolvedAutoScrollOptions | null,\n): void {\n  if (!options) return;\n\n  const { container: scrollContainer, edgeThreshold: threshold, speed, viewport } = options;\n  const rect = container.getBoundingClientRect();\n\n  if (axis === 'vertical') {\n    if (scrollContainer && event.clientY < rect.top + threshold) {\n      container.scrollTop -= speed;\n    } else if (scrollContainer && event.clientY > rect.bottom - threshold) {\n      container.scrollTop += speed;\n    }\n\n    if (viewport && event.clientY < threshold) {\n      window.scrollBy({ left: 0, top: -speed });\n    } else if (viewport && event.clientY > window.innerHeight - threshold) {\n      window.scrollBy({ left: 0, top: speed });\n    }\n\n    return;\n  }\n\n  if (scrollContainer && event.clientX < rect.left + threshold) {\n    container.scrollLeft -= speed;\n  } else if (scrollContainer && event.clientX > rect.right - threshold) {\n    container.scrollLeft += speed;\n  }\n\n  if (viewport && event.clientX < threshold) {\n    window.scrollBy({ left: -speed, top: 0 });\n  } else if (viewport && event.clientX > window.innerWidth - threshold) {\n    window.scrollBy({ left: speed, top: 0 });\n  }\n}\n\n// ─── Keyboard reorder ─────────────────────────────────────────────────────────\n\nfunction applyKeyboardReorder(\n  item: HTMLElement,\n  element: HTMLElement,\n  getItems: () => HTMLElement[],\n  getOrderedIds: () => string[],\n  key: string,\n  axis: 'vertical' | 'horizontal',\n): string[] | null {\n  const items = getItems();\n  const currentIndex = items.indexOf(item);\n\n  if (currentIndex < 0) return null;\n\n  const isForward = axis === 'vertical' ? key === 'ArrowDown' : key === 'ArrowRight';\n  const isBackward = axis === 'vertical' ? key === 'ArrowUp' : key === 'ArrowLeft';\n  let targetIndex: number;\n\n  if (isForward) {\n    targetIndex = Math.min(items.length - 1, currentIndex + 1);\n  } else if (isBackward) {\n    targetIndex = Math.max(0, currentIndex - 1);\n  } else if (key === 'Home') {\n    targetIndex = 0;\n  } else if (key === 'End') {\n    targetIndex = items.length - 1;\n  } else {\n    return null;\n  }\n\n  // Already at the boundary — return null so the caller does not call preventDefault\n  // and the browser can handle the key (e.g. scrolling the page).\n  if (targetIndex === currentIndex) return null;\n\n  const targetItem = items[targetIndex];\n\n  if (!targetItem) return null;\n\n  element.insertBefore(item, targetIndex > currentIndex ? targetItem.nextSibling : targetItem);\n  item.focus();\n\n  return getOrderedIds();\n}\n\n// ─── createSortableScope ──────────────────────────────────────────────────────\n\n/**\n * Create a shared scope for connected sortable containers.\n *\n * Items can be dragged between all sortables that share the same scope.\n * The scope exposes `isDragging` and `dispose()` — calling `dispose()` tears down\n * all member sortables at once.\n *\n * @example\n * ```ts\n * const scope = createSortableScope();\n * const left = createSortable({ element: leftEl, scope, getKey, onReorder });\n * const right = createSortable({ element: rightEl, scope, getKey, onReorder });\n *\n * // Tear down everything at once:\n * scope.dispose();\n * ```\n */\nexport function createSortableScope(options: SortableScopeOptions = {}): SortableScope {\n  const state: SortableScopeState = {\n    active: null,\n    commitMove(event): void {\n      options.onMove?.({\n        ...event,\n        setRevert(fn): void {\n          state.lastRevert = fn;\n        },\n      });\n    },\n    disposables: new Set(),\n    handles: new Set(),\n    lastRevert: null,\n    touch: null,\n  };\n  const disposable = createDisposable(() => {\n    state.touch?.dispose();\n\n    // Dispose all registered sortables (each dispose() call is idempotent)\n    for (const disposeFn of state.disposables) {\n      disposeFn();\n    }\n  });\n\n  const scope = {\n    get disposalSignal() {\n      return disposable.disposalSignal;\n    },\n    dispose: disposable.dispose,\n    get disposed() {\n      return disposable.disposed;\n    },\n    get isDragging() {\n      return state.active !== null;\n    },\n    revert() {\n      state.lastRevert?.();\n      state.lastRevert = null;\n    },\n    [SCOPE_BRAND]: true as const,\n    [Symbol.dispose]: disposable[Symbol.dispose],\n  } as SortableScope;\n\n  sortableScopeStates.set(scope, state);\n\n  if (options.touch) {\n    state.touch = createScopeTouchController(options.touch === true ? {} : options.touch, (target) => {\n      for (const handle of state.handles) {\n        const dragTarget = handle.resolveTouchTarget(target);\n\n        if (dragTarget) return dragTarget;\n      }\n\n      return null;\n    });\n  }\n\n  return scope;\n}\n\n// ─── createSortable ───────────────────────────────────────────────────────────\n\n/**\n * Makes a list of items sortable via native HTML drag interactions.\n *\n * Provide `getKey` to map each item element to a stable string identity.\n * `createSortable` marks qualifying children with `data-dnd-item` and sets\n * `draggable=\"true\"` automatically.\n *\n * Style the drop indicator by targeting `.dnd-placeholder` in your CSS.\n * Supports keyboard reordering (arrow keys, Home/End) and auto-scrolling near edges.\n *\n * @example\n * ```ts\n * import { createSortable } from '@vielzeug/dnd';\n *\n * using sortable = createSortable({\n *   element: listEl,\n *   getKey: (el) => el.dataset.id!,\n *   onReorder: ({ ids, setRevert }) => {\n *     const prev = order;\n *     setOrder(ids);\n *     setRevert(() => setOrder(prev));\n *   },\n * });\n * ```\n */\nexport function createSortable(options: SortableOptions): Sortable {\n  const {\n    autoScroll = true,\n    axis = 'vertical',\n    element,\n    getKey,\n    handle,\n    keyboard = true,\n    placeholderClass = 'dnd-placeholder',\n    scope = createSortableScope(),\n  } = options;\n  const autoScrollOptions = resolveAutoScrollOptions(autoScroll);\n  const scopeState = getSortableScopeState(scope);\n\n  if (handle !== undefined && handle.trim() === '') {\n    warn(\n      'handle option is an empty string — no handle elements will be found. Provide a valid CSS selector or omit the option.',\n    );\n  }\n\n  const getItems = (): HTMLElement[] =>\n    Array.from(element.children).filter((c) => (c as HTMLElement).hasAttribute(ITEM_ATTR)) as HTMLElement[];\n\n  const getOrderedIds = (): string[] => getItems().map((el) => getKey(el));\n  const managedElements = new Map<HTMLElement, ManagedElementState>();\n  const originalContainerRole = element.getAttribute('role');\n\n  const rememberElement = (managedElement: HTMLElement): ManagedElementState => {\n    const existing = managedElements.get(managedElement);\n\n    if (existing) return existing;\n\n    const state: ManagedElementState = {\n      dataDndHandle: managedElement.getAttribute(HANDLE_ATTR),\n      dataDndItem: managedElement.getAttribute(ITEM_ATTR),\n      draggable: managedElement.getAttribute('draggable'),\n      role: managedElement.getAttribute('role'),\n      tabIndex: managedElement.getAttribute('tabindex'),\n      touchAction: managedElement.style.touchAction,\n    };\n\n    managedElements.set(managedElement, state);\n\n    return state;\n  };\n\n  const restoreAttribute = (managedElement: HTMLElement, name: string, value: string | null): void => {\n    if (value === null) {\n      managedElement.removeAttribute(name);\n    } else {\n      managedElement.setAttribute(name, value);\n    }\n  };\n\n  const syncItems = (): void => {\n    getItems().forEach((el) => {\n      const itemState = rememberElement(el);\n\n      if (itemState.role === null) el.setAttribute('role', 'listitem');\n\n      if (itemState.tabIndex === null) el.tabIndex = 0;\n\n      if (handle) {\n        el.querySelectorAll<HTMLElement>(handle).forEach((handleEl) => {\n          rememberElement(handleEl);\n          handleEl.setAttribute(HANDLE_ATTR, '');\n          handleEl.setAttribute('draggable', 'true');\n          handleEl.style.touchAction = 'none';\n        });\n      } else {\n        el.setAttribute('draggable', 'true');\n        // A native mouse drag has no competing gesture to arbitrate; touch does. Without this,\n        // a mobile browser can decide the very first bit of finger movement is a page\n        // scroll/pan — a decision it makes independently of, and before, this library's own\n        // touch-shim threshold/`preventDefault()` logic ever runs — and hand the rest of the\n        // gesture to native scrolling. Once that happens the item never receives the\n        // `dragover` sequence needed to update the drop target, so the session ends up\n        // committing back to wherever it started: indistinguishable from the drop \"reverting\".\n        // `touch-action: none` opts the element out of every default touch gesture from\n        // `touchstart` onward, leaving the whole interaction to this library's own JS.\n        el.style.touchAction = 'none';\n      }\n    });\n  };\n\n  const markItems = (): void => {\n    const seenKeys = new Set<string>();\n\n    // Mark all children that have a key as sortable items\n    Array.from(element.children).forEach((child) => {\n      const el = child as HTMLElement;\n\n      try {\n        const key = getKey(el);\n\n        if (key) {\n          rememberElement(el);\n\n          if (seenKeys.has(key)) {\n            warn(\n              `getKey returned the duplicate key \"${key}\" for two sibling items — onReorder's ids and applyReorder may become inconsistent. Ensure getKey returns a unique value per item.`,\n            );\n          } else {\n            seenKeys.add(key);\n          }\n\n          el.setAttribute(ITEM_ATTR, '');\n        }\n      } catch (err) {\n        warn(\n          `getKey threw for a child element — the item will not be sortable. Check your getKey implementation. ${String(err)}`,\n        );\n      }\n    });\n\n    syncItems();\n  };\n\n  const cleanupItems = (): void => {\n    for (const [managedElement, state] of managedElements) {\n      restoreAttribute(managedElement, HANDLE_ATTR, state.dataDndHandle);\n      restoreAttribute(managedElement, ITEM_ATTR, state.dataDndItem);\n      restoreAttribute(managedElement, 'draggable', state.draggable);\n      restoreAttribute(managedElement, 'role', state.role);\n      restoreAttribute(managedElement, 'tabindex', state.tabIndex);\n      managedElement.style.touchAction = state.touchAction;\n    }\n\n    managedElements.clear();\n  };\n\n  const createPlaceholder = (source: HTMLElement): HTMLElement => {\n    const p = document.createElement('div');\n\n    p.className = placeholderClass;\n    p.setAttribute('aria-hidden', 'true');\n\n    if (axis === 'horizontal') {\n      p.style.width = `${source.offsetWidth}px`;\n    } else {\n      p.style.height = `${source.offsetHeight}px`;\n    }\n\n    return p;\n  };\n\n  let lastRevert: (() => void) | null = null;\n\n  const handle_: ContainerHandle = {\n    commitReorder: (orderedIds) => {\n      if (!options.onReorder) return;\n\n      const event: ReorderEvent = {\n        ids: orderedIds,\n        setRevert(fn) {\n          lastRevert = fn;\n        },\n      };\n\n      options.onReorder(event);\n    },\n    element,\n    getOrderedIds,\n    isDisabled: () => resolveDisabled(options.disabled),\n    notifyBeforeReorder: (from, to) => options.onBeforeReorder?.(from, to),\n    notifyDragEnd: (id, event) => options.onDragEnd?.(id, event),\n    notifyDragStart: (id, event) => options.onDragStart?.(id, event),\n    resolveTouchTarget: (target) => {\n      if (resolveDisabled(options.disabled) || !element.contains(target)) return null;\n\n      const item = target.closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n      if (!item || !element.contains(item)) return null;\n\n      if (!handle) return item;\n\n      const handleTarget = target.closest<HTMLElement>(handle);\n\n      return handleTarget && item.contains(handleTarget) ? handleTarget : null;\n    },\n  };\n\n  scopeState.handles.add(handle_);\n\n  const handleDragStart = (e: DragEvent): void => {\n    if (scopeState.active) return;\n\n    if (handle_.isDisabled()) return;\n\n    const target = e.target as HTMLElement;\n    const item = target.closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!item) return;\n\n    if (handle && !target.closest(handle)) return;\n\n    const originalParent = item.parentElement;\n\n    if (!originalParent) return;\n\n    const placeholder = createPlaceholder(item);\n    const originalNextSibling = item.nextSibling;\n    const activeId = getKey(item);\n\n    // Snapshot only the source handle at drag start; targets are snapshotted lazily.\n    const initialOrders = new Map<ContainerHandle, string[]>();\n\n    initialOrders.set(handle_, handle_.getOrderedIds());\n    item.setAttribute('data-dragging', '');\n    originalParent.insertBefore(placeholder, originalNextSibling);\n\n    const session: DragSession = {\n      draggedEl: item,\n      draggedId: activeId,\n      hideFrame: null,\n      initialOrders,\n      originalDisplay: item.style.display,\n      originalNextSibling,\n      originalParent,\n      placeholder,\n      source: handle_,\n      target: handle_,\n    };\n\n    if (!isTouchDragEvent(e) || e.__dndTouchPreview) scheduleHide(session);\n\n    scopeState.active = session;\n\n    if (e.dataTransfer) {\n      e.dataTransfer.effectAllowed = 'move';\n      e.dataTransfer.setData('text/plain', activeId);\n\n      if (options.dragImage) {\n        const preview =\n          typeof options.dragImage === 'function' ? options.dragImage(activeId, item, e) : options.dragImage;\n        const [offsetX, offsetY] = options.dragImageOffset ?? [0, 0];\n\n        if (preview) e.dataTransfer.setDragImage(preview, offsetX, offsetY);\n      }\n    }\n\n    handle_.notifyDragStart(session.draggedId, e);\n  };\n\n  const handleDragOver = (e: DragEvent): void => {\n    const session = scopeState.active;\n\n    if (!session) return;\n\n    if (session.source.isDisabled() || handle_.isDisabled()) return;\n\n    e.preventDefault();\n    maybeAutoScroll(e, element, axis, autoScrollOptions);\n\n    // Lazily snapshot this handle's order the first time it becomes a target.\n    snapshotOrder(session, handle_);\n\n    const { draggedEl, placeholder } = session;\n    const target = (e.target as HTMLElement).closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!target) {\n      // Only append placeholder when it isn't already inside this container.\n      // Moving it to the end on every over-empty-space event causes the\n      // placeholder to oscillate between positions as the cursor moves.\n      if (placeholder.parentElement !== element) {\n        element.appendChild(placeholder);\n      }\n\n      session.target = handle_;\n\n      return;\n    }\n\n    if (target === draggedEl || target === placeholder) return;\n\n    const rect = target.getBoundingClientRect();\n    const insertAfter =\n      axis === 'vertical' ? e.clientY >= rect.top + rect.height / 2 : e.clientX >= rect.left + rect.width / 2;\n\n    element.insertBefore(placeholder, insertAfter ? target.nextSibling : target);\n    session.target = handle_;\n  };\n\n  const handleDrop = (e: DragEvent): void => {\n    const session = scopeState.active;\n\n    if (!session) return;\n\n    if (session.source.isDisabled() || handle_.isDisabled()) return;\n\n    e.preventDefault();\n    // Record the drop target; the actual commit happens in handleDragEnd where\n    // dataTransfer.dropEffect tells us whether the browser accepted the operation.\n    session.target = handle_;\n  };\n\n  const handleDragEnd = (e: DragEvent): void => {\n    if (scopeState.active?.source !== handle_) return;\n\n    finishSession(scopeState, e, false);\n  };\n\n  const handleKeydown = (e: KeyboardEvent): void => {\n    if (!keyboard || handle_.isDisabled()) return;\n\n    const tagName = (e.target as HTMLElement | null)?.tagName;\n\n    if (tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') return;\n\n    const item = (e.target as HTMLElement).closest<HTMLElement>(`[${ITEM_ATTR}]`);\n\n    if (!item || !element.contains(item)) return;\n\n    const prevOrder = getOrderedIds();\n    const newOrder = applyKeyboardReorder(item, element, getItems, getOrderedIds, e.key, axis);\n\n    // null means unrecognized key or boundary — let the browser handle it (e.g. page scroll)\n    if (newOrder === null) return;\n\n    e.preventDefault();\n    handle_.notifyBeforeReorder(prevOrder, newOrder);\n    handle_.commitReorder(newOrder);\n  };\n\n  markItems();\n\n  const disposable = createDisposable(() => {\n    scopeState.disposables.delete(disposable.dispose);\n\n    if (scopeState.active && (scopeState.active.source === handle_ || scopeState.active.target === handle_)) {\n      finishSession(scopeState, new Event('dragend') as DragEvent, true);\n    }\n\n    scopeState.handles.delete(handle_);\n    restoreAttribute(element, 'role', originalContainerRole);\n    cleanupItems();\n  });\n\n  if (originalContainerRole === null) element.setAttribute('role', 'list');\n\n  element.addEventListener('dragstart', handleDragStart, { signal: disposable.disposalSignal });\n  element.addEventListener('dragover', handleDragOver, { signal: disposable.disposalSignal });\n  element.addEventListener('drop', handleDrop, { signal: disposable.disposalSignal });\n  element.addEventListener('dragend', handleDragEnd, { signal: disposable.disposalSignal });\n  element.addEventListener('keydown', handleKeydown, { signal: disposable.disposalSignal });\n\n  // Register with scope so scope.dispose() can tear this down\n  scopeState.disposables.add(disposable.dispose);\n\n  return {\n    get disposalSignal() {\n      return disposable.disposalSignal;\n    },\n    dispose: disposable.dispose,\n    get disposed() {\n      return disposable.disposed;\n    },\n    get isDragging() {\n      return scopeState.active?.source === handle_;\n    },\n    revert: () => {\n      lastRevert?.();\n      lastRevert = null;\n    },\n    [Symbol.dispose]: disposable[Symbol.dispose],\n    sync: () => {\n      markItems();\n    },\n  };\n}\n\n// ─── applyReorder ─────────────────────────────────────────────────────────────\n\n/**\n * Applies a sorted key array to a backing data array.\n * Unknown keys are ignored; items not present in `ids` are appended in original order.\n */\nexport function applyReorder<T>(items: T[], ids: string[], getKey: (item: T) => string): T[] {\n  const byId = new Map(items.map((item) => [getKey(item), item] as const));\n  const ordered: T[] = [];\n\n  for (const id of ids) {\n    if (!byId.has(id)) continue;\n\n    const item = byId.get(id) as T;\n\n    ordered.push(item);\n    byId.delete(id);\n  }\n\n  for (const item of byId.values()) ordered.push(item);\n\n  return ordered;\n}\n"],"mappings":";;;;;AAQA,IAAM,IAAc,OAAO,eAAe,GAoQpC,IAAc,mBACd,IAAY,iBACZ,oBAAsB,IAAI,QAA2C,GACrE,IAAiD;CACrD,WAAW;CACX,eAAe;CACf,OAAO;CACP,UAAU;AACZ;AAIA,SAAS,EAAsB,GAA0C;CACvE,IAAM,IAAQ,EAAoB,IAAI,CAAK;CAE3C,IAAI,CAAC,GAAO,MAAM,IAAI,EAAc;CAEpC,OAAO;AACT;AAIA,SAAS,EACP,GACkC;CAKlC,OAJI,MAAe,KAAc,OAE7B,MAAe,MAAQ,MAAe,KAAA,IAAkB,IAErD;EACL,WAAW,EAAW,aAAa;EACnC,eAAe,EAAW,iBAAiB;EAC3C,OAAO,EAAW,SAAS;EAC3B,UAAU,EAAW,YAAY;CACnC;AACF;AAIA,SAAS,EAAgB,GAAkB,GAA0B;CACnE,OAAO,EAAM,WAAW,EAAO,UAAU,EAAM,MAAM,GAAI,MAAU,MAAO,EAAO,EAAM;AACzF;AAEA,SAAS,EAAiB,GAA2C;CACnE,OAAQ,EAAyB,eAAe;AAClD;AAIA,SAAS,EAAa,GAA4B;CAC5C,OAAO,yBAA0B,eAErC,EAAQ,YAAY,4BAA4B;EAE9C,AADA,EAAQ,YAAY,MACpB,EAAQ,UAAU,MAAM,UAAU;CACpC,CAAC;AACH;AAEA,SAAS,EAAW,GAA4B;CAC9C,AAAI,EAAQ,cAAc,SACxB,qBAAqB,EAAQ,SAAS,GACtC,EAAQ,YAAY;AAExB;AAEA,SAAS,EAAsB,GAA4B;CAGzD,AAFA,EAAW,CAAO,GAClB,EAAQ,UAAU,MAAM,UAAU,EAAQ,iBAC1C,EAAQ,UAAU,gBAAgB,eAAe;AACnD;AAOA,SAAS,EAAc,GAAsB,GAA+B;CAC1E,AAAK,EAAQ,cAAc,IAAI,CAAM,KACnC,EAAQ,cAAc,IAAI,GAAQ,EAAO,cAAc,CAAC;AAE5D;AAIA,SAAS,EAAc,GAAgC,GAAwB;CAC7E,IAAM,IAAU,EAAW;CAEtB,MAEL,EAAsB,CAAO,GAC7B,EAAQ,eAAe,aAAa,EAAQ,WAAW,EAAQ,mBAAmB,GAClF,EAAQ,YAAY,OAAO,GAC3B,EAAW,SAAS,MAEpB,EAAQ,OAAO,cAAc,EAAQ,WAAW,CAAK;AACvD;AAEA,SAAS,EAAc,GAAgC,GAAwB;CAC7E,IAAM,IAAU,EAAW;CAE3B,IAAI,CAAC,GAAS;CAEd,IAAM,IAAe,EAAQ,QACvB,IAAgB,EAAQ,YAAY;CAa1C,AAXA,EAAsB,CAAO,GAEzB,KAAgB,EAAW,QAAQ,IAAI,CAAY,KAAK,IAC1D,EAAc,aAAa,EAAQ,WAAW,EAAQ,WAAW,IAEjE,EAAQ,eAAe,aAAa,EAAQ,WAAW,EAAQ,mBAAmB,GAGpF,EAAQ,YAAY,OAAO,GAC3B,EAAW,SAAS,MAEpB,EAAQ,OAAO,cAAc,EAAQ,WAAW,CAAK;CAErD,IAAM,IAAiF,CAAC;CAExF,KAAK,IAAM,CAAC,GAAQ,MAAW,EAAQ,eAAe;EACpD,IAAI,CAAC,EAAW,QAAQ,IAAI,CAAM,GAAG;EAErC,IAAM,IAAa,EAAO,cAAc;EAExC,AAAI,EAAgB,GAAQ,CAAU,KACpC,EAAQ,KAAK;GAAE,OAAO;GAAY;GAAQ;EAAO,CAAC;CAEtD;CAEA,KAAK,IAAM,EAAE,UAAO,WAAQ,eAAY,GACtC,EAAO,oBAAoB,GAAQ,CAAK;CAG1C,IAAI,KAAgB,MAAiB,EAAQ,QAAQ;EACnD,IAAM,IAAe,EAAQ,MAAM,MAAW,EAAO,WAAW,EAAQ,MAAM,GACxE,IAAe,EAAQ,MAAM,MAAW,EAAO,WAAW,CAAY;EAE5E,AAAI,KAAgB,KAClB,EAAW,WAAW;GACpB,QAAQ,EAAQ;GAChB,QAAQ,EAAQ,OAAO;GACvB,WAAW,EAAa;GACxB,QAAQ,EAAa;GACrB,WAAW,EAAa;EAC1B,CAAC;EAGH;CACF;CAEA,KAAK,IAAM,EAAE,UAAO,eAAY,GAC9B,EAAO,cAAc,CAAK;AAE9B;AAEA,SAAS,EAAc,GAAgC,GAAkB,GAA4B;CACnG,IAAI,CAAC,EAAW,QAAQ;CAExB,IAAM,EAAE,cAAW;CAGnB,AACE,KACA,CAAC,EAAM,gBACP,EAAM,aAAa,eAAe,UAClC,CAAC,EAAO,UACR,CAAC,EAAW,QAAQ,IAAI,EAAO,MAAM,KACrC,EAAO,OAAO,WAAW,KACzB,EAAO,OAAO,WAAW,IAEzB,EAAc,GAAY,CAAK,IAE/B,EAAc,GAAY,CAAK;AAEnC;AAEA,SAAS,EACP,GACA,GACA,GACA,GACM;CACN,IAAI,CAAC,GAAS;CAEd,IAAM,EAAE,WAAW,GAAiB,eAAe,GAAW,UAAO,gBAAa,GAC5E,IAAO,EAAU,sBAAsB;CAE7C,IAAI,MAAS,YAAY;EAOvB,AANI,KAAmB,EAAM,UAAU,EAAK,MAAM,IAChD,EAAU,aAAa,IACd,KAAmB,EAAM,UAAU,EAAK,SAAS,MAC1D,EAAU,aAAa,IAGrB,KAAY,EAAM,UAAU,IAC9B,OAAO,SAAS;GAAE,MAAM;GAAG,KAAK,CAAC;EAAM,CAAC,IAC/B,KAAY,EAAM,UAAU,OAAO,cAAc,KAC1D,OAAO,SAAS;GAAE,MAAM;GAAG,KAAK;EAAM,CAAC;EAGzC;CACF;CAQA,AANI,KAAmB,EAAM,UAAU,EAAK,OAAO,IACjD,EAAU,cAAc,IACf,KAAmB,EAAM,UAAU,EAAK,QAAQ,MACzD,EAAU,cAAc,IAGtB,KAAY,EAAM,UAAU,IAC9B,OAAO,SAAS;EAAE,MAAM,CAAC;EAAO,KAAK;CAAE,CAAC,IAC/B,KAAY,EAAM,UAAU,OAAO,aAAa,KACzD,OAAO,SAAS;EAAE,MAAM;EAAO,KAAK;CAAE,CAAC;AAE3C;AAIA,SAAS,EACP,GACA,GACA,GACA,GACA,GACA,GACiB;CACjB,IAAM,IAAQ,EAAS,GACjB,IAAe,EAAM,QAAQ,CAAI;CAEvC,IAAI,IAAe,GAAG,OAAO;CAE7B,IAAM,IAAY,MAAS,aAAa,MAAQ,cAAc,MAAQ,cAChE,IAAa,MAAS,aAAa,MAAQ,YAAY,MAAQ,aACjE;CAEJ,IAAI,GACF,IAAc,KAAK,IAAI,EAAM,SAAS,GAAG,IAAe,CAAC;MACpD,IAAI,GACT,IAAc,KAAK,IAAI,GAAG,IAAe,CAAC;MACrC,IAAI,MAAQ,QACjB,IAAc;MACT,IAAI,MAAQ,OACjB,IAAc,EAAM,SAAS;MAE7B,OAAO;CAKT,IAAI,MAAgB,GAAc,OAAO;CAEzC,IAAM,IAAa,EAAM;CAOzB,OALK,KAEL,EAAQ,aAAa,GAAM,IAAc,IAAe,EAAW,cAAc,CAAU,GAC3F,EAAK,MAAM,GAEJ,EAAc,KALG;AAM1B;AAqBA,SAAgB,EAAoB,IAAgC,CAAC,GAAkB;CACrF,IAAM,IAA4B;EAChC,QAAQ;EACR,WAAW,GAAa;GACtB,EAAQ,SAAS;IACf,GAAG;IACH,UAAU,GAAU;KAClB,EAAM,aAAa;IACrB;GACF,CAAC;EACH;EACA,6BAAa,IAAI,IAAI;EACrB,yBAAS,IAAI,IAAI;EACjB,YAAY;EACZ,OAAO;CACT,GACM,IAAa,QAAuB;EACxC,EAAM,OAAO,QAAQ;EAGrB,KAAK,IAAM,KAAa,EAAM,aAC5B,EAAU;CAEd,CAAC,GAEK,IAAQ;EACZ,IAAI,iBAAiB;GACnB,OAAO,EAAW;EACpB;EACA,SAAS,EAAW;EACpB,IAAI,WAAW;GACb,OAAO,EAAW;EACpB;EACA,IAAI,aAAa;GACf,OAAO,EAAM,WAAW;EAC1B;EACA,SAAS;GAEP,AADA,EAAM,aAAa,GACnB,EAAM,aAAa;EACrB;GACC,IAAc;GACd,OAAO,UAAU,EAAW,OAAO;CACtC;CAgBA,OAdA,EAAoB,IAAI,GAAO,CAAK,GAEhC,EAAQ,UACV,EAAM,QAAQ,EAA2B,EAAQ,UAAU,KAAO,CAAC,IAAI,EAAQ,QAAQ,MAAW;EAChG,KAAK,IAAM,KAAU,EAAM,SAAS;GAClC,IAAM,IAAa,EAAO,mBAAmB,CAAM;GAEnD,IAAI,GAAY,OAAO;EACzB;EAEA,OAAO;CACT,CAAC,IAGI;AACT;AA6BA,SAAgB,EAAe,GAAoC;CACjE,IAAM,EACJ,gBAAa,IACb,UAAO,YACP,YACA,WACA,WACA,cAAW,IACX,sBAAmB,mBACnB,WAAQ,EAAoB,MAC1B,GACE,IAAoB,EAAyB,CAAU,GACvD,IAAa,EAAsB,CAAK;CAE9C,AAAI,MAAW,KAAA,KAAa,EAAO,KAAK;CAMxC,IAAM,UACJ,MAAM,KAAK,EAAQ,QAAQ,CAAC,CAAC,QAAQ,MAAO,EAAkB,aAAa,CAAS,CAAC,GAEjF,UAAgC,EAAS,CAAC,CAAC,KAAK,MAAO,EAAO,CAAE,CAAC,GACjE,oBAAkB,IAAI,IAAsC,GAC5D,IAAwB,EAAQ,aAAa,MAAM,GAEnD,KAAmB,MAAqD;EAC5E,IAAM,IAAW,EAAgB,IAAI,CAAc;EAEnD,IAAI,GAAU,OAAO;EAErB,IAAM,IAA6B;GACjC,eAAe,EAAe,aAAa,CAAW;GACtD,aAAa,EAAe,aAAa,CAAS;GAClD,WAAW,EAAe,aAAa,WAAW;GAClD,MAAM,EAAe,aAAa,MAAM;GACxC,UAAU,EAAe,aAAa,UAAU;GAChD,aAAa,EAAe,MAAM;EACpC;EAIA,OAFA,EAAgB,IAAI,GAAgB,CAAK,GAElC;CACT,GAEM,KAAoB,GAA6B,GAAc,MAA+B;EAClG,AAAI,MAAU,OACZ,EAAe,gBAAgB,CAAI,IAEnC,EAAe,aAAa,GAAM,CAAK;CAE3C,GAEM,UAAwB;EAC5B,EAAS,CAAC,CAAC,SAAS,MAAO;GACzB,IAAM,IAAY,EAAgB,CAAE;GAMpC,AAJI,EAAU,SAAS,QAAM,EAAG,aAAa,QAAQ,UAAU,GAE3D,EAAU,aAAa,SAAM,EAAG,WAAW,IAE3C,IACF,EAAG,iBAA8B,CAAM,CAAC,CAAC,SAAS,MAAa;IAI7D,AAHA,EAAgB,CAAQ,GACxB,EAAS,aAAa,GAAa,EAAE,GACrC,EAAS,aAAa,aAAa,MAAM,GACzC,EAAS,MAAM,cAAc;GAC/B,CAAC,KAED,EAAG,aAAa,aAAa,MAAM,GAUnC,EAAG,MAAM,cAAc;EAE3B,CAAC;CACH,GAEM,UAAwB;EAC5B,IAAM,oBAAW,IAAI,IAAY;EA6BjC,AA1BA,MAAM,KAAK,EAAQ,QAAQ,CAAC,CAAC,SAAS,MAAU;GAC9C,IAAM,IAAK;GAEX,IAAI;IACF,IAAM,IAAM,EAAO,CAAE;IAErB,AAAI,MACF,EAAgB,CAAE,GAEd,EAAS,IAAI,CAAG,IAEhB,GAAsC,EAAtC,IAGF,EAAS,IAAI,CAAG,GAGlB,EAAG,aAAa,GAAW,EAAE;GAEjC,SAAS,GAAK;IACZ,AACE,GAAuG,OAAO,CAAG,EAAjH;GAEJ;EACF,CAAC,GAED,EAAU;CACZ,GAEM,UAA2B;EAC/B,KAAK,IAAM,CAAC,GAAgB,MAAU,GAMpC,AALA,EAAiB,GAAgB,GAAa,EAAM,aAAa,GACjE,EAAiB,GAAgB,GAAW,EAAM,WAAW,GAC7D,EAAiB,GAAgB,aAAa,EAAM,SAAS,GAC7D,EAAiB,GAAgB,QAAQ,EAAM,IAAI,GACnD,EAAiB,GAAgB,YAAY,EAAM,QAAQ,GAC3D,EAAe,MAAM,cAAc,EAAM;EAG3C,EAAgB,MAAM;CACxB,GAEM,KAAqB,MAAqC;EAC9D,IAAM,IAAI,SAAS,cAAc,KAAK;EAWtC,OATA,EAAE,YAAY,GACd,EAAE,aAAa,eAAe,MAAM,GAEhC,MAAS,eACX,EAAE,MAAM,QAAQ,GAAG,EAAO,YAAY,MAEtC,EAAE,MAAM,SAAS,GAAG,EAAO,aAAa,KAGnC;CACT,GAEI,IAAkC,MAEhC,IAA2B;EAC/B,gBAAgB,MAAe;GAC7B,IAAI,CAAC,EAAQ,WAAW;GAExB,IAAM,IAAsB;IAC1B,KAAK;IACL,UAAU,GAAI;KACZ,IAAa;IACf;GACF;GAEA,EAAQ,UAAU,CAAK;EACzB;EACA;EACA;EACA,kBAAkB,EAAgB,EAAQ,QAAQ;EAClD,sBAAsB,GAAM,MAAO,EAAQ,kBAAkB,GAAM,CAAE;EACrE,gBAAgB,GAAI,MAAU,EAAQ,YAAY,GAAI,CAAK;EAC3D,kBAAkB,GAAI,MAAU,EAAQ,cAAc,GAAI,CAAK;EAC/D,qBAAqB,MAAW;GAC9B,IAAI,EAAgB,EAAQ,QAAQ,KAAK,CAAC,EAAQ,SAAS,CAAM,GAAG,OAAO;GAE3E,IAAM,IAAO,EAAO,QAAqB,IAAI,EAAU,EAAE;GAEzD,IAAI,CAAC,KAAQ,CAAC,EAAQ,SAAS,CAAI,GAAG,OAAO;GAE7C,IAAI,CAAC,GAAQ,OAAO;GAEpB,IAAM,IAAe,EAAO,QAAqB,CAAM;GAEvD,OAAO,KAAgB,EAAK,SAAS,CAAY,IAAI,IAAe;EACtE;CACF;CAEA,EAAW,QAAQ,IAAI,CAAO;CAE9B,IAAM,KAAmB,MAAuB;EAG9C,IAFI,EAAW,UAEX,EAAQ,WAAW,GAAG;EAE1B,IAAM,IAAS,EAAE,QACX,IAAO,EAAO,QAAqB,IAAI,EAAU,EAAE;EAIzD,IAFI,CAAC,KAED,KAAU,CAAC,EAAO,QAAQ,CAAM,GAAG;EAEvC,IAAM,IAAiB,EAAK;EAE5B,IAAI,CAAC,GAAgB;EAErB,IAAM,IAAc,EAAkB,CAAI,GACpC,IAAsB,EAAK,aAC3B,IAAW,EAAO,CAAI,GAGtB,oBAAgB,IAAI,IAA+B;EAIzD,AAFA,EAAc,IAAI,GAAS,EAAQ,cAAc,CAAC,GAClD,EAAK,aAAa,iBAAiB,EAAE,GACrC,EAAe,aAAa,GAAa,CAAmB;EAE5D,IAAM,IAAuB;GAC3B,WAAW;GACX,WAAW;GACX,WAAW;GACX;GACA,iBAAiB,EAAK,MAAM;GAC5B;GACA;GACA;GACA,QAAQ;GACR,QAAQ;EACV;EAMA,KAJI,CAAC,EAAiB,CAAC,KAAK,EAAE,sBAAmB,EAAa,CAAO,GAErE,EAAW,SAAS,GAEhB,EAAE,iBACJ,EAAE,aAAa,gBAAgB,QAC/B,EAAE,aAAa,QAAQ,cAAc,CAAQ,GAEzC,EAAQ,YAAW;GACrB,IAAM,IACJ,OAAO,EAAQ,aAAc,aAAa,EAAQ,UAAU,GAAU,GAAM,CAAC,IAAI,EAAQ,WACrF,CAAC,GAAS,KAAW,EAAQ,mBAAmB,CAAC,GAAG,CAAC;GAE3D,AAAI,KAAS,EAAE,aAAa,aAAa,GAAS,GAAS,CAAO;EACpE;EAGF,EAAQ,gBAAgB,EAAQ,WAAW,CAAC;CAC9C,GAEM,KAAkB,MAAuB;EAC7C,IAAM,IAAU,EAAW;EAI3B,IAFI,CAAC,KAED,EAAQ,OAAO,WAAW,KAAK,EAAQ,WAAW,GAAG;EAMzD,AAJA,EAAE,eAAe,GACjB,EAAgB,GAAG,GAAS,GAAM,CAAiB,GAGnD,EAAc,GAAS,CAAO;EAE9B,IAAM,EAAE,cAAW,mBAAgB,GAC7B,IAAU,EAAE,OAAuB,QAAqB,IAAI,EAAU,EAAE;EAE9E,IAAI,CAAC,GAAQ;GAQX,AAJI,EAAY,kBAAkB,KAChC,EAAQ,YAAY,CAAW,GAGjC,EAAQ,SAAS;GAEjB;EACF;EAEA,IAAI,MAAW,KAAa,MAAW,GAAa;EAEpD,IAAM,IAAO,EAAO,sBAAsB,GACpC,IACJ,MAAS,aAAa,EAAE,WAAW,EAAK,MAAM,EAAK,SAAS,IAAI,EAAE,WAAW,EAAK,OAAO,EAAK,QAAQ;EAGxG,AADA,EAAQ,aAAa,GAAa,IAAc,EAAO,cAAc,CAAM,GAC3E,EAAQ,SAAS;CACnB,GAEM,KAAc,MAAuB;EACzC,IAAM,IAAU,EAAW;EAEtB,MAED,EAAQ,OAAO,WAAW,KAAK,EAAQ,WAAW,MAEtD,EAAE,eAAe,GAGjB,EAAQ,SAAS;CACnB,GAEM,KAAiB,MAAuB;EACxC,EAAW,QAAQ,WAAW,KAElC,EAAc,GAAY,GAAG,EAAK;CACpC,GAEM,KAAiB,MAA2B;EAChD,IAAI,CAAC,KAAY,EAAQ,WAAW,GAAG;EAEvC,IAAM,IAAW,EAAE,QAA+B;EAElD,IAAI,MAAY,WAAW,MAAY,cAAc,MAAY,UAAU;EAE3E,IAAM,IAAQ,EAAE,OAAuB,QAAqB,IAAI,EAAU,EAAE;EAE5E,IAAI,CAAC,KAAQ,CAAC,EAAQ,SAAS,CAAI,GAAG;EAEtC,IAAM,IAAY,EAAc,GAC1B,IAAW,EAAqB,GAAM,GAAS,GAAU,GAAe,EAAE,KAAK,CAAI;EAGrF,MAAa,SAEjB,EAAE,eAAe,GACjB,EAAQ,oBAAoB,GAAW,CAAQ,GAC/C,EAAQ,cAAc,CAAQ;CAChC;CAEA,EAAU;CAEV,IAAM,IAAa,QAAuB;EASxC,AARA,EAAW,YAAY,OAAO,EAAW,OAAO,GAE5C,EAAW,WAAW,EAAW,OAAO,WAAW,KAAW,EAAW,OAAO,WAAW,MAC7F,EAAc,GAAY,IAAI,MAAM,SAAS,GAAgB,EAAI,GAGnE,EAAW,QAAQ,OAAO,CAAO,GACjC,EAAiB,GAAS,QAAQ,CAAqB,GACvD,EAAa;CACf,CAAC;CAaD,OAXI,MAA0B,QAAM,EAAQ,aAAa,QAAQ,MAAM,GAEvE,EAAQ,iBAAiB,aAAa,GAAiB,EAAE,QAAQ,EAAW,eAAe,CAAC,GAC5F,EAAQ,iBAAiB,YAAY,GAAgB,EAAE,QAAQ,EAAW,eAAe,CAAC,GAC1F,EAAQ,iBAAiB,QAAQ,GAAY,EAAE,QAAQ,EAAW,eAAe,CAAC,GAClF,EAAQ,iBAAiB,WAAW,GAAe,EAAE,QAAQ,EAAW,eAAe,CAAC,GACxF,EAAQ,iBAAiB,WAAW,GAAe,EAAE,QAAQ,EAAW,eAAe,CAAC,GAGxF,EAAW,YAAY,IAAI,EAAW,OAAO,GAEtC;EACL,IAAI,iBAAiB;GACnB,OAAO,EAAW;EACpB;EACA,SAAS,EAAW;EACpB,IAAI,WAAW;GACb,OAAO,EAAW;EACpB;EACA,IAAI,aAAa;GACf,OAAO,EAAW,QAAQ,WAAW;EACvC;EACA,cAAc;GAEZ,AADA,IAAa,GACb,IAAa;EACf;GACC,OAAO,UAAU,EAAW,OAAO;EACpC,YAAY;GACV,EAAU;EACZ;CACF;AACF;AAQA,SAAgB,EAAgB,GAAY,GAAe,GAAkC;CAC3F,IAAM,IAAO,IAAI,IAAI,EAAM,KAAK,MAAS,CAAC,EAAO,CAAI,GAAG,CAAI,CAAU,CAAC,GACjE,IAAe,CAAC;CAEtB,KAAK,IAAM,KAAM,GAAK;EACpB,IAAI,CAAC,EAAK,IAAI,CAAE,GAAG;EAEnB,IAAM,IAAO,EAAK,IAAI,CAAE;EAGxB,AADA,EAAQ,KAAK,CAAI,GACjB,EAAK,OAAO,CAAE;CAChB;CAEA,KAAK,IAAM,KAAQ,EAAK,OAAO,GAAG,EAAQ,KAAK,CAAI;CAEnD,OAAO;AACT"}

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 export interface Disposable {
-    [Symbol.dispose](): void;
     readonly disposalSignal: AbortSignal;
     dispose(): void;
     readonly disposed: boolean;
+    [Symbol.dispose](): void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IACzB,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC;IACrC,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC;IACrC,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;CAC1B"}

package/package.json

@@ -1,8 +1,16 @@
 {
   "name": "@vielzeug/dnd",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Framework-agnostic drag-and-drop — sortable lists, file-drop zones, and MIME-type filtering",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/helmuthdu/vielzeug",
+    "directory": "packages/dnd"
+  },
   "type": "module",
+  "engines": {
+    "node": ">=22"
+  },
   "files": [
     "dist"
   ],
@@ -11,32 +19,29 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
     }
   },
-  "scripts": {
-    "build": "vite build && pnpm run build:bundle && pnpm run build:types",
-    "build:types": "tsc -p tsconfig.declarations.json",
-    "fix": "eslint --fix src",
-    "lint": "eslint src",
-    "prepublishOnly": "pnpm run build",
-    "test": "vitest",
-    "build:bundle": "vite build --config vite.bundle.config.ts"
-  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "engines": {
-    "node": ">=22"
+  "scripts": {
+    "build": "vite build && pnpm run build:bundle && pnpm run build:types",
+    "build:bundle": "vite build --config vite.bundle.config.ts",
+    "build:types": "tsc -p tsconfig.declarations.json",
+    "fix": "biome check --write src",
+    "lint": "biome ci src",
+    "prepublishOnly": "pnpm run build",
+    "test": "vitest"
   },
   "dependencies": {},
   "devDependencies": {
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "typescript": "^6.0.3",
-    "vite": "^8.2.0",
+    "vite": "^8.2.1",
     "vitest": "^4.1.10"
   }
 }