@fr0st/ui-sortable 3.0.2 → 3.0.3

package/dist/frost-ui-sortable.esm.js

@@ -1,7 +1,7 @@
 import { BaseComponent, getPosition, initComponent } from "@fr0st/ui";
 import $ from "@fr0st/query";
 
-//#region src/helpers.js
+// src/helpers.js
 /** @import { SortableEventData } from './sortable.js'; */
 var cursorLocks = /* @__PURE__ */ new WeakMap();
 /**
@@ -41,8 +41,7 @@ function triggerSortableEvent(node, name, data) {
 	});
 }
 
-//#endregion
-//#region src/sortable.js
+// src/sortable.js
 var document = $.getContext();
 var window = $.getWindow();
 /** @typedef {'x'|'y'} SortableAxis */
@@ -358,11 +357,9 @@ var Sortable = class extends BaseComponent {
 	}
 };
 
-//#endregion
-//#region src/index.js
+// src/index.js
 initComponent("sortable", Sortable);
 var src_default = Sortable;
 
-//#endregion
 export { src_default as default };
 //# sourceMappingURL=frost-ui-sortable.esm.js.map

package/dist/frost-ui-sortable.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"frost-ui-sortable.esm.js","names":[],"sources":["../src/helpers.js","../src/sortable.js","../src/index.js"],"sourcesContent":["/** @import { SortableEventData } from './sortable.js'; */\n\nimport $ from '@fr0st/query';\n\nconst cursorLocks = new WeakMap();\n\n/**\n * Resets the cursor style for a collection of elements.\n * @param {Iterable<HTMLElement>} nodes The elements to restore.\n */\nexport function resetCursor(nodes) {\n    for (const node of nodes) {\n        const release = cursorLocks.get(node);\n\n        if (!release) {\n            continue;\n        }\n\n        release();\n        cursorLocks.delete(node);\n    }\n}\n\n/**\n * Sets the cursor style for a collection of elements.\n * @param {Iterable<HTMLElement>} nodes The elements to update.\n * @param {string} cursor The cursor style.\n */\nexport function setCursor(nodes, cursor) {\n    for (const node of nodes) {\n        if (cursorLocks.has(node)) {\n            $.setStyle(node, { cursor });\n        } else {\n            cursorLocks.set(node, $.setStyleLock(node, 'cursor', cursor));\n        }\n    }\n}\n\n/**\n * Triggers a Sortable event with its data and detail payloads.\n * @param {HTMLElement} node The event target.\n * @param {string} name The event name without its namespace.\n * @param {SortableEventData} data The sorting event data.\n */\nexport function triggerSortableEvent(node, name, data) {\n    $.triggerEvent(node, `${name}.ui.sortable`, {\n        data,\n        detail: {\n            target: data.item,\n            ...data,\n        },\n    });\n}\n","import $ from '@fr0st/query';\nimport { BaseComponent, getPosition } from '@fr0st/ui';\nimport { resetCursor, setCursor, triggerSortableEvent } from './helpers.js';\n\nconst document = $.getContext();\nconst window = $.getWindow();\n\n/** @typedef {'x'|'y'} SortableAxis */\n\n/**\n * @typedef {object} SortableOptions\n * @property {SortableAxis|null} [axis=null] The axis used to determine item placement.\n * @property {string} [cancel='input, textarea, button, select, option'] The selector for elements that cannot start a sort.\n * @property {string|null} [connectWith=null] The selector for connected Sortable containers.\n * @property {string} [cursor='auto'] The cursor applied to sortable items or handles.\n * @property {boolean} [disabled=false] Whether sorting is initially disabled.\n * @property {boolean} [dropOnEmpty=true] Whether connected empty containers accept items.\n * @property {string|null} [handle=null] The handle selector within each sortable item.\n * @property {string|null} [helperClass='bg-body-tertiary'] The class applied to an item while it is being sorted.\n * @property {string} [items=':scope > li'] The selector for sortable items.\n * @property {boolean} [scroll=true] Whether to scroll the window while sorting near an edge.\n * @property {number} [scrollSensitivity=20] The distance from a window edge that starts scrolling, in pixels.\n * @property {number} [scrollSpeed=5] The scroll distance applied per animation frame, in pixels.\n * @property {number} [swapThreshold=0.25] The fraction of an item crossed before swapping, from `0` to `1`.\n */\n\n/**\n * @typedef {object} SortableEventData\n * @property {HTMLElement} item The item being sorted.\n * @property {HTMLElement} from The previous or original Sortable container.\n * @property {HTMLElement} to The next or final Sortable container.\n * @property {number} oldIndex The previous or original item index.\n * @property {number} newIndex The next or final item index.\n */\n\n/**\n * Controls a sortable collection of elements.\n * @augments {BaseComponent<SortableOptions>}\n */\nexport default class Sortable extends BaseComponent {\n    /** @type {SortableOptions} */\n    static defaults = {\n        axis: null,\n        cancel: 'input, textarea, button, select, option',\n        connectWith: null,\n        cursor: 'auto',\n        disabled: false,\n        dropOnEmpty: true,\n        handle: null,\n        helperClass: 'bg-body-tertiary',\n        items: ':scope > li',\n        scroll: true,\n        scrollSensitivity: 20,\n        scrollSpeed: 5,\n        swapThreshold: 0.25,\n    };\n\n    #currentIndex;\n    #currentSortable = null;\n    #dragging;\n    #enabled;\n    #initialCursorNodes = [];\n    #pos = null;\n    #scrollFrame = null;\n    #selector;\n    #startIndex;\n    #target = null;\n\n    /**\n     * Creates a Sortable.\n     * @param {HTMLElement} node The sortable container.\n     * @param {SortableOptions} [options] The Sortable options.\n     */\n    constructor(node, options) {\n        super(node, options);\n\n        try {\n            this.#selector = this.options.handle ?\n                `:is(${this.options.items}) :is(${this.options.handle})` :\n                this.options.items;\n\n            this.#dragging = false;\n            this.#enabled = !this.options.disabled;\n\n            this.#initialCursorNodes = $.find(this.#selector, this.node);\n            setCursor(this.#initialCursorNodes, this.options.cursor);\n            this.#events();\n            this.#initialCursorNodes = null;\n        } catch (error) {\n            this.dispose();\n            throw error;\n        }\n    }\n\n    /**\n     * Disables the Sortable.\n     */\n    disable() {\n        this.#enabled = false;\n    }\n\n    /** @inheritdoc */\n    dispose() {\n        if (!this.node) {\n            return;\n        }\n\n        resetCursor(this.#initialCursorNodes ?? $.find(this.#selector, this.node));\n\n        if (this.#target && this.options.helperClass) {\n            $.removeClass(this.#target, this.options.helperClass);\n        }\n\n        this.#resetDrag();\n\n        this.#initialCursorNodes = null;\n\n        super.dispose();\n    }\n\n    /**\n     * Enables the Sortable.\n     */\n    enable() {\n        this.#enabled = true;\n    }\n\n    /**\n     * Gets the Sortable item elements.\n     * @returns {HTMLElement[]} The Sortable item elements.\n     */\n    items() {\n        return $.find(this.options.items, this.node);\n    }\n\n    /**\n     * Checks whether the window should scroll while sorting.\n     */\n    #checkScroll() {\n        this.#scrollFrame = null;\n\n        if (!this.node || !this.#dragging || !this.#target || !this.#pos) {\n            return;\n        }\n\n        const originalX = $.getScrollX(window);\n        const originalY = $.getScrollY(window);\n        const windowHeight = $.height(window);\n        const windowWidth = $.width(window);\n\n        let offsetX = originalX;\n        let offsetY = originalY;\n\n        if (this.#pos.y < originalY + this.options.scrollSensitivity) {\n            offsetY = Math.max(0, originalY - this.options.scrollSpeed);\n        } else if (this.#pos.y > originalY + windowHeight - this.options.scrollSensitivity) {\n            const docHeight = $.height(document, { boxSize: $.SCROLL_BOX });\n            const maxY = Math.max(0, docHeight - windowHeight);\n            offsetY = Math.min(maxY, originalY + this.options.scrollSpeed);\n        }\n\n        if (this.#pos.x < originalX + this.options.scrollSensitivity) {\n            offsetX = Math.max(0, originalX - this.options.scrollSpeed);\n        } else if (this.#pos.x > originalX + windowWidth - this.options.scrollSensitivity) {\n            const docWidth = $.width(document, { boxSize: $.SCROLL_BOX });\n            const maxX = Math.max(0, docWidth - windowWidth);\n            offsetX = Math.min(maxX, originalX + this.options.scrollSpeed);\n        }\n\n        if (offsetX === originalX && offsetY === originalY) {\n            return;\n        }\n\n        window.scrollTo({\n            left: offsetX,\n            top: offsetY,\n            behavior: 'instant',\n        });\n\n        const deltaX = offsetX - originalX;\n        const deltaY = offsetY - originalY;\n\n        this.#pos.x += deltaX;\n        this.#pos.y += deltaY;\n\n        this.#updatePlacement(deltaX, deltaY);\n        this.#scheduleScroll();\n    }\n\n    /**\n     * Attaches events for the Sortable.\n     */\n    #events() {\n        const downHandler = (event) => {\n            const cancelled = this.options.cancel &&\n                (\n                    $.is(event.target, this.options.cancel) ||\n                    $.is(event.currentTarget, this.options.cancel) ||\n                    $.closest(event.target, this.options.cancel, this.node).length\n                );\n\n            if (\n                event.button ||\n                !this.#enabled ||\n                cancelled ||\n                $.getDataset(this.node, 'uiDragging')\n            ) {\n                return false;\n            }\n\n            this.#target = this.options.handle ?\n                this.items().find((node) => $.hasDescendent(node, event.currentTarget)) :\n                event.currentTarget;\n\n            if (!this.#target) {\n                return false;\n            }\n        };\n\n        const moveHandler = (event) => {\n            if (!this.node || !this.#target) {\n                return;\n            }\n\n            const previousPos = this.#pos;\n            this.#pos = getPosition(event);\n            const deltaX = previousPos ?\n                this.#pos.x - previousPos.x :\n                0;\n            const deltaY = previousPos ?\n                this.#pos.y - previousPos.y :\n                0;\n\n            if (!this.#dragging) {\n                this.#dragging = true;\n                this.#currentSortable = this.node;\n                this.#startIndex = this.items().indexOf(this.#target);\n                this.#currentIndex = this.#startIndex;\n\n                $.setDataset(this.node, { uiDragging: true });\n\n                /** @type {SortableEventData} */\n                const eventData = {\n                    item: this.#target,\n                    from: this.node,\n                    to: this.node,\n                    oldIndex: this.#startIndex,\n                    newIndex: this.#startIndex,\n                };\n\n                triggerSortableEvent(this.node, 'sort', eventData);\n\n                if (!this.node) {\n                    return;\n                }\n\n                if (this.options.helperClass) {\n                    $.addClass(this.#target, this.options.helperClass);\n                }\n            }\n\n            this.#updatePlacement(deltaX, deltaY);\n            this.#scheduleScroll();\n        };\n\n        const upHandler = (event) => {\n            if (!this.node) {\n                return;\n            }\n\n            if (!this.#dragging) {\n                this.#target = null;\n                return;\n            }\n\n            if (event.type === 'mouseup') {\n                event.preventDefault();\n            }\n\n            const source = this.node;\n            const destination = this.#currentSortable;\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: source,\n                to: destination,\n                oldIndex: this.#startIndex,\n                newIndex: this.#currentIndex,\n            };\n\n            triggerSortableEvent(destination, 'sorted', eventData);\n\n            if (!this.node) {\n                return;\n            }\n\n            if (this.options.helperClass) {\n                $.removeClass(this.#target, this.options.helperClass);\n            }\n\n            if (source !== destination) {\n                triggerSortableEvent(source, 'update', eventData);\n\n                if (this.node) {\n                    triggerSortableEvent(destination, 'update', eventData);\n                }\n            } else if (this.#currentIndex !== this.#startIndex) {\n                triggerSortableEvent(destination, 'update', eventData);\n            }\n\n            if (this.node) {\n                this.#resetDrag();\n            }\n        };\n\n        const dragHandler = $.mouseDragFactory(downHandler, moveHandler, upHandler);\n\n        this.listen(\n            this.node,\n            'mousedown.ui.sortable touchstart.ui.sortable',\n            dragHandler,\n            { delegate: this.#selector },\n        );\n\n        this.listen(this.node, 'receive.ui.sortable', () => {\n            setCursor($.find(this.#selector, this.node), this.options.cursor);\n        });\n    }\n\n    /**\n     * Resets the active drag state.\n     */\n    #resetDrag() {\n        if (this.#scrollFrame !== null) {\n            window.cancelAnimationFrame(this.#scrollFrame);\n        }\n\n        if (this.#dragging && this.node) {\n            $.removeDataset(this.node, 'uiDragging');\n        }\n\n        this.#currentIndex = null;\n        this.#currentSortable = null;\n        this.#dragging = false;\n        this.#pos = null;\n        this.#scrollFrame = null;\n        this.#startIndex = null;\n        this.#target = null;\n    }\n\n    /**\n     * Schedules the next auto-scroll update.\n     */\n    #scheduleScroll() {\n        if (\n            !this.node ||\n            !this.options.scroll ||\n            !this.#dragging ||\n            this.#scrollFrame !== null\n        ) {\n            return;\n        }\n\n        this.#scrollFrame = window.requestAnimationFrame(() => {\n            this.#checkScroll();\n        });\n    }\n\n    /**\n     * Updates item placement and sorting events for the current pointer position.\n     * @param {number} deltaX The horizontal pointer movement.\n     * @param {number} deltaY The vertical pointer movement.\n     */\n    #updatePlacement(deltaX, deltaY) {\n        let nearestSortable = this.node;\n\n        if (this.options.connectWith) {\n            const connected = $.find(this.options.connectWith)\n                .filter((node) => node !== this.node)\n                .filter((node) => {\n                    const sortable = this.constructor.init(node);\n\n                    return sortable.#enabled &&\n                        (sortable.options.dropOnEmpty || sortable.items().length);\n                });\n\n            if (connected.length) {\n                nearestSortable = $.nearestTo(\n                    [this.node, ...connected],\n                    this.#pos.x,\n                    this.#pos.y,\n                    { offset: true },\n                );\n            }\n        }\n\n        const nearestInstance = this.constructor.init(nearestSortable);\n        const nearestItems = nearestInstance.items()\n            .filter((node) => node !== this.#target);\n        const nearestItem = $.nearestTo(\n            nearestItems,\n            this.#pos.x,\n            this.#pos.y,\n            { offset: true },\n        );\n\n        if (nearestItem) {\n            this.#updateTarget(\n                nearestItem,\n                this.#pos.x,\n                this.#pos.y,\n                deltaX,\n                deltaY,\n            );\n        } else if (nearestSortable !== this.#currentSortable) {\n            $.append(nearestSortable, this.#target);\n        } else {\n            return;\n        }\n\n        const newIndex = nearestInstance.items().indexOf(this.#target);\n\n        if (nearestSortable !== this.#currentSortable) {\n            const previousSortable = this.#currentSortable;\n            const previousInstance = this.constructor.init(previousSortable);\n            const { handle } = previousInstance.options;\n\n            resetCursor(handle ?\n                $.find(handle, this.#target) :\n                [this.#target]);\n\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: previousSortable,\n                to: nearestSortable,\n                oldIndex: this.#currentIndex,\n                newIndex,\n            };\n\n            triggerSortableEvent(previousSortable, 'send', eventData);\n\n            if (!this.node) {\n                return;\n            }\n\n            triggerSortableEvent(nearestSortable, 'receive', eventData);\n        } else if (this.#currentIndex !== newIndex) {\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: nearestSortable,\n                to: nearestSortable,\n                oldIndex: this.#currentIndex,\n                newIndex,\n            };\n\n            triggerSortableEvent(nearestSortable, 'sorting', eventData);\n        }\n\n        if (!this.node) {\n            return;\n        }\n\n        this.#currentIndex = newIndex;\n        this.#currentSortable = nearestSortable;\n    }\n\n    /**\n     * Moves the target relative to the nearest item.\n     * @param {HTMLElement} nearestItem The nearest item.\n     * @param {number} x The mouse X position.\n     * @param {number} y The mouse Y position.\n     * @param {number} deltaX The horizontal pointer movement.\n     * @param {number} deltaY The vertical pointer movement.\n     */\n    #updateTarget(nearestItem, x, y, deltaX, deltaY) {\n        const nearestCenter = $.center(nearestItem, { offset: true });\n        const nearestRect = $.rect(nearestItem, { offset: true });\n        const targetCenter = $.center(this.#target, { offset: true });\n        const threshold = Math.min(1, Math.max(0, this.options.swapThreshold));\n        let thresholdX = 0.5;\n        let thresholdY = 0.5;\n\n        if (deltaX) {\n            thresholdX = deltaX > 0 ?\n                threshold :\n                1 - threshold;\n        }\n\n        if (deltaY) {\n            thresholdY = deltaY > 0 ?\n                threshold :\n                1 - threshold;\n        }\n\n        let method;\n        if (this.options.axis === 'y' || nearestCenter.x === targetCenter.x) {\n            const swapY = nearestRect.top + nearestRect.height * thresholdY;\n            method = y < swapY ?\n                'before' :\n                'after';\n        } else if (this.options.axis === 'x' || nearestCenter.y === targetCenter.y) {\n            const swapX = nearestRect.left + nearestRect.width * thresholdX;\n            method = x < swapX ?\n                'before' :\n                'after';\n        } else {\n            const swapX = nearestRect.left + nearestRect.width * thresholdX;\n            const swapY = nearestRect.top + nearestRect.height * thresholdY;\n            method = x < swapX && y < swapY ?\n                'before' :\n                'after';\n        }\n\n        $[method](nearestItem, this.#target);\n    }\n}\n","import { initComponent } from '@fr0st/ui';\nimport Sortable from './sortable.js';\n\ninitComponent('sortable', Sortable);\n\nexport default Sortable;\n"],"mappings":"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"}
+{"version":3,"file":"frost-ui-sortable.esm.js","names":[],"sources":["../src/helpers.js","../src/sortable.js","../src/index.js"],"sourcesContent":["/** @import { SortableEventData } from './sortable.js'; */\n\nimport $ from '@fr0st/query';\n\nconst cursorLocks = new WeakMap();\n\n/**\n * Resets the cursor style for a collection of elements.\n * @param {Iterable<HTMLElement>} nodes The elements to restore.\n */\nexport function resetCursor(nodes) {\n    for (const node of nodes) {\n        const release = cursorLocks.get(node);\n\n        if (!release) {\n            continue;\n        }\n\n        release();\n        cursorLocks.delete(node);\n    }\n}\n\n/**\n * Sets the cursor style for a collection of elements.\n * @param {Iterable<HTMLElement>} nodes The elements to update.\n * @param {string} cursor The cursor style.\n */\nexport function setCursor(nodes, cursor) {\n    for (const node of nodes) {\n        if (cursorLocks.has(node)) {\n            $.setStyle(node, { cursor });\n        } else {\n            cursorLocks.set(node, $.setStyleLock(node, 'cursor', cursor));\n        }\n    }\n}\n\n/**\n * Triggers a Sortable event with its data and detail payloads.\n * @param {HTMLElement} node The event target.\n * @param {string} name The event name without its namespace.\n * @param {SortableEventData} data The sorting event data.\n */\nexport function triggerSortableEvent(node, name, data) {\n    $.triggerEvent(node, `${name}.ui.sortable`, {\n        data,\n        detail: {\n            target: data.item,\n            ...data,\n        },\n    });\n}\n","import $ from '@fr0st/query';\nimport { BaseComponent, getPosition } from '@fr0st/ui';\nimport { resetCursor, setCursor, triggerSortableEvent } from './helpers.js';\n\nconst document = $.getContext();\nconst window = $.getWindow();\n\n/** @typedef {'x'|'y'} SortableAxis */\n\n/**\n * @typedef {object} SortableOptions\n * @property {SortableAxis|null} [axis=null] The axis used to determine item placement.\n * @property {string} [cancel='input, textarea, button, select, option'] The selector for elements that cannot start a sort.\n * @property {string|null} [connectWith=null] The selector for connected Sortable containers.\n * @property {string} [cursor='auto'] The cursor applied to sortable items or handles.\n * @property {boolean} [disabled=false] Whether sorting is initially disabled.\n * @property {boolean} [dropOnEmpty=true] Whether connected empty containers accept items.\n * @property {string|null} [handle=null] The handle selector within each sortable item.\n * @property {string|null} [helperClass='bg-body-tertiary'] The class applied to an item while it is being sorted.\n * @property {string} [items=':scope > li'] The selector for sortable items.\n * @property {boolean} [scroll=true] Whether to scroll the window while sorting near an edge.\n * @property {number} [scrollSensitivity=20] The distance from a window edge that starts scrolling, in pixels.\n * @property {number} [scrollSpeed=5] The scroll distance applied per animation frame, in pixels.\n * @property {number} [swapThreshold=0.25] The fraction of an item crossed before swapping, from `0` to `1`.\n */\n\n/**\n * @typedef {object} SortableEventData\n * @property {HTMLElement} item The item being sorted.\n * @property {HTMLElement} from The previous or original Sortable container.\n * @property {HTMLElement} to The next or final Sortable container.\n * @property {number} oldIndex The previous or original item index.\n * @property {number} newIndex The next or final item index.\n */\n\n/**\n * Controls a sortable collection of elements.\n * @augments {BaseComponent<SortableOptions>}\n */\nexport default class Sortable extends BaseComponent {\n    /** @type {SortableOptions} */\n    static defaults = {\n        axis: null,\n        cancel: 'input, textarea, button, select, option',\n        connectWith: null,\n        cursor: 'auto',\n        disabled: false,\n        dropOnEmpty: true,\n        handle: null,\n        helperClass: 'bg-body-tertiary',\n        items: ':scope > li',\n        scroll: true,\n        scrollSensitivity: 20,\n        scrollSpeed: 5,\n        swapThreshold: 0.25,\n    };\n\n    #currentIndex;\n    #currentSortable = null;\n    #dragging;\n    #enabled;\n    #initialCursorNodes = [];\n    #pos = null;\n    #scrollFrame = null;\n    #selector;\n    #startIndex;\n    #target = null;\n\n    /**\n     * Creates a Sortable.\n     * @param {HTMLElement} node The sortable container.\n     * @param {SortableOptions} [options] The Sortable options.\n     */\n    constructor(node, options) {\n        super(node, options);\n\n        try {\n            this.#selector = this.options.handle ?\n                `:is(${this.options.items}) :is(${this.options.handle})` :\n                this.options.items;\n\n            this.#dragging = false;\n            this.#enabled = !this.options.disabled;\n\n            this.#initialCursorNodes = $.find(this.#selector, this.node);\n            setCursor(this.#initialCursorNodes, this.options.cursor);\n            this.#events();\n            this.#initialCursorNodes = null;\n        } catch (error) {\n            this.dispose();\n            throw error;\n        }\n    }\n\n    /**\n     * Disables the Sortable.\n     */\n    disable() {\n        this.#enabled = false;\n    }\n\n    /** @inheritdoc */\n    dispose() {\n        if (!this.node) {\n            return;\n        }\n\n        resetCursor(this.#initialCursorNodes ?? $.find(this.#selector, this.node));\n\n        if (this.#target && this.options.helperClass) {\n            $.removeClass(this.#target, this.options.helperClass);\n        }\n\n        this.#resetDrag();\n\n        this.#initialCursorNodes = null;\n\n        super.dispose();\n    }\n\n    /**\n     * Enables the Sortable.\n     */\n    enable() {\n        this.#enabled = true;\n    }\n\n    /**\n     * Gets the Sortable item elements.\n     * @returns {HTMLElement[]} The Sortable item elements.\n     */\n    items() {\n        return $.find(this.options.items, this.node);\n    }\n\n    /**\n     * Checks whether the window should scroll while sorting.\n     */\n    #checkScroll() {\n        this.#scrollFrame = null;\n\n        if (!this.node || !this.#dragging || !this.#target || !this.#pos) {\n            return;\n        }\n\n        const originalX = $.getScrollX(window);\n        const originalY = $.getScrollY(window);\n        const windowHeight = $.height(window);\n        const windowWidth = $.width(window);\n\n        let offsetX = originalX;\n        let offsetY = originalY;\n\n        if (this.#pos.y < originalY + this.options.scrollSensitivity) {\n            offsetY = Math.max(0, originalY - this.options.scrollSpeed);\n        } else if (this.#pos.y > originalY + windowHeight - this.options.scrollSensitivity) {\n            const docHeight = $.height(document, { boxSize: $.SCROLL_BOX });\n            const maxY = Math.max(0, docHeight - windowHeight);\n            offsetY = Math.min(maxY, originalY + this.options.scrollSpeed);\n        }\n\n        if (this.#pos.x < originalX + this.options.scrollSensitivity) {\n            offsetX = Math.max(0, originalX - this.options.scrollSpeed);\n        } else if (this.#pos.x > originalX + windowWidth - this.options.scrollSensitivity) {\n            const docWidth = $.width(document, { boxSize: $.SCROLL_BOX });\n            const maxX = Math.max(0, docWidth - windowWidth);\n            offsetX = Math.min(maxX, originalX + this.options.scrollSpeed);\n        }\n\n        if (offsetX === originalX && offsetY === originalY) {\n            return;\n        }\n\n        window.scrollTo({\n            left: offsetX,\n            top: offsetY,\n            behavior: 'instant',\n        });\n\n        const deltaX = offsetX - originalX;\n        const deltaY = offsetY - originalY;\n\n        this.#pos.x += deltaX;\n        this.#pos.y += deltaY;\n\n        this.#updatePlacement(deltaX, deltaY);\n        this.#scheduleScroll();\n    }\n\n    /**\n     * Attaches events for the Sortable.\n     */\n    #events() {\n        const downHandler = (event) => {\n            const cancelled = this.options.cancel &&\n                (\n                    $.is(event.target, this.options.cancel) ||\n                    $.is(event.currentTarget, this.options.cancel) ||\n                    $.closest(event.target, this.options.cancel, this.node).length\n                );\n\n            if (\n                event.button ||\n                !this.#enabled ||\n                cancelled ||\n                $.getDataset(this.node, 'uiDragging')\n            ) {\n                return false;\n            }\n\n            this.#target = this.options.handle ?\n                this.items().find((node) => $.hasDescendent(node, event.currentTarget)) :\n                event.currentTarget;\n\n            if (!this.#target) {\n                return false;\n            }\n        };\n\n        const moveHandler = (event) => {\n            if (!this.node || !this.#target) {\n                return;\n            }\n\n            const previousPos = this.#pos;\n            this.#pos = getPosition(event);\n            const deltaX = previousPos ?\n                this.#pos.x - previousPos.x :\n                0;\n            const deltaY = previousPos ?\n                this.#pos.y - previousPos.y :\n                0;\n\n            if (!this.#dragging) {\n                this.#dragging = true;\n                this.#currentSortable = this.node;\n                this.#startIndex = this.items().indexOf(this.#target);\n                this.#currentIndex = this.#startIndex;\n\n                $.setDataset(this.node, { uiDragging: true });\n\n                /** @type {SortableEventData} */\n                const eventData = {\n                    item: this.#target,\n                    from: this.node,\n                    to: this.node,\n                    oldIndex: this.#startIndex,\n                    newIndex: this.#startIndex,\n                };\n\n                triggerSortableEvent(this.node, 'sort', eventData);\n\n                if (!this.node) {\n                    return;\n                }\n\n                if (this.options.helperClass) {\n                    $.addClass(this.#target, this.options.helperClass);\n                }\n            }\n\n            this.#updatePlacement(deltaX, deltaY);\n            this.#scheduleScroll();\n        };\n\n        const upHandler = (event) => {\n            if (!this.node) {\n                return;\n            }\n\n            if (!this.#dragging) {\n                this.#target = null;\n                return;\n            }\n\n            if (event.type === 'mouseup') {\n                event.preventDefault();\n            }\n\n            const source = this.node;\n            const destination = this.#currentSortable;\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: source,\n                to: destination,\n                oldIndex: this.#startIndex,\n                newIndex: this.#currentIndex,\n            };\n\n            triggerSortableEvent(destination, 'sorted', eventData);\n\n            if (!this.node) {\n                return;\n            }\n\n            if (this.options.helperClass) {\n                $.removeClass(this.#target, this.options.helperClass);\n            }\n\n            if (source !== destination) {\n                triggerSortableEvent(source, 'update', eventData);\n\n                if (this.node) {\n                    triggerSortableEvent(destination, 'update', eventData);\n                }\n            } else if (this.#currentIndex !== this.#startIndex) {\n                triggerSortableEvent(destination, 'update', eventData);\n            }\n\n            if (this.node) {\n                this.#resetDrag();\n            }\n        };\n\n        const dragHandler = $.mouseDragFactory(downHandler, moveHandler, upHandler);\n\n        this.listen(\n            this.node,\n            'mousedown.ui.sortable touchstart.ui.sortable',\n            dragHandler,\n            { delegate: this.#selector },\n        );\n\n        this.listen(this.node, 'receive.ui.sortable', () => {\n            setCursor($.find(this.#selector, this.node), this.options.cursor);\n        });\n    }\n\n    /**\n     * Resets the active drag state.\n     */\n    #resetDrag() {\n        if (this.#scrollFrame !== null) {\n            window.cancelAnimationFrame(this.#scrollFrame);\n        }\n\n        if (this.#dragging && this.node) {\n            $.removeDataset(this.node, 'uiDragging');\n        }\n\n        this.#currentIndex = null;\n        this.#currentSortable = null;\n        this.#dragging = false;\n        this.#pos = null;\n        this.#scrollFrame = null;\n        this.#startIndex = null;\n        this.#target = null;\n    }\n\n    /**\n     * Schedules the next auto-scroll update.\n     */\n    #scheduleScroll() {\n        if (\n            !this.node ||\n            !this.options.scroll ||\n            !this.#dragging ||\n            this.#scrollFrame !== null\n        ) {\n            return;\n        }\n\n        this.#scrollFrame = window.requestAnimationFrame(() => {\n            this.#checkScroll();\n        });\n    }\n\n    /**\n     * Updates item placement and sorting events for the current pointer position.\n     * @param {number} deltaX The horizontal pointer movement.\n     * @param {number} deltaY The vertical pointer movement.\n     */\n    #updatePlacement(deltaX, deltaY) {\n        let nearestSortable = this.node;\n\n        if (this.options.connectWith) {\n            const connected = $.find(this.options.connectWith)\n                .filter((node) => node !== this.node)\n                .filter((node) => {\n                    const sortable = this.constructor.init(node);\n\n                    return sortable.#enabled &&\n                        (sortable.options.dropOnEmpty || sortable.items().length);\n                });\n\n            if (connected.length) {\n                nearestSortable = $.nearestTo(\n                    [this.node, ...connected],\n                    this.#pos.x,\n                    this.#pos.y,\n                    { offset: true },\n                );\n            }\n        }\n\n        const nearestInstance = this.constructor.init(nearestSortable);\n        const nearestItems = nearestInstance.items()\n            .filter((node) => node !== this.#target);\n        const nearestItem = $.nearestTo(\n            nearestItems,\n            this.#pos.x,\n            this.#pos.y,\n            { offset: true },\n        );\n\n        if (nearestItem) {\n            this.#updateTarget(\n                nearestItem,\n                this.#pos.x,\n                this.#pos.y,\n                deltaX,\n                deltaY,\n            );\n        } else if (nearestSortable !== this.#currentSortable) {\n            $.append(nearestSortable, this.#target);\n        } else {\n            return;\n        }\n\n        const newIndex = nearestInstance.items().indexOf(this.#target);\n\n        if (nearestSortable !== this.#currentSortable) {\n            const previousSortable = this.#currentSortable;\n            const previousInstance = this.constructor.init(previousSortable);\n            const { handle } = previousInstance.options;\n\n            resetCursor(handle ?\n                $.find(handle, this.#target) :\n                [this.#target]);\n\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: previousSortable,\n                to: nearestSortable,\n                oldIndex: this.#currentIndex,\n                newIndex,\n            };\n\n            triggerSortableEvent(previousSortable, 'send', eventData);\n\n            if (!this.node) {\n                return;\n            }\n\n            triggerSortableEvent(nearestSortable, 'receive', eventData);\n        } else if (this.#currentIndex !== newIndex) {\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: nearestSortable,\n                to: nearestSortable,\n                oldIndex: this.#currentIndex,\n                newIndex,\n            };\n\n            triggerSortableEvent(nearestSortable, 'sorting', eventData);\n        }\n\n        if (!this.node) {\n            return;\n        }\n\n        this.#currentIndex = newIndex;\n        this.#currentSortable = nearestSortable;\n    }\n\n    /**\n     * Moves the target relative to the nearest item.\n     * @param {HTMLElement} nearestItem The nearest item.\n     * @param {number} x The mouse X position.\n     * @param {number} y The mouse Y position.\n     * @param {number} deltaX The horizontal pointer movement.\n     * @param {number} deltaY The vertical pointer movement.\n     */\n    #updateTarget(nearestItem, x, y, deltaX, deltaY) {\n        const nearestCenter = $.center(nearestItem, { offset: true });\n        const nearestRect = $.rect(nearestItem, { offset: true });\n        const targetCenter = $.center(this.#target, { offset: true });\n        const threshold = Math.min(1, Math.max(0, this.options.swapThreshold));\n        let thresholdX = 0.5;\n        let thresholdY = 0.5;\n\n        if (deltaX) {\n            thresholdX = deltaX > 0 ?\n                threshold :\n                1 - threshold;\n        }\n\n        if (deltaY) {\n            thresholdY = deltaY > 0 ?\n                threshold :\n                1 - threshold;\n        }\n\n        let method;\n        if (this.options.axis === 'y' || nearestCenter.x === targetCenter.x) {\n            const swapY = nearestRect.top + nearestRect.height * thresholdY;\n            method = y < swapY ?\n                'before' :\n                'after';\n        } else if (this.options.axis === 'x' || nearestCenter.y === targetCenter.y) {\n            const swapX = nearestRect.left + nearestRect.width * thresholdX;\n            method = x < swapX ?\n                'before' :\n                'after';\n        } else {\n            const swapX = nearestRect.left + nearestRect.width * thresholdX;\n            const swapY = nearestRect.top + nearestRect.height * thresholdY;\n            method = x < swapX && y < swapY ?\n                'before' :\n                'after';\n        }\n\n        $[method](nearestItem, this.#target);\n    }\n}\n","import { initComponent } from '@fr0st/ui';\nimport Sortable from './sortable.js';\n\ninitComponent('sortable', Sortable);\n\nexport default Sortable;\n"],"mappings":"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"}

