@fr0st/ui-sortable 2.0.5 → 3.0.0

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

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

@@ -0,0 +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;\n    #dragging;\n    #enabled;\n    #pos;\n    #scrollFrame;\n    #selector;\n    #startIndex;\n    #target;\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        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        setCursor($.find(this.#selector, this.node), this.options.cursor);\n        this.#events();\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        $.removeEventDelegate(this.node, 'mousedown.ui.sortable touchstart.ui.sortable');\n        $.removeEvent(this.node, 'receive.ui.sortable');\n        resetCursor($.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        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 downEvent = (e) => {\n            const cancelled = this.options.cancel &&\n                (\n                    $.is(e.target, this.options.cancel) ||\n                    $.is(e.currentTarget, this.options.cancel) ||\n                    $.closest(e.target, this.options.cancel, this.node).length\n                );\n\n            if (\n                e.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, e.currentTarget)) :\n                e.currentTarget;\n\n            if (!this.#target) {\n                return false;\n            }\n        };\n\n        const moveEvent = (e) => {\n            if (!this.node || !this.#target) {\n                return;\n            }\n\n            const previousPos = this.#pos;\n            this.#pos = getPosition(e);\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 upEvent = (e) => {\n            if (!this.node) {\n                return;\n            }\n\n            if (!this.#dragging) {\n                this.#target = null;\n                return;\n            }\n\n            if (e.type === 'mouseup') {\n                e.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 dragEvent = $.mouseDragFactory(downEvent, moveEvent, upEvent);\n\n        $.addEventDelegate(\n            this.node,\n            'mousedown.ui.sortable touchstart.ui.sortable',\n            this.#selector,\n            dragEvent,\n        );\n\n        $.addEvent(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 && this.#scrollFrame !== undefined) {\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 && this.#scrollFrame !== undefined\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.esm.min.js

