Class DropZoneInternal

constructor

• new DropZone(
      element: HTMLElement,
      animationManager?: AnimationManager,
  ): DropZone

  Parameters

  • element: HTMLElement
  • OptionalanimationManager: AnimationManager

  Returns DropZone

Readonlyelement

isAnimating

• get isAnimating(): boolean

  Whether FLIP animations are currently in progress

  Returns boolean

setDraggableSelector

• setDraggableSelector(selector: string): void

  Set the selector for draggable items

  Parameters

  • selector: string

  Returns void

getItems

• getItems(): HTMLElement[]

  Get sortable items (only elements matching the draggable selector). The placeholder and the ghost are clones of a real item, so they match the selector — both are marked with data attributes and excluded here, otherwise index math counts phantom items (the ghost lives inside the zone element when fallbackOnBody is false).

  Returns HTMLElement[]

getVisibleItems

• getVisibleItems(exclude?: HTMLElement[]): HTMLElement[]

  Controlled-mode view of the list: draggable items excluding the placeholder (already filtered by getItems), items hidden for the active controlled drag, and any explicitly excluded elements (the dragged items — the HTML5 pipeline leaves them visible in place).

  Parameters

  • exclude: HTMLElement[] = []

  Returns HTMLElement[]

getControlledIndex

• getControlledIndex(placeholder: HTMLElement, exclude?: HTMLElement[]): number

  Controlled-mode drop index: the index the dragged item(s) will occupy in this list AFTER the consumer commits the move — i.e. the count of visible draggable siblings (see getVisibleItems) before placeholder.

  Parameters

  • placeholder: HTMLElement
  • exclude: HTMLElement[] = []

  Returns number

getIndex

• getIndex(item: HTMLElement): number

  Get index of an item within container

  Parameters

  • item: HTMLElement

  Returns number

insertWithAnimation

• insertWithAnimation(node: HTMLElement, ref: null | Node): void

  Insert node before ref (append when null), FLIP-animating the displaced items. Controlled mode uses this to move the placeholder.

  Parameters

  • node: HTMLElement
  • ref: null | Node

  Returns void

move

• move(item: HTMLElement, toIndex: number): void

  Move item to new index within container (among sortable items only)

  Parameters

  • item: HTMLElement
  • toIndex: number

  Returns void

moveMultiple

• moveMultiple(items: HTMLElement[], toIndex: number): void

  Move multiple items to a target index, preserving their relative order

  Parameters

  • items: HTMLElement[]
  • toIndex: number

  Returns void