package/dist/frost-ui-sortable.js

@@ -4,7 +4,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.UI = global.UI || {}), global.UI,global.fQuery));
 })(this, function(exports, _fr0st_ui, _fr0st_query) {
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 	var __create = Object.create;
 	var __defProp = Object.defineProperty;
 	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -30,10 +30,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		enumerable: true
 	}) : target, mod));
 
-//#endregion
 _fr0st_query = __toESM(_fr0st_query, 1);
 
-//#region src/helpers.js
+// src/helpers.js
 /** @import { SortableEventData } from './sortable.js'; */
 	var cursorLocks = /* @__PURE__ */ new WeakMap();
 	/**
@@ -73,8 +72,7 @@ _fr0st_query = __toESM(_fr0st_query, 1);
 		});
 	}
 
-//#endregion
-//#region src/sortable.js
+// src/sortable.js
 	var document = _fr0st_query.default.getContext();
 	var window = _fr0st_query.default.getWindow();
 	/** @typedef {'x'|'y'} SortableAxis */
@@ -390,12 +388,10 @@ _fr0st_query = __toESM(_fr0st_query, 1);
 		}
 	};
 
-//#endregion
-//#region src/index.js
+// src/index.js
 	(0, _fr0st_ui.initComponent)("sortable", Sortable);
 	var src_default = Sortable;
 
