SortableListController

Sortable List Controller - Drag and Drop Reordering

Provides drag-and-drop reordering functionality for list items. Emits a custom event when items are reordered so parent controllers can respond to changes.

Usage:

  • ☰ Item 1
  • ☰ Item 2

Events:

  • sortable-list:reordered - Dispatched when order changes detail: { order: ['id1', 'id2', 'id3'], items: [...DOMElements] }

Constructor

new SortableListController()

Source

Methods

dragEnd()

Handle drag end - cleanup

Source

dragEnter()

Handle drag enter - visual feedback

Source

dragLeave()

Handle drag leave - remove visual feedback

Source

dragOver()

Handle drag over - allow drop by preventing default

Source

dragStart()

Handle drag start - store reference to dragged element

Source

drop()

Handle drop - reorder items

Source

emitReorderedEvent()

Emit custom event with new order

Source

getOrder()

Get current order of items

Source