@vue-dnd-kit/core 1.5.2 → 1.6.0

package/dist/vue-dnd-kit-core.es.js

@@ -1,256 +1,256 @@
 var pe = Object.defineProperty;
 var he = (n, t, e) => t in n ? pe(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var Z = (n, t, e) => he(n, typeof t != "symbol" ? t + "" : t, e);
-import { shallowRef as S, ref as U, computed as k, onMounted as J, onUnmounted as ye, defineComponent as fe, createElementBlock as q, createCommentVNode as Ee, unref as w, openBlock as H, normalizeStyle as re, Fragment as ae, renderList as we, createBlock as G, resolveDynamicComponent as j, Transition as xe, withCtx as Pe, normalizeProps as le, guardReactiveProps as Me, mergeProps as Ae, createVNode as Le, render as se, useId as ze, onBeforeUnmount as ge } from "vue";
-import { createGlobalState as me, useMagicKeys as Ce, useThrottleFn as Ie } from "@vueuse/core";
-const L = class L {
+var Y = (n, t, e) => he(n, typeof t != "symbol" ? t + "" : t, e);
+import { shallowRef as D, ref as X, computed as O, onMounted as te, onUnmounted as ye, defineComponent as fe, createElementBlock as j, createCommentVNode as Ee, unref as M, openBlock as N, normalizeStyle as re, Fragment as ae, renderList as we, createBlock as J, resolveDynamicComponent as ee, Transition as Me, withCtx as xe, normalizeProps as le, guardReactiveProps as Pe, mergeProps as Ae, createVNode as Le, render as se, useId as be, onBeforeUnmount as ge } from "vue";
+import { createGlobalState as me, useMagicKeys as Ie, useThrottleFn as ze } from "@vueuse/core";
+const P = class P {
 };
-Z(L, "remove", (t, e) => {
+Y(P, "remove", (t, e) => {
   if (!t || e === void 0) return;
-  const [a] = t.splice(e, 1);
-  return a;
-}), Z(L, "insert", (t, e, a) => {
-  !t || e === void 0 || t.splice(e, 0, a);
-}), Z(L, "move", (t, e, a, l) => {
-  if (!t || !a || e === void 0 || l === void 0)
+  const [r] = t.splice(e, 1);
+  return r;
+}), Y(P, "insert", (t, e, r) => {
+  !t || e === void 0 || t.splice(e, 0, r);
+}), Y(P, "move", (t, e, r, l) => {
+  if (!t || !r || e === void 0 || l === void 0)
     return;
-  const s = L.remove(t, e);
-  L.insert(a, l, s);
-}), Z(L, "swap", (t, e, a, l) => {
-  if (!t || !a || e === void 0 || l === void 0)
+  const s = P.remove(t, e);
+  P.insert(r, l, s);
+}), Y(P, "swap", (t, e, r, l) => {
+  if (!t || !r || e === void 0 || l === void 0)
     return;
-  const s = t[e], i = a[l];
-  t[e] = i, a[l] = s;
-}), Z(L, "copy", (t, e, a, l) => {
-  if (!t || e === void 0 || !a || l === void 0)
+  const s = t[e], i = r[l];
+  t[e] = i, r[l] = s;
+}), Y(P, "copy", (t, e, r, l) => {
+  if (!t || e === void 0 || !r || l === void 0)
     return;
   const s = t[e];
-  L.insert(a, l, s);
-}), Z(L, "applyTransfer", (t) => {
-  var l, s, i, f, o, u, v;
-  const e = t.hovered.element.value, a = t.hovered.zone.value;
+  P.insert(r, l, s);
+}), Y(P, "applyTransfer", (t) => {
+  var l, s, i, g, o, u, d;
+  const e = t.hovered.element.value, r = t.hovered.zone.value;
   if (e) {
-    const g = (s = (l = t.elementsMap.value.get(e)) == null ? void 0 : l.data) == null ? void 0 : s.source, r = (f = (i = t.elementsMap.value.get(e)) == null ? void 0 : i.data) == null ? void 0 : f.index, d = t.draggingElements.value.values().next().value, c = (o = d == null ? void 0 : d.data) == null ? void 0 : o.index, p = c !== void 0 && r !== void 0 && c > r ? 1 : -1;
+    const f = (s = (l = t.elementsMap.value.get(e)) == null ? void 0 : l.data) == null ? void 0 : s.source, a = (g = (i = t.elementsMap.value.get(e)) == null ? void 0 : i.data) == null ? void 0 : g.index, c = t.draggingElements.value.values().next().value, v = (o = c == null ? void 0 : c.data) == null ? void 0 : o.index, m = v !== void 0 && a !== void 0 && v > a ? 1 : -1;
     Array.from(
       t.draggingElements.value.values()
     ).sort(
-      (y, P) => {
-        var z, M;
-        return p * ((((z = y.data) == null ? void 0 : z.index) || 0) - (((M = P.data) == null ? void 0 : M.index) || 0));
+      (p, z) => {
+        var L, I;
+        return m * ((((L = p.data) == null ? void 0 : L.index) || 0) - (((I = z.data) == null ? void 0 : I.index) || 0));
       }
     ).forEach(
-      (y) => {
-        var P, z;
-        return L.move(
-          (P = y.data) == null ? void 0 : P.source,
-          (z = y.data) == null ? void 0 : z.index,
-          g,
-          r
+      (p) => {
+        var z, L;
+        return P.move(
+          (z = p.data) == null ? void 0 : z.source,
+          (L = p.data) == null ? void 0 : L.index,
+          f,
+          a
         );
       }
     );
-  } else if (a) {
-    const g = (v = (u = t.zonesMap.value.get(a)) == null ? void 0 : u.data) == null ? void 0 : v.source, r = g == null ? void 0 : g.length;
+  } else if (r) {
+    const f = (d = (u = t.zonesMap.value.get(r)) == null ? void 0 : u.data) == null ? void 0 : d.source, a = f == null ? void 0 : f.length;
     Array.from(
       t.draggingElements.value.values()
-    ).sort((c, p) => {
-      var m, y;
-      return (((m = p.data) == null ? void 0 : m.index) || 0) - (((y = c.data) == null ? void 0 : y.index) || 0);
+    ).sort((v, m) => {
+      var E, p;
+      return (((E = m.data) == null ? void 0 : E.index) || 0) - (((p = v.data) == null ? void 0 : p.index) || 0);
     }).forEach(
-      (c) => {
-        var p, m;
-        return L.move(
-          (p = c.data) == null ? void 0 : p.source,
-          (m = c.data) == null ? void 0 : m.index,
-          g,
-          r
+      (v) => {
+        var m, E;
+        return P.move(
+          (m = v.data) == null ? void 0 : m.source,
+          (E = v.data) == null ? void 0 : E.index,
+          f,
+          a
         );
       }
     );
   }
-}), Z(L, "applyCopy", (t) => {
-  var l, s, i, f, o, u;
-  const e = t.hovered.element.value, a = t.hovered.zone.value;
+}), Y(P, "applyCopy", (t) => {
+  var l, s, i, g, o, u;
+  const e = t.hovered.element.value, r = t.hovered.zone.value;
   if (e) {
-    const v = (s = (l = t.elementsMap.value.get(e)) == null ? void 0 : l.data) == null ? void 0 : s.source, g = (f = (i = t.elementsMap.value.get(e)) == null ? void 0 : i.data) == null ? void 0 : f.index;
+    const d = (s = (l = t.elementsMap.value.get(e)) == null ? void 0 : l.data) == null ? void 0 : s.source, f = (g = (i = t.elementsMap.value.get(e)) == null ? void 0 : i.data) == null ? void 0 : g.index;
     Array.from(
       t.draggingElements.value.values()
-    ).sort((d, c) => {
-      var p, m;
-      return (((p = c.data) == null ? void 0 : p.index) || 0) - (((m = d.data) == null ? void 0 : m.index) || 0);
+    ).sort((c, v) => {
+      var m, E;
+      return (((m = v.data) == null ? void 0 : m.index) || 0) - (((E = c.data) == null ? void 0 : E.index) || 0);
     }).forEach(
-      (d) => {
-        var c, p;
-        return L.copy(
-          (c = d.data) == null ? void 0 : c.source,
-          (p = d.data) == null ? void 0 : p.index,
-          v,
-          g
+      (c) => {
+        var v, m;
+        return P.copy(
+          (v = c.data) == null ? void 0 : v.source,
+          (m = c.data) == null ? void 0 : m.index,
+          d,
+          f
         );
       }
     );
-  } else if (a) {
-    const v = (u = (o = t.zonesMap.value.get(a)) == null ? void 0 : o.data) == null ? void 0 : u.source, g = v == null ? void 0 : v.length;
+  } else if (r) {
+    const d = (u = (o = t.zonesMap.value.get(r)) == null ? void 0 : o.data) == null ? void 0 : u.source, f = d == null ? void 0 : d.length;
     Array.from(
       t.draggingElements.value.values()
-    ).sort((d, c) => {
-      var p, m;
-      return (((p = c.data) == null ? void 0 : p.index) || 0) - (((m = d.data) == null ? void 0 : m.index) || 0);
+    ).sort((c, v) => {
+      var m, E;
+      return (((m = v.data) == null ? void 0 : m.index) || 0) - (((E = c.data) == null ? void 0 : E.index) || 0);
     }).forEach(
-      (d) => {
-        var c, p;
-        return L.copy(
-          (c = d.data) == null ? void 0 : c.source,
-          (p = d.data) == null ? void 0 : p.index,
-          v,
-          g
+      (c) => {
+        var v, m;
+        return P.copy(
+          (v = c.data) == null ? void 0 : v.source,
+          (m = c.data) == null ? void 0 : m.index,
+          d,
+          f
         );
       }
     );
   }
-}), Z(L, "applySwap", (t) => {
-  var l, s, i, f, o, u, v, g;
-  const e = t.hovered.element.value, a = t.hovered.zone.value;
+}), Y(P, "applySwap", (t) => {
+  var l, s, i, g, o, u, d, f;
+  const e = t.hovered.element.value, r = t.hovered.zone.value;
   if (e && t.draggingElements.value.size === 1) {
-    const r = t.draggingElements.value.values().next().value;
-    L.swap(
-      (l = r == null ? void 0 : r.data) == null ? void 0 : l.source,
-      (s = r == null ? void 0 : r.data) == null ? void 0 : s.index,
-      (f = (i = t.elementsMap.value.get(e)) == null ? void 0 : i.data) == null ? void 0 : f.source,
+    const a = t.draggingElements.value.values().next().value;
+    P.swap(
+      (l = a == null ? void 0 : a.data) == null ? void 0 : l.source,
+      (s = a == null ? void 0 : a.data) == null ? void 0 : s.index,
+      (g = (i = t.elementsMap.value.get(e)) == null ? void 0 : i.data) == null ? void 0 : g.source,
       (u = (o = t.elementsMap.value.get(e)) == null ? void 0 : o.data) == null ? void 0 : u.index
     );
-  } else if (a) {
-    const r = (g = (v = t.zonesMap.value.get(a)) == null ? void 0 : v.data) == null ? void 0 : g.source, d = r == null ? void 0 : r.length;
+  } else if (r) {
+    const a = (f = (d = t.zonesMap.value.get(r)) == null ? void 0 : d.data) == null ? void 0 : f.source, c = a == null ? void 0 : a.length;
     Array.from(
       t.draggingElements.value.values()
-    ).sort((p, m) => {
-      var y, P;
-      return (((y = m.data) == null ? void 0 : y.index) || 0) - (((P = p.data) == null ? void 0 : P.index) || 0);
+    ).sort((m, E) => {
+      var p, z;
+      return (((p = E.data) == null ? void 0 : p.index) || 0) - (((z = m.data) == null ? void 0 : z.index) || 0);
     }).forEach(
-      (p) => {
-        var m, y;
-        return L.move(
-          (m = p.data) == null ? void 0 : m.source,
-          (y = p.data) == null ? void 0 : y.index,
-          r,
-          d
+      (m) => {
+        var E, p;
+        return P.move(
+          (E = m.data) == null ? void 0 : E.source,
+          (p = m.data) == null ? void 0 : p.index,
+          a,
+          c
         );
       }
     );
   }
-}), Z(L, "applyRemove", (t) => {
+}), Y(P, "applyRemove", (t) => {
   Array.from(
     t.draggingElements.value.values()
-  ).sort((a, l) => {
+  ).sort((r, l) => {
     var s, i;
-    return (((s = l.data) == null ? void 0 : s.index) || 0) - (((i = a.data) == null ? void 0 : i.index) || 0);
-  }).forEach((a) => {
+    return (((s = l.data) == null ? void 0 : s.index) || 0) - (((i = r.data) == null ? void 0 : i.index) || 0);
+  }).forEach((r) => {
     var l, s;
-    (l = a.data) != null && l.source && ((s = a.data) == null ? void 0 : s.index) !== void 0 && L.remove(a.data.source, a.data.index);
+    (l = r.data) != null && l.source && ((s = r.data) == null ? void 0 : s.index) !== void 0 && P.remove(r.data.source, r.data.index);
   });
-}), Z(L, "applyInsert", (t, e) => {
-  var s, i, f, o, u, v;
-  const a = t.hovered.element.value, l = t.hovered.zone.value;
-  if (a && e.length > 0) {
-    const g = (i = (s = t.elementsMap.value.get(a)) == null ? void 0 : s.data) == null ? void 0 : i.source, r = (o = (f = t.elementsMap.value.get(a)) == null ? void 0 : f.data) == null ? void 0 : o.index;
-    e.forEach((d) => {
-      L.insert(g, r, d);
+}), Y(P, "applyInsert", (t, e) => {
+  var s, i, g, o, u, d;
+  const r = t.hovered.element.value, l = t.hovered.zone.value;
+  if (r && e.length > 0) {
+    const f = (i = (s = t.elementsMap.value.get(r)) == null ? void 0 : s.data) == null ? void 0 : i.source, a = (o = (g = t.elementsMap.value.get(r)) == null ? void 0 : g.data) == null ? void 0 : o.index;
+    e.forEach((c) => {
+      P.insert(f, a, c);
     });
   } else if (l) {
-    const g = (v = (u = t.zonesMap.value.get(l)) == null ? void 0 : u.data) == null ? void 0 : v.source, r = g == null ? void 0 : g.length;
-    e.forEach((d) => {
-      L.insert(g, r, d);
+    const f = (d = (u = t.zonesMap.value.get(l)) == null ? void 0 : u.data) == null ? void 0 : d.source, a = f == null ? void 0 : f.length;
+    e.forEach((c) => {
+      P.insert(f, a, c);
     });
   }
 });
-let oe = L;
-const R = me(() => {
-  const n = S(!1), t = U(
+let oe = P;
+const U = me(() => {
+  const n = D(!1), t = X(
     /* @__PURE__ */ new Map()
-  ), e = k(() => t.value.size > 0), a = {
-    component: U(null),
-    ref: S(null),
-    options: S(null),
+  ), e = O(() => t.value.size > 0), r = {
+    component: X(null),
+    ref: D(null),
+    options: D(null),
     animating: {
-      enter: S(!1),
-      leave: S(!1),
-      appear: S(!1)
+      enter: D(!1),
+      leave: D(!1),
+      appear: D(!1)
     }
-  }, l = U(/* @__PURE__ */ new Map()), s = U(/* @__PURE__ */ new Set()), i = U(/* @__PURE__ */ new Map()), f = S(/* @__PURE__ */ new Set()), o = S(/* @__PURE__ */ new Set()), u = typeof window < "u" && "IntersectionObserver" in window, v = u ? new IntersectionObserver((x) => {
+  }, l = X(/* @__PURE__ */ new Map()), s = X(/* @__PURE__ */ new Set()), i = X(/* @__PURE__ */ new Map()), g = D(/* @__PURE__ */ new Set()), o = D(/* @__PURE__ */ new Set()), u = typeof window < "u" && "IntersectionObserver" in window, d = u ? new IntersectionObserver((x) => {
     x.forEach(
       (h) => o.value[h.isIntersecting ? "add" : "delete"](
         h.target
       )
     );
-  }) : null, g = u ? new IntersectionObserver((x) => {
+  }) : null, f = u ? new IntersectionObserver((x) => {
     x.forEach(
-      (h) => f.value[h.isIntersecting ? "add" : "delete"](
+      (h) => g.value[h.isIntersecting ? "add" : "delete"](
         h.target
       )
     );
-  }) : null, r = (x, h) => {
-    v && (x === "add" ? v.observe(h) : (v.unobserve(h), o.value.delete(h)));
-  }, d = (x, h) => {
-    g && (x === "add" ? g.observe(h) : (g.unobserve(h), f.value.delete(h)));
-  }, c = {
-    start: S(null),
-    current: S(null),
+  }) : null, a = (x, h) => {
+    d && (x === "add" ? d.observe(h) : (d.unobserve(h), o.value.delete(h)));
+  }, c = (x, h) => {
+    f && (x === "add" ? f.observe(h) : (f.unobserve(h), g.value.delete(h)));
+  }, v = {
+    start: D(null),
+    current: D(null),
     offset: {
-      percent: S(null),
-      pixel: S(null)
+      percent: D(null),
+      pixel: D(null)
     }
-  }, { KeyW: p, KeyS: m, KeyA: y, KeyD: P, ctrl: z, shift: M, alt: F, meta: X } = Ce(), E = {
-    zone: S(null),
-    element: S(null)
+  }, { KeyW: m, KeyS: E, KeyA: p, KeyD: z, ctrl: L, shift: I, alt: H, meta: S } = Ie(), w = {
+    zone: D(null),
+    element: D(null)
   };
   return {
     draggingElements: t,
     isDragging: e,
-    activeContainer: a,
+    activeContainer: r,
     elementsMap: l,
     selectedElements: s,
     zonesMap: i,
-    visibleZones: f,
+    visibleZones: g,
     visibleElements: o,
-    pointerPosition: c,
+    pointerPosition: v,
     keyboard: {
-      w: p,
-      s: m,
-      a: y,
-      d: P,
-      ctrl: z,
-      shift: M,
-      alt: F,
-      meta: X
+      w: m,
+      s: E,
+      a: p,
+      d: z,
+      ctrl: L,
+      shift: I,
+      alt: H,
+      meta: S
     },
-    hovered: E,
+    hovered: w,
     isPending: n,
-    handleDragElementIntersection: r,
-    handleDropZoneIntersection: d
+    handleDragElementIntersection: a,
+    handleDropZoneIntersection: c
   };
-}), Se = (n) => {
-  const t = U(null), { draggingElements: e, pointerPosition: a, isDragging: l, activeContainer: s } = R();
-  return J(() => {
+}), Ce = (n) => {
+  const t = X(null), { draggingElements: e, pointerPosition: r, isDragging: l, activeContainer: s } = U();
+  return te(() => {
     s.ref = t, s.options.value = n ?? null;
   }), ye(() => {
     s.ref.value = null, s.options.value = null;
   }), {
     elementRef: t,
     draggingElements: e,
-    pointerPosition: a,
+    pointerPosition: r,
     isDragging: l,
     animating: s.animating
   };
-}, De = ["innerHTML"], _e = /* @__PURE__ */ fe({
+}, De = ["innerHTML"], Se = /* @__PURE__ */ fe({
   __name: "DefaultOverlay",
   props: {
     styles: {}
   },
   setup(n) {
-    const { elementRef: t, pointerPosition: e, isDragging: a, draggingElements: l } = Se(), s = k(() => {
-      var i, f, o, u;
+    const { elementRef: t, pointerPosition: e, isDragging: r, draggingElements: l } = Ce(), s = O(() => {
+      var i, g, o, u;
       return {
-        transform: `translate3d(${(((i = e.current.value) == null ? void 0 : i.x) ?? 0) - (((f = e.offset.pixel.value) == null ? void 0 : f.x) ?? 0)}px, ${(((o = e.current.value) == null ? void 0 : o.y) ?? 0) - (((u = e.offset.pixel.value) == null ? void 0 : u.y) ?? 0)}px, 0)`,
+        transform: `translate3d(${(((i = e.current.value) == null ? void 0 : i.x) ?? 0) - (((g = e.offset.pixel.value) == null ? void 0 : g.x) ?? 0)}px, ${(((o = e.current.value) == null ? void 0 : o.y) ?? 0) - (((u = e.offset.pixel.value) == null ? void 0 : u.y) ?? 0)}px, 0)`,
         zIndex: 1e3,
         position: "fixed",
         top: 0,
@@ -259,29 +259,29 @@ const R = me(() => {
         ...n.styles
       };
     });
-    return (i, f) => w(a) ? (H(), q("div", {
+    return (i, g) => M(r) ? (N(), j("div", {
       key: 0,
       ref_key: "elementRef",
       ref: t,
       style: re(s.value)
     }, [
-      (H(!0), q(ae, null, we(w(l), ([o, u]) => {
-        var v, g;
-        return H(), q(ae, {
+      (N(!0), j(ae, null, we(M(l), ([o, u]) => {
+        var d, f;
+        return N(), j(ae, {
           key: u.id
         }, [
-          u.layer ? (H(), G(j(u.layer), {
+          u.layer ? (N(), J(ee(u.layer), {
             key: 0,
             node: o,
             data: u.data,
             id: u.id,
             groups: u.groups
-          }, null, 8, ["node", "data", "id", "groups"])) : (H(), q("div", {
+          }, null, 8, ["node", "data", "id", "groups"])) : (N(), j("div", {
             key: 1,
             innerHTML: u.initialHTML,
             style: re({
-              width: `${(v = u.initialRect) == null ? void 0 : v.width}px`,
-              height: `${(g = u.initialRect) == null ? void 0 : g.height}px`
+              width: `${(d = u.initialRect) == null ? void 0 : d.width}px`,
+              height: `${(f = u.initialRect) == null ? void 0 : f.height}px`
             })
           }, null, 12, De))
         ], 64);
@@ -294,72 +294,72 @@ const R = me(() => {
     styles: {}
   },
   setup(n) {
-    const t = n, { activeContainer: e } = R(), a = k(() => ({
-      component: e.component.value ?? _e,
+    const t = n, { activeContainer: e } = U(), r = O(() => ({
+      component: e.component.value ?? Se,
       props: t
     }));
-    return (l, s) => w(e).options.value ? (H(), G(xe, {
+    return (l, s) => M(e).options.value ? (N(), J(Me, {
       key: 0,
-      name: w(e).options.value.name,
-      duration: w(e).options.value.duration,
-      "enter-from-class": w(e).options.value.enterFromClass,
-      "enter-to-class": w(e).options.value.enterToClass,
-      "enter-active-class": w(e).options.value.enterActiveClass,
-      "leave-from-class": w(e).options.value.leaveFromClass,
-      "leave-to-class": w(e).options.value.leaveToClass,
-      "leave-active-class": w(e).options.value.leaveActiveClass,
-      "appear-active-class": w(e).options.value.appearActiveClass,
-      "appear-from-class": w(e).options.value.appearFromClass,
-      "appear-to-class": w(e).options.value.appearToClass,
-      mode: w(e).options.value.mode,
-      type: w(e).options.value.type,
-      css: w(e).options.value.css,
+      name: M(e).options.value.name,
+      duration: M(e).options.value.duration,
+      "enter-from-class": M(e).options.value.enterFromClass,
+      "enter-to-class": M(e).options.value.enterToClass,
+      "enter-active-class": M(e).options.value.enterActiveClass,
+      "leave-from-class": M(e).options.value.leaveFromClass,
+      "leave-to-class": M(e).options.value.leaveToClass,
+      "leave-active-class": M(e).options.value.leaveActiveClass,
+      "appear-active-class": M(e).options.value.appearActiveClass,
+      "appear-from-class": M(e).options.value.appearFromClass,
+      "appear-to-class": M(e).options.value.appearToClass,
+      mode: M(e).options.value.mode,
+      type: M(e).options.value.type,
+      css: M(e).options.value.css,
       appear: !0,
-      persisted: w(e).options.value.persisted,
-      onEnter: w(e).options.value.onEnter,
-      onLeave: w(e).options.value.onLeave,
-      onBeforeEnter: w(e).options.value.onBeforeEnter,
-      onBeforeLeave: w(e).options.value.onBeforeLeave,
-      onBeforeAppear: w(e).options.value.onBeforeAppear,
-      onAfterEnter: w(e).options.value.onAfterEnter,
-      onAfterLeave: w(e).options.value.onAfterLeave,
-      onAfterAppear: w(e).options.value.onAfterAppear
+      persisted: M(e).options.value.persisted,
+      onEnter: M(e).options.value.onEnter,
+      onLeave: M(e).options.value.onLeave,
+      onBeforeEnter: M(e).options.value.onBeforeEnter,
+      onBeforeLeave: M(e).options.value.onBeforeLeave,
+      onBeforeAppear: M(e).options.value.onBeforeAppear,
+      onAfterEnter: M(e).options.value.onAfterEnter,
+      onAfterLeave: M(e).options.value.onAfterLeave,
+      onAfterAppear: M(e).options.value.onAfterAppear
     }, {
-      default: Pe(() => [
-        (H(), G(j(a.value.component || a.value), le(Me(a.value.props || {})), null, 16))
+      default: xe(() => [
+        (N(), J(ee(r.value.component || r.value), le(Pe(r.value.props || {})), null, 16))
       ]),
       _: 1
-    }, 8, ["name", "duration", "enter-from-class", "enter-to-class", "enter-active-class", "leave-from-class", "leave-to-class", "leave-active-class", "appear-active-class", "appear-from-class", "appear-to-class", "mode", "type", "css", "persisted", "onEnter", "onLeave", "onBeforeEnter", "onBeforeLeave", "onBeforeAppear", "onAfterEnter", "onAfterLeave", "onAfterAppear"])) : (H(), G(j(a.value.component || a.value), le(Ae({ key: 1 }, a.value.props || {})), null, 16));
+    }, 8, ["name", "duration", "enter-from-class", "enter-to-class", "enter-active-class", "leave-from-class", "leave-to-class", "leave-active-class", "appear-active-class", "appear-from-class", "appear-to-class", "mode", "type", "css", "persisted", "onEnter", "onLeave", "onBeforeEnter", "onBeforeLeave", "onBeforeAppear", "onAfterEnter", "onAfterLeave", "onAfterAppear"])) : (N(), J(ee(r.value.component || r.value), le(Ae({ key: 1 }, r.value.props || {})), null, 16));
   }
 }), Be = {
   install(n, t) {
     n.component("DragOverlay", ie);
     const e = n.mount;
     n.mount = function(l) {
-      var f;
+      var g;
       const s = e.call(this, l), i = typeof l == "string" ? document.querySelector(l) : l;
       if (i && i instanceof Element && !i.querySelector("#vue-dnd-kit-overlay")) {
         const o = document.createElement("div");
         o.id = "vue-dnd-kit-overlay", o.style.pointerEvents = "none", i.appendChild(o);
         const u = Le(ie, {
-          styles: (f = t == null ? void 0 : t.defaultOverlay) == null ? void 0 : f.styles
+          styles: (g = t == null ? void 0 : t.defaultOverlay) == null ? void 0 : g.styles
         });
         se(u, o), n.__VUE_DND_KIT_OVERLAY__ = {
           container: o,
           vnode: u,
           options: (t == null ? void 0 : t.defaultOverlay) || {}
         };
-        const v = R();
-        n.__VUE_DND_KIT_STORE__ = v;
+        const d = U();
+        n.__VUE_DND_KIT_STORE__ = d;
       }
       return s;
     };
-    const a = n.unmount;
+    const r = n.unmount;
     n.unmount = function() {
-      return n.__VUE_DND_KIT_OVERLAY__ && (se(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), a.call(this);
+      return n.__VUE_DND_KIT_OVERLAY__ && (se(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), r.call(this);
     };
   }
-}, ue = (n, t) => n.x < t.x + t.width && n.x + n.width > t.x && n.y < t.y + t.height && n.y + n.height > t.y, B = (n) => {
+}, ue = (n, t) => n.x < t.x + t.width && n.x + n.width > t.x && n.y < t.y + t.height && n.y + n.height > t.y, q = (n) => {
   if (!n)
     return {
       x: 0,
@@ -382,11 +382,11 @@ const R = me(() => {
     width: t.width,
     height: t.height
   };
-}, W = (n) => ({
+}, Q = (n) => ({
   x: n.x + n.width / 2,
   y: n.y + n.height / 2
-}), be = (n, t) => {
-  const e = B(n);
+}), _e = (n, t) => {
+  const e = q(n);
   return {
     pixel: {
       x: t.x - e.x,
@@ -398,44 +398,44 @@ const R = me(() => {
     }
   };
 }, ce = (n, t) => {
-  const e = t.x - n.x, a = t.y - n.y;
-  return Math.sqrt(e * e + a * a);
+  const e = t.x - n.x, r = t.y - n.y;
+  return Math.sqrt(e * e + r * r);
 }, ve = (n, t) => {
   const e = Math.max(
     0,
     Math.min(n.x + n.width, t.x + t.width) - Math.max(n.x, t.x)
-  ), a = Math.max(
+  ), r = Math.max(
     0,
     Math.min(n.y + n.height, t.y + t.height) - Math.max(n.y, t.y)
-  ), l = e * a, s = n.width * n.height, i = t.width * t.height;
+  ), l = e * r, s = n.width * n.height, i = t.width * t.height;
   return (l / s * 100 + l / i * 100) / 2;
-}, de = "data-vue-dnd-kit-draggable", b = (n) => {
+}, de = "data-vue-dnd-kit-draggable", Z = (n) => {
   n.preventDefault();
-}, Y = (n) => ({
+}, F = (n) => ({
   items: Array.from(n.draggingElements.value.values())
 }), ke = (n) => {
   const {
     elementsMap: t,
     draggingElements: e,
-    hovered: a,
+    hovered: r,
     selectedElements: l,
     isDragging: s,
     visibleElements: i,
-    handleDragElementIntersection: f
-  } = R(), o = U(null), u = k(() => a.element.value === o.value), v = S((n == null ? void 0 : n.id) || ze()), g = k(() => !o.value || !t.value.has(o.value) ? !1 : e.value.has(o.value)), r = k(() => {
-    if (!o.value || !s.value || !i.value.has(o.value)) return !1;
-    const m = t.value.get(o.value);
-    return m != null && m.groups.length ? !Array.from(e.value.entries()).some(
-      ([y, P]) => P.groups.length ? !P.groups.some(
-        (z) => m.groups.includes(z)
+    handleDragElementIntersection: g
+  } = U(), o = X(null), u = O(() => r.element.value === o.value), d = D((n == null ? void 0 : n.id) || be()), f = D((n == null ? void 0 : n.disabled) ?? !1), a = O(() => f.value || !o.value || !t.value.has(o.value) ? !1 : e.value.has(o.value)), c = O(() => {
+    if (f.value || !o.value || !s.value || !i.value.has(o.value)) return !1;
+    const p = t.value.get(o.value);
+    return p != null && p.groups.length ? !Array.from(e.value.entries()).some(
+      ([z, L]) => L.groups.length ? !L.groups.some(
+        (I) => p.groups.includes(I)
       ) : !1
     ) : !0;
-  }), d = k(() => {
-    if (!o.value || !s.value || !i.value.has(o.value) || a.element.value !== o.value) return !1;
-    const m = t.value.get(o.value);
-    return m != null && m.groups.length ? !Array.from(e.value.entries()).some(
-      ([y, P]) => P.groups.length ? !P.groups.some(
-        (z) => m.groups.includes(z)
+  }), v = O(() => {
+    if (f.value || !o.value || !s.value || !i.value.has(o.value) || r.element.value !== o.value) return !1;
+    const p = t.value.get(o.value);
+    return p != null && p.groups.length ? !Array.from(e.value.entries()).some(
+      ([z, L]) => L.groups.length ? !L.groups.some(
+        (I) => p.groups.includes(I)
       ) : !1
     ) : !0;
   });
@@ -450,93 +450,94 @@ const R = me(() => {
         defaultLayer: (n == null ? void 0 : n.layer) ?? null,
         events: (n == null ? void 0 : n.events) ?? {},
         data: (n == null ? void 0 : n.data) ?? null,
-        id: v.value
-      }), f("add", o.value), o.value.addEventListener("dragstart", b), o.value.addEventListener("drag", b), o.value.setAttribute(de, "true"), o.value.setAttribute("draggable", "false");
+        id: d.value,
+        disabled: f ?? !1
+      }), g("add", o.value), o.value.addEventListener("dragstart", Z), o.value.addEventListener("drag", Z), o.value.setAttribute(de, "true"), o.value.setAttribute("draggable", "false");
     },
     unregisterElement: () => {
-      o.value && (t.value.delete(o.value), l.value.delete(o.value), o.value.removeEventListener("dragstart", b), o.value.removeEventListener("drag", b), o.value.removeAttribute(de), o.value.removeAttribute("draggable"));
+      o.value && (t.value.delete(o.value), l.value.delete(o.value), o.value.removeEventListener("dragstart", Z), o.value.removeEventListener("drag", Z), o.value.removeAttribute(de), o.value.removeAttribute("draggable"));
     },
-    isDragging: g,
+    isDragging: a,
     isOvered: u,
-    isAllowed: r,
-    isLazyAllowed: d,
-    id: v
+    isAllowed: c,
+    isLazyAllowed: v,
+    id: d
   };
-}, O = (n, t) => n ? t.contains(n) : !1, Ke = (n) => {
-  var v, g;
-  const t = B(n.activeContainer.ref.value), e = W(t), a = ((v = n.pointerPosition.current.value) == null ? void 0 : v.x) ?? 0, l = ((g = n.pointerPosition.current.value) == null ? void 0 : g.y) ?? 0, i = !(t && a >= t.x && a <= t.x + t.width && l >= t.y && l <= t.y + t.height), f = Array.from(n.draggingElements.value.keys()), o = Array.from(n.visibleElements.value.entries()).filter(([r, d]) => {
-    if (!r) return !1;
-    const c = B(r);
-    return c && t && ue(c, t);
-  }).map(([r, d]) => {
-    const c = B(r), p = W(c), m = a >= c.x && a <= c.x + c.width && l >= c.y && l <= c.y + c.height, y = ve(c, t), P = ce(e, p);
-    let z = 0;
-    for (const [M, F] of n.visibleElements.value.entries())
-      M !== r && M && r && O(r, M) && z++;
+}, k = (n, t) => n ? t.contains(n) : !1, Ke = (n) => {
+  var d, f;
+  const t = q(n.activeContainer.ref.value), e = Q(t), r = ((d = n.pointerPosition.current.value) == null ? void 0 : d.x) ?? 0, l = ((f = n.pointerPosition.current.value) == null ? void 0 : f.y) ?? 0, i = !(t && r >= t.x && r <= t.x + t.width && l >= t.y && l <= t.y + t.height), g = Array.from(n.draggingElements.value.keys()), o = Array.from(n.visibleElements.value.entries()).filter(([a, c]) => {
+    if (!a) return !1;
+    const v = q(a);
+    return v && t && ue(v, t);
+  }).map(([a, c]) => {
+    const v = q(a), m = Q(v), E = r >= v.x && r <= v.x + v.width && l >= v.y && l <= v.y + v.height, p = ve(v, t), z = ce(e, m);
+    let L = 0;
+    for (const [I, H] of n.visibleElements.value.entries())
+      I !== a && I && a && k(a, I) && L++;
     return {
-      element: d,
-      node: r,
-      isPointerInElement: m,
-      overlapPercent: y,
-      depth: z,
-      centerDistance: P
+      element: c,
+      node: a,
+      isPointerInElement: E,
+      overlapPercent: p,
+      depth: L,
+      centerDistance: z
     };
-  }).sort((r, d) => {
+  }).sort((a, c) => {
     if (!i) {
-      if (r.isPointerInElement && d.isPointerInElement)
-        return d.depth - r.depth;
-      if (r.isPointerInElement !== d.isPointerInElement)
-        return r.isPointerInElement ? -1 : 1;
+      if (a.isPointerInElement && c.isPointerInElement)
+        return c.depth - a.depth;
+      if (a.isPointerInElement !== c.isPointerInElement)
+        return a.isPointerInElement ? -1 : 1;
     }
-    return Math.abs(r.overlapPercent - d.overlapPercent) <= 1 ? r.centerDistance - d.centerDistance : d.overlapPercent - r.overlapPercent;
-  }), u = Array.from(n.visibleZones.value.entries()).filter(([r, d]) => {
-    if (!r || f.some(
-      (p) => p && O(r, p)
+    return Math.abs(a.overlapPercent - c.overlapPercent) <= 1 ? a.centerDistance - c.centerDistance : c.overlapPercent - a.overlapPercent;
+  }), u = Array.from(n.visibleZones.value.entries()).filter(([a, c]) => {
+    if (!a || g.some(
+      (m) => m && k(a, m)
     ))
       return !1;
-    const c = B(r);
-    return c && t && ue(c, t);
-  }).map(([r, d]) => {
-    const c = B(r), p = W(c), m = a >= c.x && a <= c.x + c.width && l >= c.y && l <= c.y + c.height, y = ve(c, t), P = ce(e, p);
-    let z = 0;
-    for (const [M, F] of n.visibleZones.value.entries())
-      M !== r && M && r && O(r, M) && z++;
+    const v = q(a);
+    return v && t && ue(v, t);
+  }).map(([a, c]) => {
+    const v = q(a), m = Q(v), E = r >= v.x && r <= v.x + v.width && l >= v.y && l <= v.y + v.height, p = ve(v, t), z = ce(e, m);
+    let L = 0;
+    for (const [I, H] of n.visibleZones.value.entries())
+      I !== a && I && a && k(a, I) && L++;
     return {
-      zone: d,
-      node: r,
-      isPointerInElement: m,
-      overlapPercent: y,
-      depth: z,
-      centerDistance: P
+      zone: c,
+      node: a,
+      isPointerInElement: E,
+      overlapPercent: p,
+      depth: L,
+      centerDistance: z
     };
-  }).sort((r, d) => {
+  }).sort((a, c) => {
     if (!i) {
-      if (r.isPointerInElement && d.isPointerInElement)
-        return d.depth - r.depth;
-      if (r.isPointerInElement !== d.isPointerInElement)
-        return r.isPointerInElement ? -1 : 1;
+      if (a.isPointerInElement && c.isPointerInElement)
+        return c.depth - a.depth;
+      if (a.isPointerInElement !== c.isPointerInElement)
+        return a.isPointerInElement ? -1 : 1;
     }
-    return Math.abs(r.overlapPercent - d.overlapPercent) <= 1 ? r.centerDistance - d.centerDistance : d.overlapPercent - r.overlapPercent;
+    return Math.abs(a.overlapPercent - c.overlapPercent) <= 1 ? a.centerDistance - c.centerDistance : c.overlapPercent - a.overlapPercent;
   });
   return [
-    ...o.map((r) => r.node),
-    ...u.map((r) => r.node)
+    ...o.map((a) => a.node),
+    ...u.map((a) => a.node)
   ];
 }, Te = (n, t) => {
-  const { pointerPosition: e, keyboard: a } = R(), l = (t == null ? void 0 : t.moveStep) || 10;
+  const { pointerPosition: e, keyboard: r } = U(), l = (t == null ? void 0 : t.moveStep) || 10;
   return {
     onKeyboardStart: (o) => {
-      var r;
-      b(o);
-      const u = B(n.value);
-      (r = n.value) == null || r.blur();
-      const v = u.x + u.width / 2, g = u.y + u.height / 2;
+      var a;
+      Z(o);
+      const u = q(n.value);
+      (a = n.value) == null || a.blur();
+      const d = u.x + u.width / 2, f = u.y + u.height / 2;
       e.start.value = {
-        x: v,
-        y: g
+        x: d,
+        y: f
       }, e.current.value = {
-        x: v,
-        y: g
+        x: d,
+        y: f
       }, e.offset.pixel.value = {
         x: u.width / 2,
         y: u.height / 2
@@ -548,10 +549,10 @@ const R = me(() => {
     onKeyboardMove: () => {
       if (!e.current.value) return;
       const o = e.current.value.x, u = e.current.value.y;
-      let v = o, g = u;
-      a.w.value && (g -= l), a.s.value && (g += l), a.a.value && (v -= l), a.d.value && (v += l), e.current.value = {
-        x: v,
-        y: g
+      let d = o, f = u;
+      r.w.value && (f -= l), r.s.value && (f += l), r.a.value && (d -= l), r.d.value && (d += l), e.current.value = {
+        x: d,
+        y: f
       };
     },
     onKeyboardEnd: () => {
@@ -559,18 +560,18 @@ const R = me(() => {
     }
   };
 }, Ze = (n) => {
-  const t = R();
+  const t = U();
   return {
     onPointerStart: (s) => {
       t.pointerPosition.start.value = { x: s.clientX, y: s.clientY }, t.pointerPosition.current.value = {
         x: s.clientX,
         y: s.clientY
       };
-      const { pixel: i, percent: f } = be(n.value, {
+      const { pixel: i, percent: g } = _e(n.value, {
         x: s.clientX,
         y: s.clientY
       });
-      t.pointerPosition.offset.pixel.value = i, t.pointerPosition.offset.percent.value = f;
+      t.pointerPosition.offset.pixel.value = i, t.pointerPosition.offset.percent.value = g;
     },
     onPointerMove: (s) => {
       t.isPending.value || (t.pointerPosition.current.value = {
@@ -583,187 +584,208 @@ const R = me(() => {
     }
   };
 }, Oe = (n, t) => {
-  var F, X;
-  const e = R(), { onPointerStart: a, onPointerMove: l, onPointerEnd: s } = Ze(n), { onKeyboardStart: i, onKeyboardMove: f, onKeyboardEnd: o } = Te(
+  var H, S;
+  const e = U(), { onPointerStart: r, onPointerMove: l, onPointerEnd: s } = Ze(n), { onKeyboardStart: i, onKeyboardMove: g, onKeyboardEnd: o } = Te(
     n,
     t == null ? void 0 : t.keyboard
   );
   let u = null;
-  const v = (E) => {
-    var D, K;
-    if (!E) return /* @__PURE__ */ new Map();
-    const x = e.selectedElements.value.has(E);
+  const d = (w) => {
+    var _, C;
+    if (!w) return /* @__PURE__ */ new Map();
+    const x = e.selectedElements.value.has(w);
     if (e.selectedElements.value.size > 0 && x) {
-      const C = /* @__PURE__ */ new Map();
-      return e.selectedElements.value.forEach((_) => {
-        var T, V;
-        const I = e.elementsMap.value.get(_);
-        I && C.set(_, {
-          ...I,
-          initialHTML: ((T = I.node) == null ? void 0 : T.outerHTML) ?? "",
-          initialRect: (V = I.node) == null ? void 0 : V.getBoundingClientRect()
+      const R = /* @__PURE__ */ new Map();
+      return e.selectedElements.value.forEach((G) => {
+        var A, K;
+        const y = e.elementsMap.value.get(G);
+        y && R.set(G, {
+          ...y,
+          initialHTML: ((A = y.node) == null ? void 0 : A.outerHTML) ?? "",
+          initialRect: (K = y.node) == null ? void 0 : K.getBoundingClientRect()
         });
-      }), C;
+      }), R;
     }
     e.selectedElements.value.clear();
-    const h = e.elementsMap.value.get(E);
+    const h = e.elementsMap.value.get(w);
     if (!h) return /* @__PURE__ */ new Map();
-    const A = /* @__PURE__ */ new Map();
-    return A.set(E, {
+    const b = /* @__PURE__ */ new Map();
+    return b.set(w, {
       ...h,
-      initialHTML: ((D = h.node) == null ? void 0 : D.outerHTML) ?? "",
-      initialRect: (K = h.node) == null ? void 0 : K.getBoundingClientRect()
-    }), A;
-  }, g = (E) => {
-    if (!E)
+      initialHTML: ((_ = h.node) == null ? void 0 : _.outerHTML) ?? "",
+      initialRect: (C = h.node) == null ? void 0 : C.getBoundingClientRect()
+    }), b;
+  }, f = (w) => {
+    if (!w)
       return { element: null, zone: null };
-    const x = Array.isArray(E) ? E : [E], h = Array.from(e.draggingElements.value.keys()), A = x.find((C) => {
-      if (!e.visibleZones.value.has(C)) return !1;
-      const _ = e.zonesMap.value.get(C);
-      return !(!_ || h.some(
-        (I) => I && (I === _.node || O(_.node, I))
-      ) || _.groups.length && !!Array.from(
+    const x = Array.isArray(w) ? w : [w], h = Array.from(e.draggingElements.value.keys()), b = Array.from(e.zonesMap.value.entries()).flatMap(
+      ([y, A]) => A.disabled ? [y] : []
+    ), _ = Array.from(
+      e.elementsMap.value.entries()
+    ).flatMap(([y, A]) => A.disabled ? [y] : []), C = x.find((y) => {
+      if (!e.visibleZones.value.has(y)) return !1;
+      const A = e.zonesMap.value.get(y);
+      return !(!A || A.disabled || b.some(
+        (V) => y === V || k(y, V)
+      ) || h.some(
+        (V) => V && (V === A.node || k(A.node, V))
+      ) || A.groups.length && !!Array.from(
         e.draggingElements.value.values()
-      ).some((T) => T.groups.length ? !T.groups.some((V) => _.groups.includes(V)) : !1));
+      ).some((B) => B.groups.length ? !B.groups.some((T) => A.groups.includes(T)) : !1));
     });
-    return A ? {
-      element: x.filter((C) => !e.visibleElements.value.has(C) || !e.elementsMap.value.has(C) ? !1 : !Array.from(
-        e.draggingElements.value.values()
-      ).some((I) => I.groups.length ? !I.groups.some(
-        (T) => {
-          var V;
-          return (V = e.elementsMap.value.get(C)) == null ? void 0 : V.groups.includes(T);
-        }
-      ) : !1)).find((C) => h.some(
-        (I) => I && (I === C || O(C, I) || O(I, C))
-      ) ? !1 : C === A || O(
-        C,
-        A
+    return C ? {
+      element: x.filter((y) => {
+        if (!e.visibleElements.value.has(y) || !e.elementsMap.value.has(y)) return !1;
+        const A = e.elementsMap.value.get(y);
+        if (A != null && A.disabled) return !1;
+        const K = b.some(
+          (T) => y === T || k(y, T)
+        ), V = _.some(
+          (T) => y === T || k(
+            y,
+            T
+          )
+        );
+        return K || V ? !1 : !Array.from(
+          e.draggingElements.value.values()
+        ).some((T) => T.groups.length ? !T.groups.some(
+          (W) => {
+            var $;
+            return ($ = e.elementsMap.value.get(y)) == null ? void 0 : $.groups.includes(W);
+          }
+        ) : !1);
+      }).find((y) => h.some(
+        (K) => K && (K === y || k(y, K) || k(K, y))
+      ) ? !1 : y === C || k(
+        y,
+        C
       )) || null,
-      zone: A
+      zone: C
     } : { element: null, zone: null };
-  }, r = ((F = t == null ? void 0 : t.sensor) == null ? void 0 : F.setup) || Ke, d = (E) => {
-    var K, C, _, I, T, V, Q, N, ee, te, $, ne;
-    const x = e.hovered.element.value, h = e.hovered.zone.value, A = E.element, D = E.zone;
-    e.hovered.element.value = A, e.hovered.zone.value = D, x !== A && (x && ((_ = (C = (K = e.elementsMap.value.get(x)) == null ? void 0 : K.events) == null ? void 0 : C.onLeave) == null || _.call(C, e, Y(e))), A && ((V = (T = (I = e.elementsMap.value.get(A)) == null ? void 0 : I.events) == null ? void 0 : T.onHover) == null || V.call(T, e, Y(e)))), h !== D && (h && ((ee = (N = (Q = e.zonesMap.value.get(h)) == null ? void 0 : Q.events) == null ? void 0 : N.onLeave) == null || ee.call(N, e, Y(e))), D && ((ne = ($ = (te = e.zonesMap.value.get(D)) == null ? void 0 : te.events) == null ? void 0 : $.onHover) == null || ne.call($, e, Y(e))));
-  }, c = Ie(() => {
-    const E = r(e), x = g(E);
-    d(x);
-  }, ((X = t == null ? void 0 : t.sensor) == null ? void 0 : X.throttle) ?? 0), p = () => {
-    c(), u = requestAnimationFrame(p);
-  }, m = () => p(), y = () => {
+  }, a = ((H = t == null ? void 0 : t.sensor) == null ? void 0 : H.setup) || Ke, c = (w) => {
+    var C, R, G, y, A, K, V, B, T, W, $, ne;
+    const x = e.hovered.element.value, h = e.hovered.zone.value, b = w.element, _ = w.zone;
+    e.hovered.element.value = b, e.hovered.zone.value = _, x !== b && (x && ((G = (R = (C = e.elementsMap.value.get(x)) == null ? void 0 : C.events) == null ? void 0 : R.onLeave) == null || G.call(R, e, F(e))), b && ((K = (A = (y = e.elementsMap.value.get(b)) == null ? void 0 : y.events) == null ? void 0 : A.onHover) == null || K.call(A, e, F(e)))), h !== _ && (h && ((T = (B = (V = e.zonesMap.value.get(h)) == null ? void 0 : V.events) == null ? void 0 : B.onLeave) == null || T.call(B, e, F(e))), _ && ((ne = ($ = (W = e.zonesMap.value.get(_)) == null ? void 0 : W.events) == null ? void 0 : $.onHover) == null || ne.call($, e, F(e))));
+  }, v = ze(() => {
+    const w = a(e), x = f(w);
+    c(x);
+  }, ((S = t == null ? void 0 : t.sensor) == null ? void 0 : S.throttle) ?? 0), m = () => {
+    v(), u = requestAnimationFrame(m);
+  }, E = () => m(), p = () => {
     u !== null && (s(), o(), cancelAnimationFrame(u), u = null);
   };
   return {
-    activate: (E) => {
-      e.draggingElements.value = v(n.value), e.draggingElements.value.forEach(
+    activate: (w) => {
+      e.draggingElements.value = d(n.value), e.draggingElements.value.forEach(
         (x) => {
-          var h, A;
-          return (A = (h = x.events).onStart) == null ? void 0 : A.call(h, e, Y(e));
+          var h, b;
+          return (b = (h = x.events).onStart) == null ? void 0 : b.call(h, e, F(e));
         }
-      ), E instanceof PointerEvent ? a(E) : i(E), m();
+      ), w instanceof PointerEvent ? r(w) : i(w), E();
     },
-    track: (E) => {
+    track: (w) => {
       e.draggingElements.value.forEach(
         (x) => {
-          var h, A;
-          return (A = (h = x.events).onMove) == null ? void 0 : A.call(h, e, Y(e));
+          var h, b;
+          return (b = (h = x.events).onMove) == null ? void 0 : b.call(h, e, F(e));
         }
-      ), E instanceof KeyboardEvent ? f() : l(E);
+      ), w instanceof KeyboardEvent ? g() : l(w);
     },
-    deactivate: async (E = !0) => {
+    deactivate: async (w = !0) => {
       var x, h;
       if (e.hovered.zone.value) {
-        const A = e.zonesMap.value.get(e.hovered.zone.value), D = (h = A == null ? void 0 : (x = A.events).onDrop) == null ? void 0 : h.call(x, e, Y(e));
-        if (D instanceof Promise)
+        const b = e.zonesMap.value.get(e.hovered.zone.value), _ = (h = b == null ? void 0 : (x = b.events).onDrop) == null ? void 0 : h.call(x, e, F(e));
+        if (_ instanceof Promise)
           try {
             e.isPending.value = !0;
-            const K = await D;
-            return K && (E && e.selectedElements.value.clear(), e.draggingElements.value.clear(), e.hovered.zone.value = null, e.hovered.element.value = null, y()), K;
+            const C = await _;
+            return C && (w && e.selectedElements.value.clear(), e.draggingElements.value.clear(), e.hovered.zone.value = null, e.hovered.element.value = null, p()), C;
           } catch {
             return !1;
           } finally {
             e.isPending.value = !1;
           }
         else
-          E && e.selectedElements.value.clear(), e.draggingElements.value.clear(), e.hovered.zone.value = null, e.hovered.element.value = null, y();
+          w && e.selectedElements.value.clear(), e.draggingElements.value.clear(), e.hovered.zone.value = null, e.hovered.element.value = null, p();
       } else
         e.draggingElements.value.forEach(
-          (A) => {
-            var D, K;
-            return (K = (D = A.events).onEnd) == null ? void 0 : K.call(D, e, Y(e));
+          (b) => {
+            var _, C;
+            return (C = (_ = b.events).onEnd) == null ? void 0 : C.call(_, e, F(e));
           }
-        ), E && e.selectedElements.value.clear(), e.draggingElements.value.clear(), e.hovered.zone.value = null, e.hovered.element.value = null, y();
+        ), w && e.selectedElements.value.clear(), e.draggingElements.value.clear(), e.hovered.zone.value = null, e.hovered.element.value = null, p();
     }
   };
-}, Re = me(() => {
-  let n = "", t = "", e = "", a = null, l = null, s = null, i = null, f = null;
-  const { activeContainer: o, isPending: u } = R(), v = () => {
-    const c = document.body;
-    n = c.style.userSelect, c.style.userSelect = "none", window.addEventListener("contextmenu", b), window.addEventListener("selectstart", b), window.addEventListener("touchstart", b), window.addEventListener("touchmove", b);
-  }, g = () => {
-    const c = document.body;
-    c.style.userSelect = n, c.style.touchAction = t, c.style.overscrollBehavior = e, window.removeEventListener("contextmenu", b), window.removeEventListener("selectstart", b), window.removeEventListener("touchstart", b), window.removeEventListener("touchmove", b);
-  }, r = () => {
-    a && (document.removeEventListener("pointermove", a), a = null), l && (document.removeEventListener("pointerup", l), l = null), s && (s = null), i && (document.removeEventListener("wheel", i), i = null), f && (document.removeEventListener("keydown", f), document.removeEventListener("keypress", f), document.removeEventListener("keyup", f), f = null);
+}, Ve = me(() => {
+  let n = "", t = "", e = "", r = null, l = null, s = null, i = null, g = null;
+  const { activeContainer: o, isPending: u, elementsMap: d } = U(), f = () => {
+    const m = document.body;
+    n = m.style.userSelect, m.style.userSelect = "none", window.addEventListener("contextmenu", Z), window.addEventListener("selectstart", Z), window.addEventListener("touchstart", Z), window.addEventListener("touchmove", Z);
+  }, a = () => {
+    const m = document.body;
+    m.style.userSelect = n, m.style.touchAction = t, m.style.overscrollBehavior = e, window.removeEventListener("contextmenu", Z), window.removeEventListener("selectstart", Z), window.removeEventListener("touchstart", Z), window.removeEventListener("touchmove", Z);
+  }, c = () => {
+    r && (document.removeEventListener("pointermove", r), r = null), l && (document.removeEventListener("pointerup", l), l = null), s && (s = null), i && (document.removeEventListener("wheel", i), i = null), g && (document.removeEventListener("keydown", g), document.removeEventListener("keypress", g), document.removeEventListener("keyup", g), g = null);
   };
   return {
-    handleDragStart: (c, p, m) => {
-      if (u.value) return;
-      r(), c.target.blur(), m != null && m.container && (o.component.value = m.container);
-      const { activate: y, track: P, deactivate: z } = Oe(p, m);
+    handleDragStart: (m, E, p) => {
+      if (!E.value || u.value) return;
+      const z = d.value.get(E.value);
+      if (z != null && z.disabled) return;
+      c(), m.target.blur(), p != null && p.container && (o.component.value = p.container);
+      const { activate: L, track: I, deactivate: H } = Oe(E, p);
       l = () => {
-        z(!0).then((M) => {
-          M !== !1 && (o.component.value = null, g(), z(!0), r());
+        H(!0).then((S) => {
+          S !== !1 && (o.component.value = null, a(), H(!0), c());
         });
       }, s = () => {
-        o.component.value = null, g(), z(!1), r();
-      }, a = (M) => P(M), i = (M) => P(M), f = (M) => {
-        M.type === "keyup" && (M.code === "Escape" && (s == null || s()), M.code === "Enter" && (l == null || l())), P(M);
-      }, v(), y(c), document.addEventListener("pointermove", a), document.addEventListener("pointerup", l), document.addEventListener("wheel", i), document.addEventListener("keydown", f), document.addEventListener("keypress", f), document.addEventListener("keyup", f);
+        o.component.value = null, a(), H(!1), c();
+      }, r = (S) => I(S), i = (S) => I(S), g = (S) => {
+        S.type === "keyup" && (S.code === "Escape" && (s == null || s()), S.code === "Enter" && (l == null || l())), I(S);
+      }, f(), L(m), document.addEventListener("pointermove", r), document.addEventListener("pointerup", l), document.addEventListener("wheel", i), document.addEventListener("keydown", g), document.addEventListener("keypress", g), document.addEventListener("keyup", g);
     }
   };
 }), Fe = (n) => {
   const {
     id: t,
     elementRef: e,
-    isDragging: a,
+    isDragging: r,
     isOvered: l,
     isAllowed: s,
     isLazyAllowed: i,
-    registerElement: f,
+    registerElement: g,
     unregisterElement: o
-  } = ke(n), { pointerPosition: u } = R(), { handleDragStart: v } = Re(), g = (r) => v(r, e, n);
-  return J(f), ge(o), {
+  } = ke(n), { pointerPosition: u } = U(), { handleDragStart: d } = Ve(), f = (a) => d(a, e, n);
+  return te(g), ge(o), {
     pointerPosition: u,
     elementRef: e,
-    isDragging: a,
+    isDragging: r,
     isOvered: l,
     isAllowed: s,
     isLazyAllowed: i,
-    handleDragStart: g,
+    handleDragStart: f,
     id: t
   };
-}, Ve = (n) => {
+}, Ye = (n) => {
   const {
     zonesMap: t,
     hovered: e,
-    draggingElements: a,
+    draggingElements: r,
     isDragging: l,
     handleDropZoneIntersection: s
-  } = R(), i = U(null), f = k(
+  } = U(), i = X(null), g = O(
     () => e.zone.value === i.value
-  ), o = k(() => {
+  ), o = O(() => {
     if (!i.value || !l.value) return !1;
-    const r = t.value.get(i.value);
-    return r != null && r.groups.length ? !Array.from(a.value.values()).some((d) => d.groups.length ? !d.groups.some(
-      (c) => r.groups.includes(c)
+    const a = t.value.get(i.value);
+    return a != null && a.groups.length ? !Array.from(r.value.values()).some((c) => c.groups.length ? !c.groups.some(
+      (v) => a.groups.includes(v)
     ) : !1) : !0;
-  }), u = k(() => {
+  }), u = O(() => {
     if (!i.value || !l.value || e.zone.value !== i.value) return !1;
-    const r = t.value.get(i.value);
-    return r != null && r.groups.length ? !Array.from(a.value.values()).some((d) => !d.groups.some(
-      (c) => r.groups.includes(c)
+    const a = t.value.get(i.value);
+    return a != null && a.groups.length ? !Array.from(r.value.values()).some((c) => !c.groups.some(
+      (v) => a.groups.includes(v)
     )) : !0;
   });
   return {
@@ -774,13 +796,14 @@ const R = me(() => {
         node: i.value,
         groups: (n == null ? void 0 : n.groups) ?? [],
         events: (n == null ? void 0 : n.events) ?? {},
-        data: (n == null ? void 0 : n.data) ?? void 0
+        data: (n == null ? void 0 : n.data) ?? void 0,
+        disabled: (n == null ? void 0 : n.disabled) ?? !1
       }), i.value.setAttribute("data-dnd-droppable", "true");
     },
     unregisterZone: () => {
       i.value && (s("remove", i.value), t.value.delete(i.value));
     },
-    isOvered: f,
+    isOvered: g,
     isAllowed: o,
     isLazyAllowed: u
   };
@@ -788,56 +811,56 @@ const R = me(() => {
   const {
     elementRef: t,
     registerZone: e,
-    unregisterZone: a,
+    unregisterZone: r,
     isOvered: l,
     isAllowed: s,
     isLazyAllowed: i
-  } = Ve(n);
-  return J(e), ge(a), { elementRef: t, isOvered: l, isAllowed: s, isLazyAllowed: i };
+  } = Ye(n);
+  return te(e), ge(r), { elementRef: t, isOvered: l, isAllowed: s, isLazyAllowed: i };
 }, Ne = (n) => {
-  const { selectedElements: t, elementsMap: e } = R(), a = k(
+  const { selectedElements: t, elementsMap: e } = U(), r = O(
     () => n.value ? t.value.has(n.value) : !1
-  ), l = k(() => {
+  ), l = O(() => {
     if (!n.value) return !1;
     for (const u of t.value)
-      if (u && O(u, n.value))
+      if (u && k(u, n.value))
         return !0;
     return !1;
-  }), s = k(() => {
+  }), s = O(() => {
     if (!n.value) return !1;
     for (const u of t.value)
-      if (u && O(n.value, u))
+      if (u && k(n.value, u))
         return !0;
     return !1;
   }), i = () => {
     n.value && t.value.delete(n.value);
-  }, f = () => {
+  }, g = () => {
     if (!(!n.value || !e.value.get(n.value))) {
       if (l.value)
-        for (const v of t.value)
-          v && O(v, n.value) && t.value.delete(v);
+        for (const d of t.value)
+          d && k(d, n.value) && t.value.delete(d);
       if (s.value)
-        for (const v of t.value)
-          v && O(n.value, v) && t.value.delete(v);
+        for (const d of t.value)
+          d && k(n.value, d) && t.value.delete(d);
       t.value.add(n.value);
     }
   };
   return {
     handleUnselect: i,
-    handleSelect: f,
+    handleSelect: g,
     handleToggleSelect: () => {
-      n.value && (t.value.has(n.value) ? i() : f());
+      n.value && (t.value.has(n.value) ? i() : g());
     },
-    isSelected: a,
+    isSelected: r,
     isParentOfSelected: l
   };
 };
 export {
   oe as DnDOperations,
   Be as default,
-  B as getBoundingBox,
-  R as useDnDStore,
-  Se as useDragContainer,
+  q as getBoundingBox,
+  U as useDnDStore,
+  Ce as useDragContainer,
   Fe as useDraggable,
   Xe as useDroppable,
   Ne as useSelection