-//#endregion
 exports.Sortable = src_default;
 });
 //# sourceMappingURL=frost-ui-sortable.js.map

package/dist/frost-ui-sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"frost-ui-sortable.js","names":["$","$","BaseComponent","getPosition"],"sources":["../src/helpers.js","../src/sortable.js","../src/index.js"],"sourcesContent":["/** @import { SortableEventData } from './sortable.js'; */\n\nimport $ from '@fr0st/query';\n\nconst cursorLocks = new WeakMap();\n\n/**\n * Resets the cursor style for a collection of elements.\n * @param {Iterable<HTMLElement>} nodes The elements to restore.\n */\nexport function resetCursor(nodes) {\n    for (const node of nodes) {\n        const release = cursorLocks.get(node);\n\n        if (!release) {\n            continue;\n        }\n\n        release();\n        cursorLocks.delete(node);\n    }\n}\n\n/**\n * Sets the cursor style for a collection of elements.\n * @param {Iterable<HTMLElement>} nodes The elements to update.\n * @param {string} cursor The cursor style.\n */\nexport function setCursor(nodes, cursor) {\n    for (const node of nodes) {\n        if (cursorLocks.has(node)) {\n            $.setStyle(node, { cursor });\n        } else {\n            cursorLocks.set(node, $.setStyleLock(node, 'cursor', cursor));\n        }\n    }\n}\n\n/**\n * Triggers a Sortable event with its data and detail payloads.\n * @param {HTMLElement} node The event target.\n * @param {string} name The event name without its namespace.\n * @param {SortableEventData} data The sorting event data.\n */\nexport function triggerSortableEvent(node, name, data) {\n    $.triggerEvent(node, `${name}.ui.sortable`, {\n        data,\n        detail: {\n            target: data.item,\n            ...data,\n        },\n    });\n}\n","import $ from '@fr0st/query';\nimport { BaseComponent, getPosition } from '@fr0st/ui';\nimport { resetCursor, setCursor, triggerSortableEvent } from './helpers.js';\n\nconst document = $.getContext();\nconst window = $.getWindow();\n\n/** @typedef {'x'|'y'} SortableAxis */\n\n/**\n * @typedef {object} SortableOptions\n * @property {SortableAxis|null} [axis=null] The axis used to determine item placement.\n * @property {string} [cancel='input, textarea, button, select, option'] The selector for elements that cannot start a sort.\n * @property {string|null} [connectWith=null] The selector for connected Sortable containers.\n * @property {string} [cursor='auto'] The cursor applied to sortable items or handles.\n * @property {boolean} [disabled=false] Whether sorting is initially disabled.\n * @property {boolean} [dropOnEmpty=true] Whether connected empty containers accept items.\n * @property {string|null} [handle=null] The handle selector within each sortable item.\n * @property {string|null} [helperClass='bg-body-tertiary'] The class applied to an item while it is being sorted.\n * @property {string} [items=':scope > li'] The selector for sortable items.\n * @property {boolean} [scroll=true] Whether to scroll the window while sorting near an edge.\n * @property {number} [scrollSensitivity=20] The distance from a window edge that starts scrolling, in pixels.\n * @property {number} [scrollSpeed=5] The scroll distance applied per animation frame, in pixels.\n * @property {number} [swapThreshold=0.25] The fraction of an item crossed before swapping, from `0` to `1`.\n */\n\n/**\n * @typedef {object} SortableEventData\n * @property {HTMLElement} item The item being sorted.\n * @property {HTMLElement} from The previous or original Sortable container.\n * @property {HTMLElement} to The next or final Sortable container.\n * @property {number} oldIndex The previous or original item index.\n * @property {number} newIndex The next or final item index.\n */\n\n/**\n * Controls a sortable collection of elements.\n * @augments {BaseComponent<SortableOptions>}\n */\nexport default class Sortable extends BaseComponent {\n    /** @type {SortableOptions} */\n    static defaults = {\n        axis: null,\n        cancel: 'input, textarea, button, select, option',\n        connectWith: null,\n        cursor: 'auto',\n        disabled: false,\n        dropOnEmpty: true,\n        handle: null,\n        helperClass: 'bg-body-tertiary',\n        items: ':scope > li',\n        scroll: true,\n        scrollSensitivity: 20,\n        scrollSpeed: 5,\n        swapThreshold: 0.25,\n    };\n\n    #currentIndex;\n    #currentSortable = null;\n    #dragging;\n    #enabled;\n    #initialCursorNodes = [];\n    #pos = null;\n    #scrollFrame = null;\n    #selector;\n    #startIndex;\n    #target = null;\n\n    /**\n     * Creates a Sortable.\n     * @param {HTMLElement} node The sortable container.\n     * @param {SortableOptions} [options] The Sortable options.\n     */\n    constructor(node, options) {\n        super(node, options);\n\n        try {\n            this.#selector = this.options.handle ?\n                `:is(${this.options.items}) :is(${this.options.handle})` :\n                this.options.items;\n\n            this.#dragging = false;\n            this.#enabled = !this.options.disabled;\n\n            this.#initialCursorNodes = $.find(this.#selector, this.node);\n            setCursor(this.#initialCursorNodes, this.options.cursor);\n            this.#events();\n            this.#initialCursorNodes = null;\n        } catch (error) {\n            this.dispose();\n            throw error;\n        }\n    }\n\n    /**\n     * Disables the Sortable.\n     */\n    disable() {\n        this.#enabled = false;\n    }\n\n    /** @inheritdoc */\n    dispose() {\n        if (!this.node) {\n            return;\n        }\n\n        resetCursor(this.#initialCursorNodes ?? $.find(this.#selector, this.node));\n\n        if (this.#target && this.options.helperClass) {\n            $.removeClass(this.#target, this.options.helperClass);\n        }\n\n        this.#resetDrag();\n\n        this.#initialCursorNodes = null;\n\n        super.dispose();\n    }\n\n    /**\n     * Enables the Sortable.\n     */\n    enable() {\n        this.#enabled = true;\n    }\n\n    /**\n     * Gets the Sortable item elements.\n     * @returns {HTMLElement[]} The Sortable item elements.\n     */\n    items() {\n        return $.find(this.options.items, this.node);\n    }\n\n    /**\n     * Checks whether the window should scroll while sorting.\n     */\n    #checkScroll() {\n        this.#scrollFrame = null;\n\n        if (!this.node || !this.#dragging || !this.#target || !this.#pos) {\n            return;\n        }\n\n        const originalX = $.getScrollX(window);\n        const originalY = $.getScrollY(window);\n        const windowHeight = $.height(window);\n        const windowWidth = $.width(window);\n\n        let offsetX = originalX;\n        let offsetY = originalY;\n\n        if (this.#pos.y < originalY + this.options.scrollSensitivity) {\n            offsetY = Math.max(0, originalY - this.options.scrollSpeed);\n        } else if (this.#pos.y > originalY + windowHeight - this.options.scrollSensitivity) {\n            const docHeight = $.height(document, { boxSize: $.SCROLL_BOX });\n            const maxY = Math.max(0, docHeight - windowHeight);\n            offsetY = Math.min(maxY, originalY + this.options.scrollSpeed);\n        }\n\n        if (this.#pos.x < originalX + this.options.scrollSensitivity) {\n            offsetX = Math.max(0, originalX - this.options.scrollSpeed);\n        } else if (this.#pos.x > originalX + windowWidth - this.options.scrollSensitivity) {\n            const docWidth = $.width(document, { boxSize: $.SCROLL_BOX });\n            const maxX = Math.max(0, docWidth - windowWidth);\n            offsetX = Math.min(maxX, originalX + this.options.scrollSpeed);\n        }\n\n        if (offsetX === originalX && offsetY === originalY) {\n            return;\n        }\n\n        window.scrollTo({\n            left: offsetX,\n            top: offsetY,\n            behavior: 'instant',\n        });\n\n        const deltaX = offsetX - originalX;\n        const deltaY = offsetY - originalY;\n\n        this.#pos.x += deltaX;\n        this.#pos.y += deltaY;\n\n        this.#updatePlacement(deltaX, deltaY);\n        this.#scheduleScroll();\n    }\n\n    /**\n     * Attaches events for the Sortable.\n     */\n    #events() {\n        const downHandler = (event) => {\n            const cancelled = this.options.cancel &&\n                (\n                    $.is(event.target, this.options.cancel) ||\n                    $.is(event.currentTarget, this.options.cancel) ||\n                    $.closest(event.target, this.options.cancel, this.node).length\n                );\n\n            if (\n                event.button ||\n                !this.#enabled ||\n                cancelled ||\n                $.getDataset(this.node, 'uiDragging')\n            ) {\n                return false;\n            }\n\n            this.#target = this.options.handle ?\n                this.items().find((node) => $.hasDescendent(node, event.currentTarget)) :\n                event.currentTarget;\n\n            if (!this.#target) {\n                return false;\n            }\n        };\n\n        const moveHandler = (event) => {\n            if (!this.node || !this.#target) {\n                return;\n            }\n\n            const previousPos = this.#pos;\n            this.#pos = getPosition(event);\n            const deltaX = previousPos ?\n                this.#pos.x - previousPos.x :\n                0;\n            const deltaY = previousPos ?\n                this.#pos.y - previousPos.y :\n                0;\n\n            if (!this.#dragging) {\n                this.#dragging = true;\n                this.#currentSortable = this.node;\n                this.#startIndex = this.items().indexOf(this.#target);\n                this.#currentIndex = this.#startIndex;\n\n                $.setDataset(this.node, { uiDragging: true });\n\n                /** @type {SortableEventData} */\n                const eventData = {\n                    item: this.#target,\n                    from: this.node,\n                    to: this.node,\n                    oldIndex: this.#startIndex,\n                    newIndex: this.#startIndex,\n                };\n\n                triggerSortableEvent(this.node, 'sort', eventData);\n\n                if (!this.node) {\n                    return;\n                }\n\n                if (this.options.helperClass) {\n                    $.addClass(this.#target, this.options.helperClass);\n                }\n            }\n\n            this.#updatePlacement(deltaX, deltaY);\n            this.#scheduleScroll();\n        };\n\n        const upHandler = (event) => {\n            if (!this.node) {\n                return;\n            }\n\n            if (!this.#dragging) {\n                this.#target = null;\n                return;\n            }\n\n            if (event.type === 'mouseup') {\n                event.preventDefault();\n            }\n\n            const source = this.node;\n            const destination = this.#currentSortable;\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: source,\n                to: destination,\n                oldIndex: this.#startIndex,\n                newIndex: this.#currentIndex,\n            };\n\n            triggerSortableEvent(destination, 'sorted', eventData);\n\n            if (!this.node) {\n                return;\n            }\n\n            if (this.options.helperClass) {\n                $.removeClass(this.#target, this.options.helperClass);\n            }\n\n            if (source !== destination) {\n                triggerSortableEvent(source, 'update', eventData);\n\n                if (this.node) {\n                    triggerSortableEvent(destination, 'update', eventData);\n                }\n            } else if (this.#currentIndex !== this.#startIndex) {\n                triggerSortableEvent(destination, 'update', eventData);\n            }\n\n            if (this.node) {\n                this.#resetDrag();\n            }\n        };\n\n        const dragHandler = $.mouseDragFactory(downHandler, moveHandler, upHandler);\n\n        this.listen(\n            this.node,\n            'mousedown.ui.sortable touchstart.ui.sortable',\n            dragHandler,\n            { delegate: this.#selector },\n        );\n\n        this.listen(this.node, 'receive.ui.sortable', () => {\n            setCursor($.find(this.#selector, this.node), this.options.cursor);\n        });\n    }\n\n    /**\n     * Resets the active drag state.\n     */\n    #resetDrag() {\n        if (this.#scrollFrame !== null) {\n            window.cancelAnimationFrame(this.#scrollFrame);\n        }\n\n        if (this.#dragging && this.node) {\n            $.removeDataset(this.node, 'uiDragging');\n        }\n\n        this.#currentIndex = null;\n        this.#currentSortable = null;\n        this.#dragging = false;\n        this.#pos = null;\n        this.#scrollFrame = null;\n        this.#startIndex = null;\n        this.#target = null;\n    }\n\n    /**\n     * Schedules the next auto-scroll update.\n     */\n    #scheduleScroll() {\n        if (\n            !this.node ||\n            !this.options.scroll ||\n            !this.#dragging ||\n            this.#scrollFrame !== null\n        ) {\n            return;\n        }\n\n        this.#scrollFrame = window.requestAnimationFrame(() => {\n            this.#checkScroll();\n        });\n    }\n\n    /**\n     * Updates item placement and sorting events for the current pointer position.\n     * @param {number} deltaX The horizontal pointer movement.\n     * @param {number} deltaY The vertical pointer movement.\n     */\n    #updatePlacement(deltaX, deltaY) {\n        let nearestSortable = this.node;\n\n        if (this.options.connectWith) {\n            const connected = $.find(this.options.connectWith)\n                .filter((node) => node !== this.node)\n                .filter((node) => {\n                    const sortable = this.constructor.init(node);\n\n                    return sortable.#enabled &&\n                        (sortable.options.dropOnEmpty || sortable.items().length);\n                });\n\n            if (connected.length) {\n                nearestSortable = $.nearestTo(\n                    [this.node, ...connected],\n                    this.#pos.x,\n                    this.#pos.y,\n                    { offset: true },\n                );\n            }\n        }\n\n        const nearestInstance = this.constructor.init(nearestSortable);\n        const nearestItems = nearestInstance.items()\n            .filter((node) => node !== this.#target);\n        const nearestItem = $.nearestTo(\n            nearestItems,\n            this.#pos.x,\n            this.#pos.y,\n            { offset: true },\n        );\n\n        if (nearestItem) {\n            this.#updateTarget(\n                nearestItem,\n                this.#pos.x,\n                this.#pos.y,\n                deltaX,\n                deltaY,\n            );\n        } else if (nearestSortable !== this.#currentSortable) {\n            $.append(nearestSortable, this.#target);\n        } else {\n            return;\n        }\n\n        const newIndex = nearestInstance.items().indexOf(this.#target);\n\n        if (nearestSortable !== this.#currentSortable) {\n            const previousSortable = this.#currentSortable;\n            const previousInstance = this.constructor.init(previousSortable);\n            const { handle } = previousInstance.options;\n\n            resetCursor(handle ?\n                $.find(handle, this.#target) :\n                [this.#target]);\n\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: previousSortable,\n                to: nearestSortable,\n                oldIndex: this.#currentIndex,\n                newIndex,\n            };\n\n            triggerSortableEvent(previousSortable, 'send', eventData);\n\n            if (!this.node) {\n                return;\n            }\n\n            triggerSortableEvent(nearestSortable, 'receive', eventData);\n        } else if (this.#currentIndex !== newIndex) {\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: nearestSortable,\n                to: nearestSortable,\n                oldIndex: this.#currentIndex,\n                newIndex,\n            };\n\n            triggerSortableEvent(nearestSortable, 'sorting', eventData);\n        }\n\n        if (!this.node) {\n            return;\n        }\n\n        this.#currentIndex = newIndex;\n        this.#currentSortable = nearestSortable;\n    }\n\n    /**\n     * Moves the target relative to the nearest item.\n     * @param {HTMLElement} nearestItem The nearest item.\n     * @param {number} x The mouse X position.\n     * @param {number} y The mouse Y position.\n     * @param {number} deltaX The horizontal pointer movement.\n     * @param {number} deltaY The vertical pointer movement.\n     */\n    #updateTarget(nearestItem, x, y, deltaX, deltaY) {\n        const nearestCenter = $.center(nearestItem, { offset: true });\n        const nearestRect = $.rect(nearestItem, { offset: true });\n        const targetCenter = $.center(this.#target, { offset: true });\n        const threshold = Math.min(1, Math.max(0, this.options.swapThreshold));\n        let thresholdX = 0.5;\n        let thresholdY = 0.5;\n\n        if (deltaX) {\n            thresholdX = deltaX > 0 ?\n                threshold :\n                1 - threshold;\n        }\n\n        if (deltaY) {\n            thresholdY = deltaY > 0 ?\n                threshold :\n                1 - threshold;\n        }\n\n        let method;\n        if (this.options.axis === 'y' || nearestCenter.x === targetCenter.x) {\n            const swapY = nearestRect.top + nearestRect.height * thresholdY;\n            method = y < swapY ?\n                'before' :\n                'after';\n        } else if (this.options.axis === 'x' || nearestCenter.y === targetCenter.y) {\n            const swapX = nearestRect.left + nearestRect.width * thresholdX;\n            method = x < swapX ?\n                'before' :\n                'after';\n        } else {\n            const swapX = nearestRect.left + nearestRect.width * thresholdX;\n            const swapY = nearestRect.top + nearestRect.height * thresholdY;\n            method = x < swapX && y < swapY ?\n                'before' :\n                'after';\n        }\n\n        $[method](nearestItem, this.#target);\n    }\n}\n","import { initComponent } from '@fr0st/ui';\nimport Sortable from './sortable.js';\n\ninitComponent('sortable', Sortable);\n\nexport default Sortable;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIA,IAAM,8BAAc,IAAI,QAAQ;;;;;CAMhC,SAAgB,YAAY,OAAO;EAC/B,KAAK,MAAM,QAAQ,OAAO;GACtB,MAAM,UAAU,YAAY,IAAI,IAAI;GAEpC,IAAI,CAAC,SACD;GAGJ,QAAQ;GACR,YAAY,OAAO,IAAI;EAC3B;CACJ;;;;;;CAOA,SAAgB,UAAU,OAAO,QAAQ;EACrC,KAAK,MAAM,QAAQ,OACf,IAAI,YAAY,IAAI,IAAI,GACpB,qBAAE,SAAS,MAAM,EAAE,OAAO,CAAC;OAE3B,YAAY,IAAI,MAAMA,qBAAE,aAAa,MAAM,UAAU,MAAM,CAAC;CAGxE;;;;;;;CAQA,SAAgB,qBAAqB,MAAM,MAAM,MAAM;EACnD,qBAAE,aAAa,MAAM,GAAG,KAAK,eAAe;GACxC;GACA,QAAQ;IACJ,QAAQ,KAAK;IACb,GAAG;GACP;EACJ,CAAC;CACL;;;;CChDA,IAAM,WAAWC,qBAAE,WAAW;CAC9B,IAAM,SAASA,qBAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC3B,IAAqB,WAArB,cAAsCC,wBAAc;;EAEhD,OAAO,WAAW;GACd,MAAM;GACN,QAAQ;GACR,aAAa;GACb,QAAQ;GACR,UAAU;GACV,aAAa;GACb,QAAQ;GACR,aAAa;GACb,OAAO;GACP,QAAQ;GACR,mBAAmB;GACnB,aAAa;GACb,eAAe;EACnB;EAEA;EACA,mBAAmB;EACnB;EACA;EACA,sBAAsB,CAAC;EACvB,OAAO;EACP,eAAe;EACf;EACA;EACA,UAAU;;;;;;EAOV,YAAY,MAAM,SAAS;GACvB,MAAM,MAAM,OAAO;GAEnB,IAAI;IACA,KAAK,YAAY,KAAK,QAAQ,SAC1B,OAAO,KAAK,QAAQ,MAAM,QAAQ,KAAK,QAAQ,OAAO,KACtD,KAAK,QAAQ;IAEjB,KAAK,YAAY;IACjB,KAAK,WAAW,CAAC,KAAK,QAAQ;IAE9B,KAAK,sBAAsBD,qBAAE,KAAK,KAAK,WAAW,KAAK,IAAI;IAC3D,UAAU,KAAK,qBAAqB,KAAK,QAAQ,MAAM;IACvD,KAAK,QAAQ;IACb,KAAK,sBAAsB;GAC/B,SAAS,OAAO;IACZ,KAAK,QAAQ;IACb,MAAM;GACV;EACJ;;;;EAKA,UAAU;GACN,KAAK,WAAW;EACpB;;EAGA,UAAU;GACN,IAAI,CAAC,KAAK,MACN;GAGJ,YAAY,KAAK,uBAAuBA,qBAAE,KAAK,KAAK,WAAW,KAAK,IAAI,CAAC;GAEzE,IAAI,KAAK,WAAW,KAAK,QAAQ,aAC7B,qBAAE,YAAY,KAAK,SAAS,KAAK,QAAQ,WAAW;GAGxD,KAAK,WAAW;GAEhB,KAAK,sBAAsB;GAE3B,MAAM,QAAQ;EAClB;;;;EAKA,SAAS;GACL,KAAK,WAAW;EACpB;;;;;EAMA,QAAQ;GACJ,OAAOA,qBAAE,KAAK,KAAK,QAAQ,OAAO,KAAK,IAAI;EAC/C;;;;EAKA,eAAe;GACX,KAAK,eAAe;GAEpB,IAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,aAAa,CAAC,KAAK,WAAW,CAAC,KAAK,MACxD;GAGJ,MAAM,YAAYA,qBAAE,WAAW,MAAM;GACrC,MAAM,YAAYA,qBAAE,WAAW,MAAM;GACrC,MAAM,eAAeA,qBAAE,OAAO,MAAM;GACpC,MAAM,cAAcA,qBAAE,MAAM,MAAM;GAElC,IAAI,UAAU;GACd,IAAI,UAAU;GAEd,IAAI,KAAK,KAAK,IAAI,YAAY,KAAK,QAAQ,mBACvC,UAAU,KAAK,IAAI,GAAG,YAAY,KAAK,QAAQ,WAAW;QACvD,IAAI,KAAK,KAAK,IAAI,YAAY,eAAe,KAAK,QAAQ,mBAAmB;IAChF,MAAM,YAAYA,qBAAE,OAAO,UAAU,EAAE,SAASA,qBAAE,WAAW,CAAC;IAC9D,MAAM,OAAO,KAAK,IAAI,GAAG,YAAY,YAAY;IACjD,UAAU,KAAK,IAAI,MAAM,YAAY,KAAK,QAAQ,WAAW;GACjE;GAEA,IAAI,KAAK,KAAK,IAAI,YAAY,KAAK,QAAQ,mBACvC,UAAU,KAAK,IAAI,GAAG,YAAY,KAAK,QAAQ,WAAW;QACvD,IAAI,KAAK,KAAK,IAAI,YAAY,cAAc,KAAK,QAAQ,mBAAmB;IAC/E,MAAM,WAAWA,qBAAE,MAAM,UAAU,EAAE,SAASA,qBAAE,WAAW,CAAC;IAC5D,MAAM,OAAO,KAAK,IAAI,GAAG,WAAW,WAAW;IAC/C,UAAU,KAAK,IAAI,MAAM,YAAY,KAAK,QAAQ,WAAW;GACjE;GAEA,IAAI,YAAY,aAAa,YAAY,WACrC;GAGJ,OAAO,SAAS;IACZ,MAAM;IACN,KAAK;IACL,UAAU;GACd,CAAC;GAED,MAAM,SAAS,UAAU;GACzB,MAAM,SAAS,UAAU;GAEzB,KAAK,KAAK,KAAK;GACf,KAAK,KAAK,KAAK;GAEf,KAAK,iBAAiB,QAAQ,MAAM;GACpC,KAAK,gBAAgB;EACzB;;;;EAKA,UAAU;GACN,MAAM,eAAe,UAAU;IAC3B,MAAM,YAAY,KAAK,QAAQ,WAEvBA,qBAAE,GAAG,MAAM,QAAQ,KAAK,QAAQ,MAAM,KACtCA,qBAAE,GAAG,MAAM,eAAe,KAAK,QAAQ,MAAM,KAC7CA,qBAAE,QAAQ,MAAM,QAAQ,KAAK,QAAQ,QAAQ,KAAK,IAAI,CAAC,CAAC;IAGhE,IACI,MAAM,UACN,CAAC,KAAK,YACN,aACAA,qBAAE,WAAW,KAAK,MAAM,YAAY,GAEpC,OAAO;IAGX,KAAK,UAAU,KAAK,QAAQ,SACxB,KAAK,MAAM,CAAC,CAAC,MAAM,SAASA,qBAAE,cAAc,MAAM,MAAM,aAAa,CAAC,IACtE,MAAM;IAEV,IAAI,CAAC,KAAK,SACN,OAAO;GAEf;GAEA,MAAM,eAAe,UAAU;IAC3B,IAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,SACpB;IAGJ,MAAM,cAAc,KAAK;IACzB,KAAK,WAAOE,uBAAY,KAAK;IAC7B,MAAM,SAAS,cACX,KAAK,KAAK,IAAI,YAAY,IAC1B;IACJ,MAAM,SAAS,cACX,KAAK,KAAK,IAAI,YAAY,IAC1B;IAEJ,IAAI,CAAC,KAAK,WAAW;KACjB,KAAK,YAAY;KACjB,KAAK,mBAAmB,KAAK;KAC7B,KAAK,cAAc,KAAK,MAAM,CAAC,CAAC,QAAQ,KAAK,OAAO;KACpD,KAAK,gBAAgB,KAAK;KAE1B,qBAAE,WAAW,KAAK,MAAM,EAAE,YAAY,KAAK,CAAC;;KAG5C,MAAM,YAAY;MACd,MAAM,KAAK;MACX,MAAM,KAAK;MACX,IAAI,KAAK;MACT,UAAU,KAAK;MACf,UAAU,KAAK;KACnB;KAEA,qBAAqB,KAAK,MAAM,QAAQ,SAAS;KAEjD,IAAI,CAAC,KAAK,MACN;KAGJ,IAAI,KAAK,QAAQ,aACb,qBAAE,SAAS,KAAK,SAAS,KAAK,QAAQ,WAAW;IAEzD;IAEA,KAAK,iBAAiB,QAAQ,MAAM;IACpC,KAAK,gBAAgB;GACzB;GAEA,MAAM,aAAa,UAAU;IACzB,IAAI,CAAC,KAAK,MACN;IAGJ,IAAI,CAAC,KAAK,WAAW;KACjB,KAAK,UAAU;KACf;IACJ;IAEA,IAAI,MAAM,SAAS,WACf,MAAM,eAAe;IAGzB,MAAM,SAAS,KAAK;IACpB,MAAM,cAAc,KAAK;;IAEzB,MAAM,YAAY;KACd,MAAM,KAAK;KACX,MAAM;KACN,IAAI;KACJ,UAAU,KAAK;KACf,UAAU,KAAK;IACnB;IAEA,qBAAqB,aAAa,UAAU,SAAS;IAErD,IAAI,CAAC,KAAK,MACN;IAGJ,IAAI,KAAK,QAAQ,aACb,qBAAE,YAAY,KAAK,SAAS,KAAK,QAAQ,WAAW;IAGxD,IAAI,WAAW,aAAa;KACxB,qBAAqB,QAAQ,UAAU,SAAS;KAEhD,IAAI,KAAK,MACL,qBAAqB,aAAa,UAAU,SAAS;IAE7D,OAAO,IAAI,KAAK,kBAAkB,KAAK,aACnC,qBAAqB,aAAa,UAAU,SAAS;IAGzD,IAAI,KAAK,MACL,KAAK,WAAW;GAExB;GAEA,MAAM,cAAcF,qBAAE,iBAAiB,aAAa,aAAa,SAAS;GAE1E,KAAK,OACD,KAAK,MACL,gDACA,aACA,EAAE,UAAU,KAAK,UAAU,CAC/B;GAEA,KAAK,OAAO,KAAK,MAAM,6BAA6B;IAChD,UAAUA,qBAAE,KAAK,KAAK,WAAW,KAAK,IAAI,GAAG,KAAK,QAAQ,MAAM;GACpE,CAAC;EACL;;;;EAKA,aAAa;GACT,IAAI,KAAK,iBAAiB,MACtB,OAAO,qBAAqB,KAAK,YAAY;GAGjD,IAAI,KAAK,aAAa,KAAK,MACvB,qBAAE,cAAc,KAAK,MAAM,YAAY;GAG3C,KAAK,gBAAgB;GACrB,KAAK,mBAAmB;GACxB,KAAK,YAAY;GACjB,KAAK,OAAO;GACZ,KAAK,eAAe;GACpB,KAAK,cAAc;GACnB,KAAK,UAAU;EACnB;;;;EAKA,kBAAkB;GACd,IACI,CAAC,KAAK,QACN,CAAC,KAAK,QAAQ,UACd,CAAC,KAAK,aACN,KAAK,iBAAiB,MAEtB;GAGJ,KAAK,eAAe,OAAO,4BAA4B;IACnD,KAAK,aAAa;GACtB,CAAC;EACL;;;;;;EAOA,iBAAiB,QAAQ,QAAQ;GAC7B,IAAI,kBAAkB,KAAK;GAE3B,IAAI,KAAK,QAAQ,aAAa;IAC1B,MAAM,YAAYA,qBAAE,KAAK,KAAK,QAAQ,WAAW,CAAC,CAC7C,QAAQ,SAAS,SAAS,KAAK,IAAI,CAAC,CACpC,QAAQ,SAAS;KACd,MAAM,WAAW,KAAK,YAAY,KAAK,IAAI;KAE3C,OAAO,SAAS,aACX,SAAS,QAAQ,eAAe,SAAS,MAAM,CAAC,CAAC;IAC1D,CAAC;IAEL,IAAI,UAAU,QACV,kBAAkBA,qBAAE,UAChB,CAAC,KAAK,MAAM,GAAG,SAAS,GACxB,KAAK,KAAK,GACV,KAAK,KAAK,GACV,EAAE,QAAQ,KAAK,CACnB;GAER;GAEA,MAAM,kBAAkB,KAAK,YAAY,KAAK,eAAe;GAC7D,MAAM,eAAe,gBAAgB,MAAM,CAAC,CACvC,QAAQ,SAAS,SAAS,KAAK,OAAO;GAC3C,MAAM,cAAcA,qBAAE,UAClB,cACA,KAAK,KAAK,GACV,KAAK,KAAK,GACV,EAAE,QAAQ,KAAK,CACnB;GAEA,IAAI,aACA,KAAK,cACD,aACA,KAAK,KAAK,GACV,KAAK,KAAK,GACV,QACA,MACJ;QACG,IAAI,oBAAoB,KAAK,kBAChC,qBAAE,OAAO,iBAAiB,KAAK,OAAO;QAEtC;GAGJ,MAAM,WAAW,gBAAgB,MAAM,CAAC,CAAC,QAAQ,KAAK,OAAO;GAE7D,IAAI,oBAAoB,KAAK,kBAAkB;IAC3C,MAAM,mBAAmB,KAAK;IAE9B,MAAM,EAAE,WADiB,KAAK,YAAY,KAAK,gBACb,CAAC,CAAC;IAEpC,YAAY,SACRA,qBAAE,KAAK,QAAQ,KAAK,OAAO,IAC3B,CAAC,KAAK,OAAO,CAAC;;IAGlB,MAAM,YAAY;KACd,MAAM,KAAK;KACX,MAAM;KACN,IAAI;KACJ,UAAU,KAAK;KACf;IACJ;IAEA,qBAAqB,kBAAkB,QAAQ,SAAS;IAExD,IAAI,CAAC,KAAK,MACN;IAGJ,qBAAqB,iBAAiB,WAAW,SAAS;GAC9D,OAAO,IAAI,KAAK,kBAAkB,UAAU;;IAExC,MAAM,YAAY;KACd,MAAM,KAAK;KACX,MAAM;KACN,IAAI;KACJ,UAAU,KAAK;KACf;IACJ;IAEA,qBAAqB,iBAAiB,WAAW,SAAS;GAC9D;GAEA,IAAI,CAAC,KAAK,MACN;GAGJ,KAAK,gBAAgB;GACrB,KAAK,mBAAmB;EAC5B;;;;;;;;;EAUA,cAAc,aAAa,GAAG,GAAG,QAAQ,QAAQ;GAC7C,MAAM,gBAAgBA,qBAAE,OAAO,aAAa,EAAE,QAAQ,KAAK,CAAC;GAC5D,MAAM,cAAcA,qBAAE,KAAK,aAAa,EAAE,QAAQ,KAAK,CAAC;GACxD,MAAM,eAAeA,qBAAE,OAAO,KAAK,SAAS,EAAE,QAAQ,KAAK,CAAC;GAC5D,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,QAAQ,aAAa,CAAC;GACrE,IAAI,aAAa;GACjB,IAAI,aAAa;GAEjB,IAAI,QACA,aAAa,SAAS,IAClB,YACA,IAAI;GAGZ,IAAI,QACA,aAAa,SAAS,IAClB,YACA,IAAI;GAGZ,IAAI;GACJ,IAAI,KAAK,QAAQ,SAAS,OAAO,cAAc,MAAM,aAAa,GAE9D,SAAS,IADK,YAAY,MAAM,YAAY,SAAS,aAEjD,WACA;QACD,IAAI,KAAK,QAAQ,SAAS,OAAO,cAAc,MAAM,aAAa,GAErE,SAAS,IADK,YAAY,OAAO,YAAY,QAAQ,aAEjD,WACA;QACD;IACH,MAAM,QAAQ,YAAY,OAAO,YAAY,QAAQ;IACrD,MAAM,QAAQ,YAAY,MAAM,YAAY,SAAS;IACrD,SAAS,IAAI,SAAS,IAAI,QACtB,WACA;GACR;GAEA,qBAAE,OAAO,CAAC,aAAa,KAAK,OAAO;EACvC;CACJ;;;;CClgBA,6BAAc,YAAY,QAAQ;CAElC,kBAAe"}
+{"version":3,"file":"frost-ui-sortable.js","names":["$","$","BaseComponent","getPosition"],"sources":["../src/helpers.js","../src/sortable.js","../src/index.js"],"sourcesContent":["/** @import { SortableEventData } from './sortable.js'; */\n\nimport $ from '@fr0st/query';\n\nconst cursorLocks = new WeakMap();\n\n/**\n * Resets the cursor style for a collection of elements.\n * @param {Iterable<HTMLElement>} nodes The elements to restore.\n */\nexport function resetCursor(nodes) {\n    for (const node of nodes) {\n        const release = cursorLocks.get(node);\n\n        if (!release) {\n            continue;\n        }\n\n        release();\n        cursorLocks.delete(node);\n    }\n}\n\n/**\n * Sets the cursor style for a collection of elements.\n * @param {Iterable<HTMLElement>} nodes The elements to update.\n * @param {string} cursor The cursor style.\n */\nexport function setCursor(nodes, cursor) {\n    for (const node of nodes) {\n        if (cursorLocks.has(node)) {\n            $.setStyle(node, { cursor });\n        } else {\n            cursorLocks.set(node, $.setStyleLock(node, 'cursor', cursor));\n        }\n    }\n}\n\n/**\n * Triggers a Sortable event with its data and detail payloads.\n * @param {HTMLElement} node The event target.\n * @param {string} name The event name without its namespace.\n * @param {SortableEventData} data The sorting event data.\n */\nexport function triggerSortableEvent(node, name, data) {\n    $.triggerEvent(node, `${name}.ui.sortable`, {\n        data,\n        detail: {\n            target: data.item,\n            ...data,\n        },\n    });\n}\n","import $ from '@fr0st/query';\nimport { BaseComponent, getPosition } from '@fr0st/ui';\nimport { resetCursor, setCursor, triggerSortableEvent } from './helpers.js';\n\nconst document = $.getContext();\nconst window = $.getWindow();\n\n/** @typedef {'x'|'y'} SortableAxis */\n\n/**\n * @typedef {object} SortableOptions\n * @property {SortableAxis|null} [axis=null] The axis used to determine item placement.\n * @property {string} [cancel='input, textarea, button, select, option'] The selector for elements that cannot start a sort.\n * @property {string|null} [connectWith=null] The selector for connected Sortable containers.\n * @property {string} [cursor='auto'] The cursor applied to sortable items or handles.\n * @property {boolean} [disabled=false] Whether sorting is initially disabled.\n * @property {boolean} [dropOnEmpty=true] Whether connected empty containers accept items.\n * @property {string|null} [handle=null] The handle selector within each sortable item.\n * @property {string|null} [helperClass='bg-body-tertiary'] The class applied to an item while it is being sorted.\n * @property {string} [items=':scope > li'] The selector for sortable items.\n * @property {boolean} [scroll=true] Whether to scroll the window while sorting near an edge.\n * @property {number} [scrollSensitivity=20] The distance from a window edge that starts scrolling, in pixels.\n * @property {number} [scrollSpeed=5] The scroll distance applied per animation frame, in pixels.\n * @property {number} [swapThreshold=0.25] The fraction of an item crossed before swapping, from `0` to `1`.\n */\n\n/**\n * @typedef {object} SortableEventData\n * @property {HTMLElement} item The item being sorted.\n * @property {HTMLElement} from The previous or original Sortable container.\n * @property {HTMLElement} to The next or final Sortable container.\n * @property {number} oldIndex The previous or original item index.\n * @property {number} newIndex The next or final item index.\n */\n\n/**\n * Controls a sortable collection of elements.\n * @augments {BaseComponent<SortableOptions>}\n */\nexport default class Sortable extends BaseComponent {\n    /** @type {SortableOptions} */\n    static defaults = {\n        axis: null,\n        cancel: 'input, textarea, button, select, option',\n        connectWith: null,\n        cursor: 'auto',\n        disabled: false,\n        dropOnEmpty: true,\n        handle: null,\n        helperClass: 'bg-body-tertiary',\n        items: ':scope > li',\n        scroll: true,\n        scrollSensitivity: 20,\n        scrollSpeed: 5,\n        swapThreshold: 0.25,\n    };\n\n    #currentIndex;\n    #currentSortable = null;\n    #dragging;\n    #enabled;\n    #initialCursorNodes = [];\n    #pos = null;\n    #scrollFrame = null;\n    #selector;\n    #startIndex;\n    #target = null;\n\n    /**\n     * Creates a Sortable.\n     * @param {HTMLElement} node The sortable container.\n     * @param {SortableOptions} [options] The Sortable options.\n     */\n    constructor(node, options) {\n        super(node, options);\n\n        try {\n            this.#selector = this.options.handle ?\n                `:is(${this.options.items}) :is(${this.options.handle})` :\n                this.options.items;\n\n            this.#dragging = false;\n            this.#enabled = !this.options.disabled;\n\n            this.#initialCursorNodes = $.find(this.#selector, this.node);\n            setCursor(this.#initialCursorNodes, this.options.cursor);\n            this.#events();\n            this.#initialCursorNodes = null;\n        } catch (error) {\n            this.dispose();\n            throw error;\n        }\n    }\n\n    /**\n     * Disables the Sortable.\n     */\n    disable() {\n        this.#enabled = false;\n    }\n\n    /** @inheritdoc */\n    dispose() {\n        if (!this.node) {\n            return;\n        }\n\n        resetCursor(this.#initialCursorNodes ?? $.find(this.#selector, this.node));\n\n        if (this.#target && this.options.helperClass) {\n            $.removeClass(this.#target, this.options.helperClass);\n        }\n\n        this.#resetDrag();\n\n        this.#initialCursorNodes = null;\n\n        super.dispose();\n    }\n\n    /**\n     * Enables the Sortable.\n     */\n    enable() {\n        this.#enabled = true;\n    }\n\n    /**\n     * Gets the Sortable item elements.\n     * @returns {HTMLElement[]} The Sortable item elements.\n     */\n    items() {\n        return $.find(this.options.items, this.node);\n    }\n\n    /**\n     * Checks whether the window should scroll while sorting.\n     */\n    #checkScroll() {\n        this.#scrollFrame = null;\n\n        if (!this.node || !this.#dragging || !this.#target || !this.#pos) {\n            return;\n        }\n\n        const originalX = $.getScrollX(window);\n        const originalY = $.getScrollY(window);\n        const windowHeight = $.height(window);\n        const windowWidth = $.width(window);\n\n        let offsetX = originalX;\n        let offsetY = originalY;\n\n        if (this.#pos.y < originalY + this.options.scrollSensitivity) {\n            offsetY = Math.max(0, originalY - this.options.scrollSpeed);\n        } else if (this.#pos.y > originalY + windowHeight - this.options.scrollSensitivity) {\n            const docHeight = $.height(document, { boxSize: $.SCROLL_BOX });\n            const maxY = Math.max(0, docHeight - windowHeight);\n            offsetY = Math.min(maxY, originalY + this.options.scrollSpeed);\n        }\n\n        if (this.#pos.x < originalX + this.options.scrollSensitivity) {\n            offsetX = Math.max(0, originalX - this.options.scrollSpeed);\n        } else if (this.#pos.x > originalX + windowWidth - this.options.scrollSensitivity) {\n            const docWidth = $.width(document, { boxSize: $.SCROLL_BOX });\n            const maxX = Math.max(0, docWidth - windowWidth);\n            offsetX = Math.min(maxX, originalX + this.options.scrollSpeed);\n        }\n\n        if (offsetX === originalX && offsetY === originalY) {\n            return;\n        }\n\n        window.scrollTo({\n            left: offsetX,\n            top: offsetY,\n            behavior: 'instant',\n        });\n\n        const deltaX = offsetX - originalX;\n        const deltaY = offsetY - originalY;\n\n        this.#pos.x += deltaX;\n        this.#pos.y += deltaY;\n\n        this.#updatePlacement(deltaX, deltaY);\n        this.#scheduleScroll();\n    }\n\n    /**\n     * Attaches events for the Sortable.\n     */\n    #events() {\n        const downHandler = (event) => {\n            const cancelled = this.options.cancel &&\n                (\n                    $.is(event.target, this.options.cancel) ||\n                    $.is(event.currentTarget, this.options.cancel) ||\n                    $.closest(event.target, this.options.cancel, this.node).length\n                );\n\n            if (\n                event.button ||\n                !this.#enabled ||\n                cancelled ||\n                $.getDataset(this.node, 'uiDragging')\n            ) {\n                return false;\n            }\n\n            this.#target = this.options.handle ?\n                this.items().find((node) => $.hasDescendent(node, event.currentTarget)) :\n                event.currentTarget;\n\n            if (!this.#target) {\n                return false;\n            }\n        };\n\n        const moveHandler = (event) => {\n            if (!this.node || !this.#target) {\n                return;\n            }\n\n            const previousPos = this.#pos;\n            this.#pos = getPosition(event);\n            const deltaX = previousPos ?\n                this.#pos.x - previousPos.x :\n                0;\n            const deltaY = previousPos ?\n                this.#pos.y - previousPos.y :\n                0;\n\n            if (!this.#dragging) {\n                this.#dragging = true;\n                this.#currentSortable = this.node;\n                this.#startIndex = this.items().indexOf(this.#target);\n                this.#currentIndex = this.#startIndex;\n\n                $.setDataset(this.node, { uiDragging: true });\n\n                /** @type {SortableEventData} */\n                const eventData = {\n                    item: this.#target,\n                    from: this.node,\n                    to: this.node,\n                    oldIndex: this.#startIndex,\n                    newIndex: this.#startIndex,\n                };\n\n                triggerSortableEvent(this.node, 'sort', eventData);\n\n                if (!this.node) {\n                    return;\n                }\n\n                if (this.options.helperClass) {\n                    $.addClass(this.#target, this.options.helperClass);\n                }\n            }\n\n            this.#updatePlacement(deltaX, deltaY);\n            this.#scheduleScroll();\n        };\n\n        const upHandler = (event) => {\n            if (!this.node) {\n                return;\n            }\n\n            if (!this.#dragging) {\n                this.#target = null;\n                return;\n            }\n\n            if (event.type === 'mouseup') {\n                event.preventDefault();\n            }\n\n            const source = this.node;\n            const destination = this.#currentSortable;\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: source,\n                to: destination,\n                oldIndex: this.#startIndex,\n                newIndex: this.#currentIndex,\n            };\n\n            triggerSortableEvent(destination, 'sorted', eventData);\n\n            if (!this.node) {\n                return;\n            }\n\n            if (this.options.helperClass) {\n                $.removeClass(this.#target, this.options.helperClass);\n            }\n\n            if (source !== destination) {\n                triggerSortableEvent(source, 'update', eventData);\n\n                if (this.node) {\n                    triggerSortableEvent(destination, 'update', eventData);\n                }\n            } else if (this.#currentIndex !== this.#startIndex) {\n                triggerSortableEvent(destination, 'update', eventData);\n            }\n\n            if (this.node) {\n                this.#resetDrag();\n            }\n        };\n\n        const dragHandler = $.mouseDragFactory(downHandler, moveHandler, upHandler);\n\n        this.listen(\n            this.node,\n            'mousedown.ui.sortable touchstart.ui.sortable',\n            dragHandler,\n            { delegate: this.#selector },\n        );\n\n        this.listen(this.node, 'receive.ui.sortable', () => {\n            setCursor($.find(this.#selector, this.node), this.options.cursor);\n        });\n    }\n\n    /**\n     * Resets the active drag state.\n     */\n    #resetDrag() {\n        if (this.#scrollFrame !== null) {\n            window.cancelAnimationFrame(this.#scrollFrame);\n        }\n\n        if (this.#dragging && this.node) {\n            $.removeDataset(this.node, 'uiDragging');\n        }\n\n        this.#currentIndex = null;\n        this.#currentSortable = null;\n        this.#dragging = false;\n        this.#pos = null;\n        this.#scrollFrame = null;\n        this.#startIndex = null;\n        this.#target = null;\n    }\n\n    /**\n     * Schedules the next auto-scroll update.\n     */\n    #scheduleScroll() {\n        if (\n            !this.node ||\n            !this.options.scroll ||\n            !this.#dragging ||\n            this.#scrollFrame !== null\n        ) {\n            return;\n        }\n\n        this.#scrollFrame = window.requestAnimationFrame(() => {\n            this.#checkScroll();\n        });\n    }\n\n    /**\n     * Updates item placement and sorting events for the current pointer position.\n     * @param {number} deltaX The horizontal pointer movement.\n     * @param {number} deltaY The vertical pointer movement.\n     */\n    #updatePlacement(deltaX, deltaY) {\n        let nearestSortable = this.node;\n\n        if (this.options.connectWith) {\n            const connected = $.find(this.options.connectWith)\n                .filter((node) => node !== this.node)\n                .filter((node) => {\n                    const sortable = this.constructor.init(node);\n\n                    return sortable.#enabled &&\n                        (sortable.options.dropOnEmpty || sortable.items().length);\n                });\n\n            if (connected.length) {\n                nearestSortable = $.nearestTo(\n                    [this.node, ...connected],\n                    this.#pos.x,\n                    this.#pos.y,\n                    { offset: true },\n                );\n            }\n        }\n\n        const nearestInstance = this.constructor.init(nearestSortable);\n        const nearestItems = nearestInstance.items()\n            .filter((node) => node !== this.#target);\n        const nearestItem = $.nearestTo(\n            nearestItems,\n            this.#pos.x,\n            this.#pos.y,\n            { offset: true },\n        );\n\n        if (nearestItem) {\n            this.#updateTarget(\n                nearestItem,\n                this.#pos.x,\n                this.#pos.y,\n                deltaX,\n                deltaY,\n            );\n        } else if (nearestSortable !== this.#currentSortable) {\n            $.append(nearestSortable, this.#target);\n        } else {\n            return;\n        }\n\n        const newIndex = nearestInstance.items().indexOf(this.#target);\n\n        if (nearestSortable !== this.#currentSortable) {\n            const previousSortable = this.#currentSortable;\n            const previousInstance = this.constructor.init(previousSortable);\n            const { handle } = previousInstance.options;\n\n            resetCursor(handle ?\n                $.find(handle, this.#target) :\n                [this.#target]);\n\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: previousSortable,\n                to: nearestSortable,\n                oldIndex: this.#currentIndex,\n                newIndex,\n            };\n\n            triggerSortableEvent(previousSortable, 'send', eventData);\n\n            if (!this.node) {\n                return;\n            }\n\n            triggerSortableEvent(nearestSortable, 'receive', eventData);\n        } else if (this.#currentIndex !== newIndex) {\n            /** @type {SortableEventData} */\n            const eventData = {\n                item: this.#target,\n                from: nearestSortable,\n                to: nearestSortable,\n                oldIndex: this.#currentIndex,\n                newIndex,\n            };\n\n            triggerSortableEvent(nearestSortable, 'sorting', eventData);\n        }\n\n        if (!this.node) {\n            return;\n        }\n\n        this.#currentIndex = newIndex;\n        this.#currentSortable = nearestSortable;\n    }\n\n    /**\n     * Moves the target relative to the nearest item.\n     * @param {HTMLElement} nearestItem The nearest item.\n     * @param {number} x The mouse X position.\n     * @param {number} y The mouse Y position.\n     * @param {number} deltaX The horizontal pointer movement.\n     * @param {number} deltaY The vertical pointer movement.\n     */\n    #updateTarget(nearestItem, x, y, deltaX, deltaY) {\n        const nearestCenter = $.center(nearestItem, { offset: true });\n        const nearestRect = $.rect(nearestItem, { offset: true });\n        const targetCenter = $.center(this.#target, { offset: true });\n        const threshold = Math.min(1, Math.max(0, this.options.swapThreshold));\n        let thresholdX = 0.5;\n        let thresholdY = 0.5;\n\n        if (deltaX) {\n            thresholdX = deltaX > 0 ?\n                threshold :\n                1 - threshold;\n        }\n\n        if (deltaY) {\n            thresholdY = deltaY > 0 ?\n                threshold :\n                1 - threshold;\n        }\n\n        let method;\n        if (this.options.axis === 'y' || nearestCenter.x === targetCenter.x) {\n            const swapY = nearestRect.top + nearestRect.height * thresholdY;\n            method = y < swapY ?\n                'before' :\n                'after';\n        } else if (this.options.axis === 'x' || nearestCenter.y === targetCenter.y) {\n            const swapX = nearestRect.left + nearestRect.width * thresholdX;\n            method = x < swapX ?\n                'before' :\n                'after';\n        } else {\n            const swapX = nearestRect.left + nearestRect.width * thresholdX;\n            const swapY = nearestRect.top + nearestRect.height * thresholdY;\n            method = x < swapX && y < swapY ?\n                'before' :\n                'after';\n        }\n\n        $[method](nearestItem, this.#target);\n    }\n}\n","import { initComponent } from '@fr0st/ui';\nimport Sortable from './sortable.js';\n\ninitComponent('sortable', Sortable);\n\nexport default Sortable;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIA,IAAM,8BAAc,IAAI,QAAQ;;;;;CAMhC,SAAgB,YAAY,OAAO;EAC/B,KAAK,MAAM,QAAQ,OAAO;GACtB,MAAM,UAAU,YAAY,IAAI,IAAI;GAEpC,IAAI,CAAC,SACD;GAGJ,QAAQ;GACR,YAAY,OAAO,IAAI;EAC3B;CACJ;;;;;;CAOA,SAAgB,UAAU,OAAO,QAAQ;EACrC,KAAK,MAAM,QAAQ,OACf,IAAI,YAAY,IAAI,IAAI,GACpB,qBAAE,SAAS,MAAM,EAAE,OAAO,CAAC;OAE3B,YAAY,IAAI,MAAMA,qBAAE,aAAa,MAAM,UAAU,MAAM,CAAC;CAGxE;;;;;;;CAQA,SAAgB,qBAAqB,MAAM,MAAM,MAAM;EACnD,qBAAE,aAAa,MAAM,GAAG,KAAK,eAAe;GACxC;GACA,QAAQ;IACJ,QAAQ,KAAK;IACb,GAAG;GACP;EACJ,CAAC;CACL;;;CChDA,IAAM,WAAWC,qBAAE,WAAW;CAC9B,IAAM,SAASA,qBAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC3B,IAAqB,WAArB,cAAsCC,wBAAc;;EAEhD,OAAO,WAAW;GACd,MAAM;GACN,QAAQ;GACR,aAAa;GACb,QAAQ;GACR,UAAU;GACV,aAAa;GACb,QAAQ;GACR,aAAa;GACb,OAAO;GACP,QAAQ;GACR,mBAAmB;GACnB,aAAa;GACb,eAAe;EACnB;EAEA;EACA,mBAAmB;EACnB;EACA;EACA,sBAAsB,CAAC;EACvB,OAAO;EACP,eAAe;EACf;EACA;EACA,UAAU;;;;;;EAOV,YAAY,MAAM,SAAS;GACvB,MAAM,MAAM,OAAO;GAEnB,IAAI;IACA,KAAK,YAAY,KAAK,QAAQ,SAC1B,OAAO,KAAK,QAAQ,MAAM,QAAQ,KAAK,QAAQ,OAAO,KACtD,KAAK,QAAQ;IAEjB,KAAK,YAAY;IACjB,KAAK,WAAW,CAAC,KAAK,QAAQ;IAE9B,KAAK,sBAAsBD,qBAAE,KAAK,KAAK,WAAW,KAAK,IAAI;IAC3D,UAAU,KAAK,qBAAqB,KAAK,QAAQ,MAAM;IACvD,KAAK,QAAQ;IACb,KAAK,sBAAsB;GAC/B,SAAS,OAAO;IACZ,KAAK,QAAQ;IACb,MAAM;GACV;EACJ;;;;EAKA,UAAU;GACN,KAAK,WAAW;EACpB;;EAGA,UAAU;GACN,IAAI,CAAC,KAAK,MACN;GAGJ,YAAY,KAAK,uBAAuBA,qBAAE,KAAK,KAAK,WAAW,KAAK,IAAI,CAAC;GAEzE,IAAI,KAAK,WAAW,KAAK,QAAQ,aAC7B,qBAAE,YAAY,KAAK,SAAS,KAAK,QAAQ,WAAW;GAGxD,KAAK,WAAW;GAEhB,KAAK,sBAAsB;GAE3B,MAAM,QAAQ;EAClB;;;;EAKA,SAAS;GACL,KAAK,WAAW;EACpB;;;;;EAMA,QAAQ;GACJ,OAAOA,qBAAE,KAAK,KAAK,QAAQ,OAAO,KAAK,IAAI;EAC/C;;;;EAKA,eAAe;GACX,KAAK,eAAe;GAEpB,IAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,aAAa,CAAC,KAAK,WAAW,CAAC,KAAK,MACxD;GAGJ,MAAM,YAAYA,qBAAE,WAAW,MAAM;GACrC,MAAM,YAAYA,qBAAE,WAAW,MAAM;GACrC,MAAM,eAAeA,qBAAE,OAAO,MAAM;GACpC,MAAM,cAAcA,qBAAE,MAAM,MAAM;GAElC,IAAI,UAAU;GACd,IAAI,UAAU;GAEd,IAAI,KAAK,KAAK,IAAI,YAAY,KAAK,QAAQ,mBACvC,UAAU,KAAK,IAAI,GAAG,YAAY,KAAK,QAAQ,WAAW;QACvD,IAAI,KAAK,KAAK,IAAI,YAAY,eAAe,KAAK,QAAQ,mBAAmB;IAChF,MAAM,YAAYA,qBAAE,OAAO,UAAU,EAAE,SAASA,qBAAE,WAAW,CAAC;IAC9D,MAAM,OAAO,KAAK,IAAI,GAAG,YAAY,YAAY;IACjD,UAAU,KAAK,IAAI,MAAM,YAAY,KAAK,QAAQ,WAAW;GACjE;GAEA,IAAI,KAAK,KAAK,IAAI,YAAY,KAAK,QAAQ,mBACvC,UAAU,KAAK,IAAI,GAAG,YAAY,KAAK,QAAQ,WAAW;QACvD,IAAI,KAAK,KAAK,IAAI,YAAY,cAAc,KAAK,QAAQ,mBAAmB;IAC/E,MAAM,WAAWA,qBAAE,MAAM,UAAU,EAAE,SAASA,qBAAE,WAAW,CAAC;IAC5D,MAAM,OAAO,KAAK,IAAI,GAAG,WAAW,WAAW;IAC/C,UAAU,KAAK,IAAI,MAAM,YAAY,KAAK,QAAQ,WAAW;GACjE;GAEA,IAAI,YAAY,aAAa,YAAY,WACrC;GAGJ,OAAO,SAAS;IACZ,MAAM;IACN,KAAK;IACL,UAAU;GACd,CAAC;GAED,MAAM,SAAS,UAAU;GACzB,MAAM,SAAS,UAAU;GAEzB,KAAK,KAAK,KAAK;GACf,KAAK,KAAK,KAAK;GAEf,KAAK,iBAAiB,QAAQ,MAAM;GACpC,KAAK,gBAAgB;EACzB;;;;EAKA,UAAU;GACN,MAAM,eAAe,UAAU;IAC3B,MAAM,YAAY,KAAK,QAAQ,WAEvBA,qBAAE,GAAG,MAAM,QAAQ,KAAK,QAAQ,MAAM,KACtCA,qBAAE,GAAG,MAAM,eAAe,KAAK,QAAQ,MAAM,KAC7CA,qBAAE,QAAQ,MAAM,QAAQ,KAAK,QAAQ,QAAQ,KAAK,IAAI,CAAC,CAAC;IAGhE,IACI,MAAM,UACN,CAAC,KAAK,YACN,aACAA,qBAAE,WAAW,KAAK,MAAM,YAAY,GAEpC,OAAO;IAGX,KAAK,UAAU,KAAK,QAAQ,SACxB,KAAK,MAAM,CAAC,CAAC,MAAM,SAASA,qBAAE,cAAc,MAAM,MAAM,aAAa,CAAC,IACtE,MAAM;IAEV,IAAI,CAAC,KAAK,SACN,OAAO;GAEf;GAEA,MAAM,eAAe,UAAU;IAC3B,IAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,SACpB;IAGJ,MAAM,cAAc,KAAK;IACzB,KAAK,WAAOE,uBAAY,KAAK;IAC7B,MAAM,SAAS,cACX,KAAK,KAAK,IAAI,YAAY,IAC1B;IACJ,MAAM,SAAS,cACX,KAAK,KAAK,IAAI,YAAY,IAC1B;IAEJ,IAAI,CAAC,KAAK,WAAW;KACjB,KAAK,YAAY;KACjB,KAAK,mBAAmB,KAAK;KAC7B,KAAK,cAAc,KAAK,MAAM,CAAC,CAAC,QAAQ,KAAK,OAAO;KACpD,KAAK,gBAAgB,KAAK;KAE1B,qBAAE,WAAW,KAAK,MAAM,EAAE,YAAY,KAAK,CAAC;;KAG5C,MAAM,YAAY;MACd,MAAM,KAAK;MACX,MAAM,KAAK;MACX,IAAI,KAAK;MACT,UAAU,KAAK;MACf,UAAU,KAAK;KACnB;KAEA,qBAAqB,KAAK,MAAM,QAAQ,SAAS;KAEjD,IAAI,CAAC,KAAK,MACN;KAGJ,IAAI,KAAK,QAAQ,aACb,qBAAE,SAAS,KAAK,SAAS,KAAK,QAAQ,WAAW;IAEzD;IAEA,KAAK,iBAAiB,QAAQ,MAAM;IACpC,KAAK,gBAAgB;GACzB;GAEA,MAAM,aAAa,UAAU;IACzB,IAAI,CAAC,KAAK,MACN;IAGJ,IAAI,CAAC,KAAK,WAAW;KACjB,KAAK,UAAU;KACf;IACJ;IAEA,IAAI,MAAM,SAAS,WACf,MAAM,eAAe;IAGzB,MAAM,SAAS,KAAK;IACpB,MAAM,cAAc,KAAK;;IAEzB,MAAM,YAAY;KACd,MAAM,KAAK;KACX,MAAM;KACN,IAAI;KACJ,UAAU,KAAK;KACf,UAAU,KAAK;IACnB;IAEA,qBAAqB,aAAa,UAAU,SAAS;IAErD,IAAI,CAAC,KAAK,MACN;IAGJ,IAAI,KAAK,QAAQ,aACb,qBAAE,YAAY,KAAK,SAAS,KAAK,QAAQ,WAAW;IAGxD,IAAI,WAAW,aAAa;KACxB,qBAAqB,QAAQ,UAAU,SAAS;KAEhD,IAAI,KAAK,MACL,qBAAqB,aAAa,UAAU,SAAS;IAE7D,OAAO,IAAI,KAAK,kBAAkB,KAAK,aACnC,qBAAqB,aAAa,UAAU,SAAS;IAGzD,IAAI,KAAK,MACL,KAAK,WAAW;GAExB;GAEA,MAAM,cAAcF,qBAAE,iBAAiB,aAAa,aAAa,SAAS;GAE1E,KAAK,OACD,KAAK,MACL,gDACA,aACA,EAAE,UAAU,KAAK,UAAU,CAC/B;GAEA,KAAK,OAAO,KAAK,MAAM,6BAA6B;IAChD,UAAUA,qBAAE,KAAK,KAAK,WAAW,KAAK,IAAI,GAAG,KAAK,QAAQ,MAAM;GACpE,CAAC;EACL;;;;EAKA,aAAa;GACT,IAAI,KAAK,iBAAiB,MACtB,OAAO,qBAAqB,KAAK,YAAY;GAGjD,IAAI,KAAK,aAAa,KAAK,MACvB,qBAAE,cAAc,KAAK,MAAM,YAAY;GAG3C,KAAK,gBAAgB;GACrB,KAAK,mBAAmB;GACxB,KAAK,YAAY;GACjB,KAAK,OAAO;GACZ,KAAK,eAAe;GACpB,KAAK,cAAc;GACnB,KAAK,UAAU;EACnB;;;;EAKA,kBAAkB;GACd,IACI,CAAC,KAAK,QACN,CAAC,KAAK,QAAQ,UACd,CAAC,KAAK,aACN,KAAK,iBAAiB,MAEtB;GAGJ,KAAK,eAAe,OAAO,4BAA4B;IACnD,KAAK,aAAa;GACtB,CAAC;EACL;;;;;;EAOA,iBAAiB,QAAQ,QAAQ;GAC7B,IAAI,kBAAkB,KAAK;GAE3B,IAAI,KAAK,QAAQ,aAAa;IAC1B,MAAM,YAAYA,qBAAE,KAAK,KAAK,QAAQ,WAAW,CAAC,CAC7C,QAAQ,SAAS,SAAS,KAAK,IAAI,CAAC,CACpC,QAAQ,SAAS;KACd,MAAM,WAAW,KAAK,YAAY,KAAK,IAAI;KAE3C,OAAO,SAAS,aACX,SAAS,QAAQ,eAAe,SAAS,MAAM,CAAC,CAAC;IAC1D,CAAC;IAEL,IAAI,UAAU,QACV,kBAAkBA,qBAAE,UAChB,CAAC,KAAK,MAAM,GAAG,SAAS,GACxB,KAAK,KAAK,GACV,KAAK,KAAK,GACV,EAAE,QAAQ,KAAK,CACnB;GAER;GAEA,MAAM,kBAAkB,KAAK,YAAY,KAAK,eAAe;GAC7D,MAAM,eAAe,gBAAgB,MAAM,CAAC,CACvC,QAAQ,SAAS,SAAS,KAAK,OAAO;GAC3C,MAAM,cAAcA,qBAAE,UAClB,cACA,KAAK,KAAK,GACV,KAAK,KAAK,GACV,EAAE,QAAQ,KAAK,CACnB;GAEA,IAAI,aACA,KAAK,cACD,aACA,KAAK,KAAK,GACV,KAAK,KAAK,GACV,QACA,MACJ;QACG,IAAI,oBAAoB,KAAK,kBAChC,qBAAE,OAAO,iBAAiB,KAAK,OAAO;QAEtC;GAGJ,MAAM,WAAW,gBAAgB,MAAM,CAAC,CAAC,QAAQ,KAAK,OAAO;GAE7D,IAAI,oBAAoB,KAAK,kBAAkB;IAC3C,MAAM,mBAAmB,KAAK;IAE9B,MAAM,EAAE,WADiB,KAAK,YAAY,KAAK,gBACb,CAAC,CAAC;IAEpC,YAAY,SACRA,qBAAE,KAAK,QAAQ,KAAK,OAAO,IAC3B,CAAC,KAAK,OAAO,CAAC;;IAGlB,MAAM,YAAY;KACd,MAAM,KAAK;KACX,MAAM;KACN,IAAI;KACJ,UAAU,KAAK;KACf;IACJ;IAEA,qBAAqB,kBAAkB,QAAQ,SAAS;IAExD,IAAI,CAAC,KAAK,MACN;IAGJ,qBAAqB,iBAAiB,WAAW,SAAS;GAC9D,OAAO,IAAI,KAAK,kBAAkB,UAAU;;IAExC,MAAM,YAAY;KACd,MAAM,KAAK;KACX,MAAM;KACN,IAAI;KACJ,UAAU,KAAK;KACf;IACJ;IAEA,qBAAqB,iBAAiB,WAAW,SAAS;GAC9D;GAEA,IAAI,CAAC,KAAK,MACN;GAGJ,KAAK,gBAAgB;GACrB,KAAK,mBAAmB;EAC5B;;;;;;;;;EAUA,cAAc,aAAa,GAAG,GAAG,QAAQ,QAAQ;GAC7C,MAAM,gBAAgBA,qBAAE,OAAO,aAAa,EAAE,QAAQ,KAAK,CAAC;GAC5D,MAAM,cAAcA,qBAAE,KAAK,aAAa,EAAE,QAAQ,KAAK,CAAC;GACxD,MAAM,eAAeA,qBAAE,OAAO,KAAK,SAAS,EAAE,QAAQ,KAAK,CAAC;GAC5D,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,QAAQ,aAAa,CAAC;GACrE,IAAI,aAAa;GACjB,IAAI,aAAa;GAEjB,IAAI,QACA,aAAa,SAAS,IAClB,YACA,IAAI;GAGZ,IAAI,QACA,aAAa,SAAS,IAClB,YACA,IAAI;GAGZ,IAAI;GACJ,IAAI,KAAK,QAAQ,SAAS,OAAO,cAAc,MAAM,aAAa,GAE9D,SAAS,IADK,YAAY,MAAM,YAAY,SAAS,aAEjD,WACA;QACD,IAAI,KAAK,QAAQ,SAAS,OAAO,cAAc,MAAM,aAAa,GAErE,SAAS,IADK,YAAY,OAAO,YAAY,QAAQ,aAEjD,WACA;QACD;IACH,MAAM,QAAQ,YAAY,OAAO,YAAY,QAAQ;IACrD,MAAM,QAAQ,YAAY,MAAM,YAAY,SAAS;IACrD,SAAS,IAAI,SAAS,IAAI,QACtB,WACA;GACR;GAEA,qBAAE,OAAO,CAAC,aAAa,KAAK,OAAO;EACvC;CACJ;;;CClgBA,6BAAc,YAAY,QAAQ;CAElC,kBAAe"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fr0st/ui-sortable",
-    "version": "3.0.2",
+    "version": "3.0.3",
     "private": false,
     "description": "Drag-and-drop sortable lists for Frost UI with handles, connected containers, axis control, and automatic scrolling.",
     "keywords": [
@@ -56,12 +56,17 @@
     ],
     "devDependencies": {
         "@fr0st/eslint-config": "^6.0.1",
-        "@fr0st/query": "^5.0.1",
-        "@fr0st/ui": "^4.0.2",
+        "@fr0st/query": "^5.0.2",
+        "@fr0st/ui": "^4.0.3",
         "@playwright/test": "^1.64.1",
         "eslint": "^10.13.0",
-        "monocart-reporter": "^2.14.0",
-        "vite": "^8.3.4"
+        "monocart-reporter": "2.14.0",
+        "vite": "^8.3.5"
+    },
+    "overrides": {
+        "monocart-reporter": {
+            "monocart-coverage-reports": "2.13.0"
+        }
     },
     "peerDependencies": {
         "@fr0st/query": "^5.0.0",