@nxgt/material-vue 0.1.0

package/dist/dnd-MJFkrG2f.js

@@ -0,0 +1,806 @@
+import { t as e } from "./utils-Cy-ByIEo.js";
+import { t } from "./icon-button-Do3YaRdv.js";
+import { n } from "./i18n-DXZMN9FA.js";
+import { Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, inject as u, mergeProps as d, normalizeStyle as f, onUnmounted as p, openBlock as m, provide as h, reactive as g, ref as _, renderSlot as v, toValue as y, unref as b, useAttrs as x, watch as S, watchEffect as C, withCtx as w, withModifiers as T } from "vue";
+import { Primitive as E } from "reka-ui";
+import { GripVertical as ee } from "@lucide/vue";
+//#region lib/components/ui/dnd/array-move.ts
+function te(e, t, n) {
+	let r = e.slice(), i = t < 0 ? r.length + t : t, a = r.splice(i, 1)[0];
+	if (a === void 0) return e;
+	let o = n < 0 ? r.length + n : n;
+	return r.splice(o, 0, a), r;
+}
+//#endregion
+//#region lib/components/ui/dnd/collision.ts
+function D(e) {
+	if (!e) return null;
+	let t = e.getBoundingClientRect();
+	return {
+		width: t.width,
+		height: t.height,
+		top: t.top,
+		left: t.left,
+		right: t.right,
+		bottom: t.bottom
+	};
+}
+function O(e) {
+	return {
+		x: e.left + e.width / 2,
+		y: e.top + e.height / 2
+	};
+}
+function k(e, t) {
+	let n = Math.max(e.left, t.left), r = Math.min(e.right, t.right), i = Math.max(e.top, t.top), a = Math.min(e.bottom, t.bottom);
+	return Math.max(0, r - n) * Math.max(0, a - i);
+}
+function A(e, t) {
+	return e.get(t);
+}
+var j = ({ collisionRect: e, droppableContainers: t, droppableRects: n }) => {
+	let r = O(e), i = [];
+	for (let e of t) {
+		let t = A(n, e.id);
+		if (!t) continue;
+		let a = O(t), o = (a.x - r.x) ** 2 + (a.y - r.y) ** 2;
+		i.push({
+			id: e.id,
+			data: { value: o }
+		});
+	}
+	return i.sort((e, t) => (e.data?.value ?? 0) - (t.data?.value ?? 0));
+}, ne = ({ pointerCoordinates: e, droppableContainers: t, droppableRects: n }) => {
+	if (!e) return [];
+	let { x: r, y: i } = e, a = [];
+	for (let e of t) {
+		let t = A(n, e.id);
+		t && r >= t.left && r <= t.right && i >= t.top && i <= t.bottom && a.push({
+			id: e.id,
+			data: { value: 0 }
+		});
+	}
+	return a;
+}, re = ({ collisionRect: e, droppableContainers: t, droppableRects: n }) => {
+	let r = [];
+	for (let i of t) {
+		let t = A(n, i.id);
+		if (!t) continue;
+		let a = k(e, t);
+		a > 0 && r.push({
+			id: i.id,
+			data: { value: a }
+		});
+	}
+	return r.sort((e, t) => (t.data?.value ?? 0) - (e.data?.value ?? 0));
+};
+//#endregion
+//#region lib/components/ui/dnd/compose-refs.ts
+function M(e) {
+	return e ? e instanceof HTMLElement ? e : "$el" in e && e.$el instanceof HTMLElement ? e.$el : null : null;
+}
+function N(...e) {
+	return (t) => {
+		for (let n of e) n && (typeof n == "function" ? n(t) : n.value = t);
+	};
+}
+//#endregion
+//#region lib/components/ui/dnd/css.ts
+var P = {
+	Translate: { toString(e) {
+		if (e) return `translate3d(${e.x}px, ${e.y}px, 0)`;
+	} },
+	Transform: { toString(e) {
+		if (!e) return;
+		let t = e.scaleX ?? 1, n = e.scaleY ?? 1;
+		return `translate3d(${e.x}px, ${e.y}px, 0) scaleX(${t}) scaleY(${n})`;
+	} }
+}, F = Symbol("nxgt-dnd-item");
+function I() {
+	return u(F, null);
+}
+function ie(e) {
+	let t = g({
+		listeners: e.listeners,
+		attributes: e.attributes(),
+		isDragging: e.isDragging(),
+		setActivatorNodeRef: e.setActivatorNodeRef
+	});
+	return C(() => {
+		t.attributes = e.attributes(), t.isDragging = e.isDragging();
+	}), h(F, t), t;
+}
+//#endregion
+//#region lib/components/ui/dnd/dnd-context.ts
+var L = Symbol("nxgt-dnd");
+function R() {
+	let e = u(L, null);
+	if (!e) throw Error("Dnd components must be used within DndProvider");
+	return e;
+}
+//#endregion
+//#region lib/components/ui/dnd/use-dnd-active-id.ts
+function z() {
+	let e = R();
+	return i(() => e.activeId);
+}
+//#endregion
+//#region lib/components/ui/dnd/dnd-overlay.vue
+var B = /* @__PURE__ */ l({
+	__name: "dnd-overlay",
+	props: { dropAnimation: {} },
+	setup(e) {
+		let t = R(), n = z(), c = i(() => {
+			if (!(!t.startRect || n.value == null)) return {
+				position: "fixed",
+				left: `${t.startRect.left + t.transform.x}px`,
+				top: `${t.startRect.top + t.transform.y}px`,
+				width: `${t.startRect.width}px`,
+				pointerEvents: "none",
+				zIndex: 1e3
+			};
+		});
+		return (e, t) => (m(), a(r, { to: "body" }, [b(n) == null ? o("", !0) : (m(), s("div", {
+			key: 0,
+			"data-slot": "dnd-overlay",
+			style: f(c.value)
+		}, [v(e.$slots, "default", { activeId: b(n) })], 4))]));
+	}
+});
+//#endregion
+//#region lib/components/ui/dnd/dnd-runtime.ts
+function V(e) {
+	e.itemRects.clear();
+	for (let [t, n] of [...e.droppables, ...e.draggables]) {
+		if (e.itemRects.has(t)) continue;
+		let r = D(n.element);
+		r && e.itemRects.set(t, r);
+	}
+}
+function H(e, t) {
+	return {
+		width: e.width,
+		height: e.height,
+		left: e.left + t.x,
+		top: e.top + t.y,
+		right: e.right + t.x,
+		bottom: e.bottom + t.y
+	};
+}
+function U(e, t, n) {
+	let r = e.startRect;
+	return !r || e.activeId == null ? null : t({
+		active: {
+			id: e.activeId,
+			data: { current: n }
+		},
+		collisionRect: H(r, e.transform),
+		droppableRects: e.itemRects,
+		droppableContainers: [...e.droppables.values()].filter((e) => !e.disabled).map((e) => ({
+			id: e.id,
+			disabled: e.disabled,
+			data: { current: e.data }
+		})),
+		pointerCoordinates: e.pointer
+	})[0]?.id ?? null;
+}
+function W(e, t, n) {
+	let r = e.overId == null ? null : e.droppables.get(e.overId) ?? null;
+	return {
+		active: {
+			id: e.activeId ?? n ?? "",
+			data: { current: t }
+		},
+		over: r ? {
+			id: r.id,
+			data: { current: r.data }
+		} : null,
+		delta: {
+			x: e.transform.x,
+			y: e.transform.y
+		}
+	};
+}
+//#endregion
+//#region lib/components/ui/dnd/create-dnd-context.ts
+var G = 6;
+function K(e) {
+	let t = g({
+		disabled: !1,
+		activeId: null,
+		overId: null,
+		transform: {
+			x: 0,
+			y: 0
+		},
+		startRect: null,
+		pointer: null,
+		itemRects: /* @__PURE__ */ new Map(),
+		draggables: /* @__PURE__ */ new Map(),
+		droppables: /* @__PURE__ */ new Map(),
+		registerDraggable: a,
+		registerDroppable: o,
+		unregisterDraggable: s,
+		unregisterDroppable: c,
+		startPointer: y,
+		destroy: b
+	}), n = null, r = {}, i = () => W(t, r, n?.id);
+	function a(e) {
+		t.draggables.set(e.id, e);
+	}
+	function o(e) {
+		t.droppables.set(e.id, e);
+	}
+	function s(e) {
+		t.draggables.delete(e);
+	}
+	function c(e) {
+		t.droppables.delete(e);
+	}
+	function l() {
+		if (t.disabled) return !1;
+		let n = e.sensors();
+		return !(n && n.length === 0);
+	}
+	function u() {
+		n = null, r = {}, t.activeId = null, t.overId = null, t.transform = {
+			x: 0,
+			y: 0
+		}, t.startRect = null, t.pointer = null, t.itemRects.clear(), typeof document < "u" && document.body.style.removeProperty("user-select"), v();
+	}
+	function d(n, a, o, s) {
+		let c = t.draggables.get(n);
+		if (!c || c.disabled) {
+			u();
+			return;
+		}
+		r = c.data, V(t), t.activeId = n, t.startRect = t.itemRects.get(n) ?? D(c.element), t.pointer = {
+			x: s.clientX,
+			y: s.clientY
+		}, t.transform = {
+			x: a,
+			y: o
+		}, typeof document < "u" && (document.body.style.userSelect = "none"), e.emit("dragStart", i());
+	}
+	function f(a) {
+		if (!n) return;
+		let o = a.clientX - n.x, s = a.clientY - n.y;
+		if (t.activeId == null) {
+			if (Math.hypot(o, s) < G) return;
+			d(n.id, o, s, a);
+		}
+		a.preventDefault(), t.transform = {
+			x: o,
+			y: s
+		}, t.pointer = {
+			x: a.clientX,
+			y: a.clientY
+		};
+		let c = t.overId;
+		t.overId = U(t, e.collisionDetection(), r);
+		let l = i();
+		e.emit("dragMove", l), c !== t.overId && e.emit("dragOver", l);
+	}
+	function p() {
+		t.activeId != null && e.emit("dragEnd", i()), u();
+	}
+	function m() {
+		t.activeId != null && e.emit("dragCancel", i()), u();
+	}
+	function h(e) {
+		e.key === "Escape" && m();
+	}
+	function _() {
+		window.addEventListener("pointermove", f, { passive: !1 }), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", m), window.addEventListener("keydown", h);
+	}
+	function v() {
+		window.removeEventListener("pointermove", f), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", m), window.removeEventListener("keydown", h);
+	}
+	function y(e, r) {
+		if (!l() || e.button !== 0 || n) return;
+		let i = t.draggables.get(r);
+		!i || i.disabled || (e.preventDefault(), n = {
+			id: r,
+			x: e.clientX,
+			y: e.clientY
+		}, _());
+	}
+	function b() {
+		u();
+	}
+	return t;
+}
+//#endregion
+//#region lib/components/ui/dnd/dnd-provider.vue
+var q = /* @__PURE__ */ l({
+	__name: "dnd-provider",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		collisionDetection: {},
+		sensors: {},
+		onDragStart: {},
+		onDragMove: {},
+		onDragOver: {},
+		onDragEnd: {},
+		onDragCancel: {}
+	},
+	emits: [
+		"dragStart",
+		"dragMove",
+		"dragOver",
+		"dragEnd",
+		"dragCancel"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e, t) {
+			if (e === "dragStart") {
+				r("dragStart", t), n.onDragStart?.(t);
+				return;
+			}
+			if (e === "dragMove") {
+				r("dragMove", t), n.onDragMove?.(t);
+				return;
+			}
+			if (e === "dragOver") {
+				r("dragOver", t), n.onDragOver?.(t);
+				return;
+			}
+			if (e === "dragEnd") {
+				r("dragEnd", t), n.onDragEnd?.(t);
+				return;
+			}
+			r("dragCancel", t), n.onDragCancel?.(t);
+		}
+		let a = K({
+			collisionDetection: () => n.collisionDetection ?? j,
+			sensors: () => n.disabled ? [] : n.sensors,
+			emit: i
+		});
+		return S(() => n.disabled, (e) => {
+			a.disabled = e;
+		}, { immediate: !0 }), h(L, a), p(() => a.destroy()), (e, t) => v(e.$slots, "default");
+	}
+}), J = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "drag-handle",
+	props: {
+		label: {},
+		asSlot: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(r) {
+		let o = r, { t: s } = n(), l = I(), u = i(() => o.label ?? s("material.dnd.drag", "Drag"));
+		function f(e) {
+			l?.setActivatorNodeRef(M(e));
+		}
+		function p(e) {
+			e.stopPropagation(), l?.listeners.onPointerdown(e);
+		}
+		return (n, i) => r.asSlot ? (m(), a(b(E), d({ key: 0 }, n.$attrs, {
+			ref: f,
+			as: "div",
+			"as-child": "",
+			"data-slot": "drag-handle",
+			class: b(e)("cursor-pointer touch-none", o.class),
+			onPointerdown: p
+		}), {
+			default: w(() => [v(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"])) : (m(), a(t, d({ key: 1 }, n.$attrs, {
+			ref: f,
+			type: "button",
+			variant: "ghost",
+			color: "default",
+			tooltip: u.value,
+			"aria-label": u.value,
+			"data-slot": "drag-handle",
+			class: b(e)("size-7 cursor-pointer touch-none", o.class),
+			onPointerdown: p,
+			onClick: i[0] ||= T(() => {}, ["stop"])
+		}), {
+			default: w(() => [c(b(ee))]),
+			_: 1
+		}, 16, [
+			"tooltip",
+			"aria-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+//#region lib/components/ui/dnd/use-draggable.ts
+function Y(e) {
+	let t = R(), n = _(null), r = _(null), a = () => y(e.id), o = () => !!y(e.disabled), s = () => !!y(e.handleOnly);
+	function c(e) {
+		n.value = M(e);
+	}
+	function l(e) {
+		r.value = e;
+	}
+	function u(e) {
+		o() || t.startPointer(e, a());
+	}
+	C((r) => {
+		let i = a();
+		t.registerDraggable({
+			id: i,
+			element: n.value,
+			data: y(e.data) ?? {},
+			disabled: o()
+		}), r(() => t.unregisterDraggable(i));
+	}), S([
+		n,
+		r,
+		s
+	], ([e, t, n], r, i) => {
+		let a = n ? t ? [t] : [] : [e, t].filter((e, t, n) => !!e && n.indexOf(e) === t);
+		for (let e of a) e.addEventListener("pointerdown", u);
+		i(() => {
+			for (let e of a) e.removeEventListener("pointerdown", u);
+		});
+	}, { immediate: !0 });
+	let d = i(() => t.activeId === a()), f = i(() => ({
+		role: "button",
+		tabindex: 0,
+		"aria-disabled": o() || void 0,
+		"aria-pressed": d.value || void 0,
+		"aria-roledescription": e.roleDescription ?? "draggable"
+	})), p = { onPointerdown: u };
+	return e.provideItem !== !1 && ie({
+		listeners: p,
+		attributes: () => f.value,
+		isDragging: () => d.value,
+		setActivatorNodeRef: l
+	}), {
+		element: n,
+		setNodeRef: c,
+		setActivatorNodeRef: l,
+		isDragging: d,
+		attributes: f,
+		listeners: p,
+		transform: i(() => d.value ? {
+			...t.transform,
+			scaleX: 1,
+			scaleY: 1
+		} : null)
+	};
+}
+//#endregion
+//#region lib/components/ui/dnd/draggable.vue
+var ae = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "draggable",
+	props: {
+		id: {},
+		data: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		asSlot: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = x(), o = Y({
+			id: () => n.id,
+			data: () => n.data,
+			disabled: () => n.disabled
+		}), s = i(() => ({
+			transform: P.Translate.toString(o.transform.value),
+			opacity: o.isDragging.value ? .5 : void 0,
+			...typeof r.style == "object" && r.style ? r.style : {}
+		}));
+		return (i, c) => (m(), a(b(E), d(b(r), {
+			ref: b(o).setNodeRef,
+			as: "div",
+			"as-child": t.asSlot,
+			"data-slot": "draggable",
+			"data-dragging": b(o).isDragging.value || void 0,
+			style: s.value,
+			class: b(e)(!t.disabled && "cursor-pointer touch-none", n.class)
+		}), {
+			default: w(() => [v(i.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as-child",
+			"data-dragging",
+			"style",
+			"class"
+		]));
+	}
+});
+//#endregion
+//#region lib/components/ui/dnd/use-droppable.ts
+function X(e) {
+	let t = R(), n = _(null), r = () => y(e.id), a = () => !!y(e.disabled);
+	function o(e) {
+		n.value = M(e);
+	}
+	return C((i) => {
+		let o = r();
+		t.registerDroppable({
+			id: o,
+			element: n.value,
+			data: y(e.data) ?? {},
+			disabled: a()
+		}), i(() => t.unregisterDroppable(o));
+	}), {
+		element: n,
+		setNodeRef: o,
+		isOver: i(() => t.overId === r())
+	};
+}
+//#endregion
+//#region lib/components/ui/dnd/draggable-droppable.vue
+var oe = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "draggable-droppable",
+	props: {
+		id: {},
+		data: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		asSlot: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = x(), o = Y({
+			id: () => n.id,
+			data: () => n.data,
+			disabled: () => n.disabled
+		}), s = X({
+			id: () => n.id,
+			data: () => n.data,
+			disabled: () => n.disabled
+		});
+		function c(e) {
+			o.setNodeRef(e), s.setNodeRef(e);
+		}
+		let l = i(() => ({
+			transform: P.Translate.toString(o.transform.value),
+			opacity: o.isDragging.value ? .5 : void 0,
+			...typeof r.style == "object" && r.style ? r.style : {}
+		}));
+		return (i, u) => (m(), a(b(E), d(b(r), {
+			ref: c,
+			as: "div",
+			"as-child": t.asSlot,
+			"data-slot": "draggable-droppable",
+			"data-dragging": b(o).isDragging.value || void 0,
+			"data-over": b(s).isOver.value || void 0,
+			style: l.value,
+			class: b(e)(!t.disabled && "cursor-pointer touch-none", b(s).isOver.value && "bg-primary/5", n.class)
+		}), {
+			default: w(() => [v(i.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as-child",
+			"data-dragging",
+			"data-over",
+			"style",
+			"class"
+		]));
+	}
+}), se = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "droppable",
+	props: {
+		id: {},
+		data: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		asSlot: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = X({
+			id: () => n.id,
+			data: () => n.data,
+			disabled: () => n.disabled
+		});
+		return (i, o) => (m(), a(b(E), d(i.$attrs, {
+			ref: b(r).setNodeRef,
+			as: "div",
+			"as-child": t.asSlot,
+			"data-slot": "droppable",
+			"data-over": b(r).isOver.value || void 0,
+			class: b(e)(b(r).isOver.value && "bg-primary/5", n.class)
+		}), {
+			default: w(() => [v(i.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as-child",
+			"data-over",
+			"class"
+		]));
+	}
+});
+//#endregion
+//#region lib/components/ui/dnd/insert-ids.ts
+function ce(e, t, n, r) {
+	let i = t.filter((e, t, n) => n.indexOf(e) === t), a = e.filter((e) => !i.includes(e)), o = n == null ? a.length : a.indexOf(n);
+	o < 0 && (o = a.length);
+	let s = r == null ? i.length : Math.max(0, r - a.length), c = i.slice(0, s);
+	return c.length === 0 ? e : [
+		...a.slice(0, o),
+		...c,
+		...a.slice(o)
+	];
+}
+//#endregion
+//#region lib/components/ui/dnd/sortable-context.ts
+var Z = Symbol("nxgt-sortable");
+function le() {
+	return u(Z, null);
+}
+//#endregion
+//#region lib/components/ui/dnd/use-sortable.ts
+function ue(e) {
+	let t = R(), n = le(), r = Y({
+		...e,
+		roleDescription: "sortable"
+	}), a = X(e), o = () => y(e.id), s = i(() => {
+		if (r.isDragging.value) return r.transform.value;
+		if (!n || t.activeId == null) return null;
+		let e = n.items.value, i = e.indexOf(t.activeId), a = e.indexOf(o());
+		if (i < 0 || a < 0) return null;
+		let s = t.overId == null ? i : e.indexOf(t.overId), c = e.map((e) => t.itemRects.get(e) ?? {
+			width: 0,
+			height: 0,
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0
+		});
+		return n.strategy.value({
+			activeIndex: i,
+			index: a,
+			overIndex: s < 0 ? i : s,
+			rects: c
+		});
+	});
+	function c(e) {
+		r.setNodeRef(e), a.setNodeRef(e);
+	}
+	return {
+		...r,
+		isOver: a.isOver,
+		setNodeRef: c,
+		transform: s,
+		transition: i(() => r.isDragging.value ? void 0 : "transform 200ms ease")
+	};
+}
+//#endregion
+//#region lib/components/ui/dnd/sortable.vue
+var de = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "sortable",
+	props: {
+		id: {},
+		data: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		asSlot: {
+			type: Boolean,
+			default: !1
+		},
+		handleOnly: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = x(), o = ue({
+			id: () => n.id,
+			data: () => n.data,
+			disabled: () => n.disabled,
+			handleOnly: () => n.handleOnly
+		}), s = i(() => ({
+			transform: P.Transform.toString(o.transform.value),
+			transition: o.transition.value,
+			opacity: o.isDragging.value ? .5 : void 0,
+			...typeof r.style == "object" && r.style ? r.style : {}
+		}));
+		return (i, c) => (m(), a(b(E), d(b(r), {
+			ref: b(o).setNodeRef,
+			as: "div",
+			"as-child": t.asSlot,
+			"data-slot": "sortable",
+			"data-dragging": b(o).isDragging.value || void 0,
+			style: s.value,
+			class: b(e)(!t.disabled && !t.handleOnly && "cursor-pointer touch-none", n.class)
+		}), {
+			default: w(() => [v(i.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as-child",
+			"data-dragging",
+			"style",
+			"class"
+		]));
+	}
+});
+//#endregion
+//#region lib/components/ui/dnd/sorting-strategy.ts
+function Q(e, t, n) {
+	let { activeIndex: r, index: i, overIndex: a, rects: o } = e;
+	if (i === r) return null;
+	let s = o[r];
+	if (!s) return null;
+	let c = s[n], l = {
+		x: 0,
+		y: 0,
+		scaleX: 1,
+		scaleY: 1
+	};
+	return r < a && i > r && i <= a ? (l[t] = -c, l) : r > a && i >= a && i < r ? (l[t] = c, l) : null;
+}
+var $ = (e) => Q(e, "y", "height"), fe = (e) => Q(e, "x", "width"), pe = /* @__PURE__ */ l({
+	__name: "sortable-provider",
+	props: {
+		items: {},
+		strategy: { type: Function }
+	},
+	setup(e) {
+		let t = e;
+		return h(Z, {
+			items: i(() => t.items),
+			strategy: i(() => t.strategy ?? $)
+		}), (e, t) => v(e.$slots, "default");
+	}
+});
+//#endregion
+export { j as _, ce as a, te as b, ae as c, B as d, z as f, N as g, P as h, de as i, J as l, I as m, fe as n, se as o, R as p, $ as r, oe as s, pe as t, q as u, ne as v, re as y };