@@ -0,0 +1,2 @@
+import{BaseComponent as e,getPosition as t,initComponent as n}from"@fr0st/ui";import r from"@fr0st/query";var i=new WeakMap;function a(e){for(let t of e){let e=i.get(t);e&&(e(),i.delete(t))}}function o(e,t){for(let n of e)i.has(n)?r.setStyle(n,{cursor:t}):i.set(n,r.setStyleLock(n,`cursor`,t))}function s(e,t,n){r.triggerEvent(e,`${t}.ui.sortable`,{data:n,detail:{target:n.item,...n}})}var c=r.getContext(),l=r.getWindow(),u=class extends e{static defaults={axis:null,cancel:`input, textarea, button, select, option`,connectWith:null,cursor:`auto`,disabled:!1,dropOnEmpty:!0,handle:null,helperClass:`bg-body-tertiary`,items:`:scope > li`,scroll:!0,scrollSensitivity:20,scrollSpeed:5,swapThreshold:.25};#e;#t;#n;#r;#i;#a;#o;#s;#c;constructor(e,t){super(e,t),this.#o=this.options.handle?`:is(${this.options.items}) :is(${this.options.handle})`:this.options.items,this.#n=!1,this.#r=!this.options.disabled,o(r.find(this.#o,this.node),this.options.cursor),this.#u()}disable(){this.#r=!1}dispose(){this.node&&(r.removeEventDelegate(this.node,`mousedown.ui.sortable touchstart.ui.sortable`),r.removeEvent(this.node,`receive.ui.sortable`),a(r.find(this.#o,this.node)),this.#c&&this.options.helperClass&&r.removeClass(this.#c,this.options.helperClass),this.#d(),super.dispose())}enable(){this.#r=!0}items(){return r.find(this.options.items,this.node)}#l(){if(this.#a=null,!this.node||!this.#n||!this.#c||!this.#i)return;let e=r.getScrollX(l),t=r.getScrollY(l),n=r.height(l),i=r.width(l),a=e,o=t;if(this.#i.y<t+this.options.scrollSensitivity)o=Math.max(0,t-this.options.scrollSpeed);else if(this.#i.y>t+n-this.options.scrollSensitivity){let e=r.height(c,{boxSize:r.SCROLL_BOX}),i=Math.max(0,e-n);o=Math.min(i,t+this.options.scrollSpeed)}if(this.#i.x<e+this.options.scrollSensitivity)a=Math.max(0,e-this.options.scrollSpeed);else if(this.#i.x>e+i-this.options.scrollSensitivity){let t=r.width(c,{boxSize:r.SCROLL_BOX}),n=Math.max(0,t-i);a=Math.min(n,e+this.options.scrollSpeed)}if(a===e&&o===t)return;l.scrollTo({left:a,top:o,behavior:`instant`});let s=a-e,u=o-t;this.#i.x+=s,this.#i.y+=u,this.#p(s,u),this.#f()}#u(){let e=r.mouseDragFactory(e=>{let t=this.options.cancel&&(r.is(e.target,this.options.cancel)||r.is(e.currentTarget,this.options.cancel)||r.closest(e.target,this.options.cancel,this.node).length);if(e.button||!this.#r||t||r.getDataset(this.node,`uiDragging`)||(this.#c=this.options.handle?this.items().find(t=>r.hasDescendent(t,e.currentTarget)):e.currentTarget,!this.#c))return!1},e=>{if(!this.node||!this.#c)return;let n=this.#i;this.#i=t(e);let i=n?this.#i.x-n.x:0,a=n?this.#i.y-n.y:0;if(!this.#n){this.#n=!0,this.#t=this.node,this.#s=this.items().indexOf(this.#c),this.#e=this.#s,r.setDataset(this.node,{uiDragging:!0});let e={item:this.#c,from:this.node,to:this.node,oldIndex:this.#s,newIndex:this.#s};if(s(this.node,`sort`,e),!this.node)return;this.options.helperClass&&r.addClass(this.#c,this.options.helperClass)}this.#p(i,a),this.#f()},e=>{if(!this.node)return;if(!this.#n){this.#c=null;return}e.type===`mouseup`&&e.preventDefault();let t=this.node,n=this.#t,i={item:this.#c,from:t,to:n,oldIndex:this.#s,newIndex:this.#e};s(n,`sorted`,i),this.node&&(this.options.helperClass&&r.removeClass(this.#c,this.options.helperClass),t===n?this.#e!==this.#s&&s(n,`update`,i):(s(t,`update`,i),this.node&&s(n,`update`,i)),this.node&&this.#d())});r.addEventDelegate(this.node,`mousedown.ui.sortable touchstart.ui.sortable`,this.#o,e),r.addEvent(this.node,`receive.ui.sortable`,e=>{o(r.find(this.#o,this.node),this.options.cursor)})}#d(){this.#a!==null&&this.#a!==void 0&&l.cancelAnimationFrame(this.#a),this.#n&&this.node&&r.removeDataset(this.node,`uiDragging`),this.#e=null,this.#t=null,this.#n=!1,this.#i=null,this.#a=null,this.#s=null,this.#c=null}#f(){!this.node||!this.options.scroll||!this.#n||this.#a!==null&&this.#a!==void 0||(this.#a=l.requestAnimationFrame(e=>{this.#l()}))}#p(e,t){let n=this.node;if(this.options.connectWith){let e=r.find(this.options.connectWith).filter(e=>e!==this.node).filter(e=>{let t=this.constructor.init(e);return t.#r&&(t.options.dropOnEmpty||t.items().length)});e.length&&(n=r.nearestTo([this.node,...e],this.#i.x,this.#i.y,{offset:!0}))}let i=this.constructor.init(n),o=i.items().filter(e=>e!==this.#c),c=r.nearestTo(o,this.#i.x,this.#i.y,{offset:!0});if(c)this.#m(c,this.#i.x,this.#i.y,e,t);else if(n!==this.#t)r.append(n,this.#c);else return;let l=i.items().indexOf(this.#c);if(n!==this.#t){let e=this.#t,{handle:t}=this.constructor.init(e).options;a(t?r.find(t,this.#c):[this.#c]);let i={item:this.#c,from:e,to:n,oldIndex:this.#e,newIndex:l};if(s(e,`send`,i),!this.node)return;s(n,`receive`,i)}else if(this.#e!==l){let e={item:this.#c,from:n,to:n,oldIndex:this.#e,newIndex:l};s(n,`sorting`,e)}this.node&&(this.#e=l,this.#t=n)}#m(e,t,n,i,a){let o=r.center(e,{offset:!0}),s=r.rect(e,{offset:!0}),c=r.center(this.#c,{offset:!0}),l=Math.min(1,Math.max(0,this.options.swapThreshold)),u=.5,d=.5;i&&(u=i>0?l:1-l),a&&(d=a>0?l:1-l);let f;if(this.options.axis===`y`||o.x===c.x)f=n<s.top+s.height*d?`before`:`after`;else if(this.options.axis===`x`||o.y===c.y)f=t<s.left+s.width*u?`before`:`after`;else{let e=s.left+s.width*u,r=s.top+s.height*d;f=t<e&&n<r?`before`:`after`}r[f](e,this.#c)}};n(`sortable`,u);var d=u;export{d as default};
+//# sourceMappingURL=frost-ui-sortable.esm.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"frost-ui-sortable.esm.min.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;\n    #dragging;\n    #enabled;\n    #pos;\n    #scrollFrame;\n    #selector;\n    #startIndex;\n    #target;\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        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        setCursor($.find(this.#selector, this.node), this.options.cursor);\n        this.#events();\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        $.removeEventDelegate(this.node, 'mousedown.ui.sortable touchstart.ui.sortable');\n        $.removeEvent(this.node, 'receive.ui.sortable');\n        resetCursor($.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        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 downEvent = (e) => {\n            const cancelled = this.options.cancel &&\n                (\n                    $.is(e.target, this.options.cancel) ||\n                    $.is(e.currentTarget, this.options.cancel) ||\n                    $.closest(e.target, this.options.cancel, this.node).length\n                );\n\n            if (\n                e.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, e.currentTarget)) :\n                e.currentTarget;\n\n            if (!this.#target) {\n                return false;\n            }\n        };\n\n        const moveEvent = (e) => {\n            if (!this.node || !this.#target) {\n                return;\n            }\n\n            const previousPos = this.#pos;\n            this.#pos = getPosition(e);\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 upEvent = (e) => {\n            if (!this.node) {\n                return;\n            }\n\n            if (!this.#dragging) {\n                this.#target = null;\n                return;\n            }\n\n            if (e.type === 'mouseup') {\n                e.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 dragEvent = $.mouseDragFactory(downEvent, moveEvent, upEvent);\n\n        $.addEventDelegate(\n            this.node,\n            'mousedown.ui.sortable touchstart.ui.sortable',\n            this.#selector,\n            dragEvent,\n        );\n\n        $.addEvent(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 && this.#scrollFrame !== undefined) {\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 && this.#scrollFrame !== undefined\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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"}