@vue-dnd-kit/core 1.1.5 → 1.1.7

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

@@ -1,153 +1,201 @@
 var ue = Object.defineProperty;
 var ce = (n, e, t) => e in n ? ue(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var b = (n, e, t) => ce(n, typeof e != "symbol" ? e + "" : e, t);
-import { ref as K, computed as C, shallowRef as V, onMounted as q, onBeforeUnmount as G, defineComponent as oe, createElementBlock as F, createCommentVNode as ve, unref as W, openBlock as N, normalizeStyle as B, Fragment as de, renderList as ge, createBlock as fe, resolveDynamicComponent as me, createVNode as he, render as ee, useId as ye, markRaw as Ee } from "vue";
-import { createGlobalState as ie, useMagicKeys as pe, useThrottleFn as Me } from "@vueuse/core";
-const y = class y {
+import { ref as K, computed as C, shallowRef as V, onMounted as q, onBeforeUnmount as G, defineComponent as oe, createElementBlock as F, createCommentVNode as ve, unref as W, openBlock as N, normalizeStyle as B, Fragment as de, renderList as ge, createBlock as fe, resolveDynamicComponent as me, createVNode as he, render as ee, useId as Ee, markRaw as ye } from "vue";
+import { createGlobalState as ie, useMagicKeys as pe, useThrottleFn as xe } from "@vueuse/core";
+const M = class M {
 };
-b(y, "remove", (e, t) => {
+b(M, "remove", (e, t) => {
   if (!e || t === void 0) return;
   const [r] = e.splice(t, 1);
   return r;
-}), b(y, "insert", (e, t, r) => {
+}), b(M, "insert", (e, t, r) => {
   !e || t === void 0 || e.splice(t, 0, r);
-}), b(y, "move", (e, t, r, a) => {
-  if (!e || !r || t === void 0 || a === void 0)
+}), b(M, "move", (e, t, r, l) => {
+  if (!e || !r || t === void 0 || l === void 0)
     return;
-  const o = y.remove(e, t);
-  y.insert(r, a, o);
-}), b(y, "swap", (e, t, r, a) => {
-  if (!e || !r || t === void 0 || a === void 0)
+  const o = M.remove(e, t);
+  M.insert(r, l, o);
+}), b(M, "swap", (e, t, r, l) => {
+  if (!e || !r || t === void 0 || l === void 0)
     return;
-  const o = e[t], l = r[a];
-  e[t] = l, r[a] = o;
-}), b(y, "copy", (e, t, r, a) => {
-  if (!e || t === void 0 || !r || a === void 0)
+  const o = e[t], s = r[l];
+  e[t] = s, r[l] = o;
+}), b(M, "copy", (e, t, r, l) => {
+  if (!e || t === void 0 || !r || l === void 0)
     return;
   const o = e[t];
-  y.insert(r, a, o);
-}), b(y, "applyTransfer", (e) => {
+  M.insert(r, l, o);
+}), b(M, "applyTransfer", (e) => {
+  var l, o, s, d, i, c, g;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
-  t ? e.draggingElements.value.forEach(
-    (a) => {
-      var o, l, c, s, i, u;
-      return y.move(
-        (o = a.data) == null ? void 0 : o.source,
-        (l = a.data) == null ? void 0 : l.index,
-        (s = (c = e.elementsMap.value.get(t)) == null ? void 0 : c.data) == null ? void 0 : s.source,
-        (u = (i = e.elementsMap.value.get(t)) == null ? void 0 : i.data) == null ? void 0 : u.index
-      );
-    }
-  ) : r && e.draggingElements.value.forEach(
-    (a) => {
-      var o, l, c, s, i, u, d;
-      return y.move(
-        (o = a.data) == null ? void 0 : o.source,
-        (l = a.data) == null ? void 0 : l.index,
-        (s = (c = e.zonesMap.value.get(r)) == null ? void 0 : c.data) == null ? void 0 : s.source,
-        (d = (u = (i = e.zonesMap.value.get(r)) == null ? void 0 : i.data) == null ? void 0 : u.source) == null ? void 0 : d.length
-      );
-    }
-  );
-}), b(y, "applyCopy", (e) => {
+  if (t) {
+    const u = (o = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : o.source, a = (d = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : d.index, v = e.draggingElements.value.values().next().value, f = (i = v == null ? void 0 : v.data) == null ? void 0 : i.index, m = f !== void 0 && a !== void 0 && f > a ? 1 : -1;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort(
+      (E, x) => {
+        var p, z;
+        return m * ((((p = E.data) == null ? void 0 : p.index) || 0) - (((z = x.data) == null ? void 0 : z.index) || 0));
+      }
+    ).forEach(
+      (E) => {
+        var x, p;
+        return M.move(
+          (x = E.data) == null ? void 0 : x.source,
+          (p = E.data) == null ? void 0 : p.index,
+          u,
+          a
+        );
+      }
+    );
+  } else if (r) {
+    const u = (g = (c = e.zonesMap.value.get(r)) == null ? void 0 : c.data) == null ? void 0 : g.source, a = u == null ? void 0 : u.length;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort((f, m) => {
+      var y, E;
+      return (((y = m.data) == null ? void 0 : y.index) || 0) - (((E = f.data) == null ? void 0 : E.index) || 0);
+    }).forEach(
+      (f) => {
+        var m, y;
+        return M.move(
+          (m = f.data) == null ? void 0 : m.source,
+          (y = f.data) == null ? void 0 : y.index,
+          u,
+          a
+        );
+      }
+    );
+  }
+}), b(M, "applyCopy", (e) => {
+  var l, o, s, d, i, c, g;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
-  t ? e.draggingElements.value.forEach(
-    (a) => {
-      var o, l, c, s, i, u;
-      return y.copy(
-        (o = a.data) == null ? void 0 : o.source,
-        (l = a.data) == null ? void 0 : l.index,
-        (s = (c = e.elementsMap.value.get(t)) == null ? void 0 : c.data) == null ? void 0 : s.source,
-        (u = (i = e.elementsMap.value.get(t)) == null ? void 0 : i.data) == null ? void 0 : u.index
-      );
-    }
-  ) : r && e.draggingElements.value.forEach(
-    (a) => {
-      var o, l, c, s, i, u, d;
-      return y.copy(
-        (o = a.data) == null ? void 0 : o.source,
-        (l = a.data) == null ? void 0 : l.index,
-        (s = (c = e.zonesMap.value.get(r)) == null ? void 0 : c.data) == null ? void 0 : s.source,
-        (d = (u = (i = e.zonesMap.value.get(r)) == null ? void 0 : i.data) == null ? void 0 : u.source) == null ? void 0 : d.length
-      );
-    }
-  );
-}), b(y, "applySwap", (e) => {
-  var a, o, l, c, s, i;
+  if (t) {
+    const u = (o = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : o.source, a = (d = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : d.index, v = e.draggingElements.value.values().next().value, f = (i = v == null ? void 0 : v.data) == null ? void 0 : i.index, m = f !== void 0 && a !== void 0 && f > a ? 1 : -1;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort(
+      (E, x) => {
+        var p, z;
+        return m * ((((p = E.data) == null ? void 0 : p.index) || 0) - (((z = x.data) == null ? void 0 : z.index) || 0));
+      }
+    ).forEach(
+      (E) => {
+        var x, p;
+        return M.copy(
+          (x = E.data) == null ? void 0 : x.source,
+          (p = E.data) == null ? void 0 : p.index,
+          u,
+          a
+        );
+      }
+    );
+  } else if (r) {
+    const u = (g = (c = e.zonesMap.value.get(r)) == null ? void 0 : c.data) == null ? void 0 : g.source, a = u == null ? void 0 : u.length;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort((f, m) => {
+      var y, E;
+      return (((y = m.data) == null ? void 0 : y.index) || 0) - (((E = f.data) == null ? void 0 : E.index) || 0);
+    }).forEach(
+      (f) => {
+        var m, y;
+        return M.copy(
+          (m = f.data) == null ? void 0 : m.source,
+          (y = f.data) == null ? void 0 : y.index,
+          u,
+          a
+        );
+      }
+    );
+  }
+}), b(M, "applySwap", (e) => {
+  var l, o, s, d, i, c, g, u;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
   if (t && e.draggingElements.value.size === 1) {
-    const u = e.draggingElements.value.values().next().value;
-    y.swap(
-      (a = u == null ? void 0 : u.data) == null ? void 0 : a.source,
-      (o = u == null ? void 0 : u.data) == null ? void 0 : o.index,
-      (c = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : c.source,
-      (i = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : i.index
-    );
-  } else r && e.draggingElements.value.forEach(
-    (u) => {
-      var d, v, g, m, h, z, w;
-      return y.move(
-        (d = u.data) == null ? void 0 : d.source,
-        (v = u.data) == null ? void 0 : v.index,
-        (m = (g = e.zonesMap.value.get(r)) == null ? void 0 : g.data) == null ? void 0 : m.source,
-        (w = (z = (h = e.zonesMap.value.get(r)) == null ? void 0 : h.data) == null ? void 0 : z.source) == null ? void 0 : w.length
-      );
-    }
-  );
-}), b(y, "applyRemove", (e) => {
-  e.draggingElements.value.forEach((t) => {
-    var r, a;
-    (r = t.data) != null && r.source && ((a = t.data) == null ? void 0 : a.index) !== void 0 && y.remove(t.data.source, t.data.index);
-  });
-}), b(y, "applyInsert", (e, t) => {
-  const r = e.hovered.element.value, a = e.hovered.zone.value;
-  r && t.length > 0 ? t.forEach((o) => {
-    var l, c, s, i;
-    y.insert(
-      (c = (l = e.elementsMap.value.get(r)) == null ? void 0 : l.data) == null ? void 0 : c.source,
-      (i = (s = e.elementsMap.value.get(r)) == null ? void 0 : s.data) == null ? void 0 : i.index,
-      o
+    const a = e.draggingElements.value.values().next().value;
+    M.swap(
+      (l = a == null ? void 0 : a.data) == null ? void 0 : l.source,
+      (o = a == null ? void 0 : a.data) == null ? void 0 : o.index,
+      (d = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : d.source,
+      (c = (i = e.elementsMap.value.get(t)) == null ? void 0 : i.data) == null ? void 0 : c.index
     );
-  }) : a && t.forEach((o) => {
-    var l, c, s, i, u;
-    y.insert(
-      (c = (l = e.zonesMap.value.get(a)) == null ? void 0 : l.data) == null ? void 0 : c.source,
-      (u = (i = (s = e.zonesMap.value.get(a)) == null ? void 0 : s.data) == null ? void 0 : i.source) == null ? void 0 : u.length,
-      o
+  } else if (r) {
+    const a = (u = (g = e.zonesMap.value.get(r)) == null ? void 0 : g.data) == null ? void 0 : u.source, v = a == null ? void 0 : a.length;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort((m, y) => {
+      var E, x;
+      return (((E = y.data) == null ? void 0 : E.index) || 0) - (((x = m.data) == null ? void 0 : x.index) || 0);
+    }).forEach(
+      (m) => {
+        var y, E;
+        return M.move(
+          (y = m.data) == null ? void 0 : y.source,
+          (E = m.data) == null ? void 0 : E.index,
+          a,
+          v
+        );
+      }
     );
+  }
+}), b(M, "applyRemove", (e) => {
+  Array.from(
+    e.draggingElements.value.values()
+  ).sort((r, l) => {
+    var o, s;
+    return (((o = l.data) == null ? void 0 : o.index) || 0) - (((s = r.data) == null ? void 0 : s.index) || 0);
+  }).forEach((r) => {
+    var l, o;
+    (l = r.data) != null && l.source && ((o = r.data) == null ? void 0 : o.index) !== void 0 && M.remove(r.data.source, r.data.index);
   });
+}), b(M, "applyInsert", (e, t) => {
+  var o, s, d, i, c, g;
+  const r = e.hovered.element.value, l = e.hovered.zone.value;
+  if (r && t.length > 0) {
+    const u = (s = (o = e.elementsMap.value.get(r)) == null ? void 0 : o.data) == null ? void 0 : s.source, a = (i = (d = e.elementsMap.value.get(r)) == null ? void 0 : d.data) == null ? void 0 : i.index;
+    t.forEach((v) => {
+      M.insert(u, a, v);
+    });
+  } else if (l) {
+    const u = (g = (c = e.zonesMap.value.get(l)) == null ? void 0 : c.data) == null ? void 0 : g.source, a = u == null ? void 0 : u.length;
+    t.forEach((v) => {
+      M.insert(u, a, v);
+    });
+  }
 });
-let te = y;
+let te = M;
 const T = ie(() => {
   const n = K(
     /* @__PURE__ */ new Map()
   ), e = C(() => n.value.size > 0), t = {
     component: K(null),
     ref: V(null)
-  }, r = K(/* @__PURE__ */ new Map()), a = K(
+  }, r = K(/* @__PURE__ */ new Map()), l = K(
     /* @__PURE__ */ new Map()
-  ), o = K(/* @__PURE__ */ new Map()), l = K(/* @__PURE__ */ new Set()), c = K(/* @__PURE__ */ new Set()), s = new IntersectionObserver((Z) => {
+  ), o = K(/* @__PURE__ */ new Map()), s = K(/* @__PURE__ */ new Set()), d = K(/* @__PURE__ */ new Set()), i = new IntersectionObserver((Z) => {
     Z.forEach(
-      (f) => c.value[f.isIntersecting ? "add" : "delete"](
-        f.target
+      (h) => d.value[h.isIntersecting ? "add" : "delete"](
+        h.target
       )
     );
-  }), i = new IntersectionObserver((Z) => {
+  }), c = new IntersectionObserver((Z) => {
     Z.forEach(
-      (f) => l.value[f.isIntersecting ? "add" : "delete"](f.target)
+      (h) => s.value[h.isIntersecting ? "add" : "delete"](h.target)
     );
-  }), u = (Z, f) => {
-    Z === "add" ? s.observe(f) : (s.unobserve(f), c.value.delete(f));
-  }, d = (Z, f) => {
-    Z === "add" ? i.observe(f) : (i.unobserve(f), l.value.delete(f));
-  }, v = {
+  }), g = (Z, h) => {
+    Z === "add" ? i.observe(h) : (i.unobserve(h), d.value.delete(h));
+  }, u = (Z, h) => {
+    Z === "add" ? c.observe(h) : (c.unobserve(h), s.value.delete(h));
+  }, a = {
     start: V(null),
     current: V(null),
     offset: {
       percent: V(null),
       pixel: V(null)
     }
-  }, { w: g, s: m, a: h, d: z, ctrl: w, shift: _, alt: P, meta: A } = pe(), U = {
+  }, { w: v, s: f, a: m, d: y, ctrl: E, shift: x, alt: p, meta: z } = pe(), U = {
     zone: V(null),
     element: V(null)
   };
@@ -156,44 +204,44 @@ const T = ie(() => {
     isDragging: e,
     activeContainer: t,
     elementsMap: r,
-    selectedElementsMap: a,
+    selectedElementsMap: l,
     zonesMap: o,
-    visibleZones: l,
-    visibleElements: c,
-    pointerPosition: v,
+    visibleZones: s,
+    visibleElements: d,
+    pointerPosition: a,
     keyboard: {
-      w: g,
-      s: m,
-      a: h,
-      d: z,
-      ctrl: w,
-      shift: _,
-      alt: P,
-      meta: A
+      w: v,
+      s: f,
+      a: m,
+      d: y,
+      ctrl: E,
+      shift: x,
+      alt: p,
+      meta: z
     },
     hovered: U,
-    handleDragElementIntersection: u,
-    handleDropZoneIntersection: d
+    handleDragElementIntersection: g,
+    handleDropZoneIntersection: u
   };
-}), we = () => {
-  const n = K(null), { draggingElements: e, pointerPosition: t, isDragging: r, activeContainer: a } = T();
+}), Me = () => {
+  const n = K(null), { draggingElements: e, pointerPosition: t, isDragging: r, activeContainer: l } = T();
   return q(() => {
-    a.ref = n;
+    l.ref = n;
   }), G(() => {
-    a.ref.value = null;
+    l.ref.value = null;
   }), {
     elementRef: n,
     draggingElements: e,
     pointerPosition: t,
     isDragging: r
   };
-}, Pe = ["innerHTML"], xe = /* @__PURE__ */ oe({
+}, we = ["innerHTML"], Pe = /* @__PURE__ */ oe({
   __name: "DefaultOverlay",
   setup(n) {
-    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: a } = we(), o = C(() => {
-      var l, c, s, i;
+    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: l } = Me(), o = C(() => {
+      var s, d, i, c;
       return {
-        transform: `translate3d(${(((l = t.current.value) == null ? void 0 : l.x) ?? 0) - (((c = t.offset.pixel.value) == null ? void 0 : c.x) ?? 0)}px, ${(((s = t.current.value) == null ? void 0 : s.y) ?? 0) - (((i = t.offset.pixel.value) == null ? void 0 : i.y) ?? 0)}px, 0)`,
+        transform: `translate3d(${(((s = t.current.value) == null ? void 0 : s.x) ?? 0) - (((d = t.offset.pixel.value) == null ? void 0 : d.x) ?? 0)}px, ${(((i = t.current.value) == null ? void 0 : i.y) ?? 0) - (((c = t.offset.pixel.value) == null ? void 0 : c.y) ?? 0)}px, 0)`,
         zIndex: 1e3,
         position: "fixed",
         top: 0,
@@ -201,22 +249,22 @@ const T = ie(() => {
         transition: "0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"
       };
     });
-    return (l, c) => W(r) ? (N(), F("div", {
+    return (s, d) => W(r) ? (N(), F("div", {
       key: 0,
       ref_key: "elementRef",
       ref: e,
       style: B(o.value)
     }, [
-      (N(!0), F(de, null, ge(W(a), ([s, i]) => {
-        var u, d;
+      (N(!0), F(de, null, ge(W(l), ([i, c]) => {
+        var g, u;
         return N(), F("div", {
-          key: i.id,
-          innerHTML: i.initialHTML,
+          key: c.id,
+          innerHTML: c.initialHTML,
           style: B({
-            width: `${(u = i.initialRect) == null ? void 0 : u.width}px`,
-            height: `${(d = i.initialRect) == null ? void 0 : d.height}px`
+            width: `${(g = c.initialRect) == null ? void 0 : g.width}px`,
+            height: `${(u = c.initialRect) == null ? void 0 : u.height}px`
           })
-        }, null, 12, Pe);
+        }, null, 12, we);
       }), 128))
     ], 4)) : ve("", !0);
   }
@@ -224,26 +272,26 @@ const T = ie(() => {
   __name: "DragOverlay",
   setup(n) {
     const { activeContainer: e } = T(), t = C(
-      () => e.component.value ?? xe
+      () => e.component.value ?? Pe
     );
-    return (r, a) => (N(), fe(me(t.value)));
+    return (r, l) => (N(), fe(me(t.value)));
   }
 }), Ke = {
   install(n) {
     n.component("DragOverlay", ne);
     const e = n.mount;
     n.mount = function(r) {
-      const a = e.call(this, r), o = typeof r == "string" ? document.querySelector(r) : r;
+      const l = e.call(this, r), o = typeof r == "string" ? document.querySelector(r) : r;
       if (o && o instanceof Element && !o.querySelector("#vue-dnd-kit-overlay")) {
-        const l = document.createElement("div");
-        l.id = "vue-dnd-kit-overlay", l.style.pointerEvents = "none", o.appendChild(l);
-        const c = he(ne);
-        ee(c, l), n.__VUE_DND_KIT_OVERLAY__ = {
-          container: l,
-          vnode: c
+        const s = document.createElement("div");
+        s.id = "vue-dnd-kit-overlay", s.style.pointerEvents = "none", o.appendChild(s);
+        const d = he(ne);
+        ee(d, s), n.__VUE_DND_KIT_OVERLAY__ = {
+          container: s,
+          vnode: d
         };
       }
-      return a;
+      return l;
     };
     const t = n.unmount;
     n.unmount = function() {
@@ -298,130 +346,130 @@ const T = ie(() => {
   ), r = Math.max(
     0,
     Math.min(n.y + n.height, e.y + e.height) - Math.max(n.y, e.y)
-  ), a = t * r, o = n.width * n.height, l = e.width * e.height;
-  return (a / o * 100 + a / l * 100) / 2;
-}, se = "data-vue-dnd-kit-draggable", S = (n) => {
+  ), l = t * r, o = n.width * n.height, s = e.width * e.height;
+  return (l / o * 100 + l / s * 100) / 2;
+}, se = "data-vue-dnd-kit-draggable", _ = (n) => {
   n.preventDefault();
-}, ze = (n) => {
+}, Ie = (n) => {
   const {
     elementsMap: e,
     draggingElements: t,
     hovered: r,
-    selectedElementsMap: a,
+    selectedElementsMap: l,
     isDragging: o,
-    visibleElements: l,
-    handleDragElementIntersection: c
-  } = T(), s = K(null), i = C(
-    () => l.value.has(s.value) && r.element.value === s.value
-  ), u = V((n == null ? void 0 : n.id) || ye()), d = C(() => !s.value || !l.value.has(s.value) ? !1 : t.value.has(s.value)), v = C(() => {
-    if (!s.value || !o.value || !l.value.has(s.value)) return !1;
-    const h = e.value.get(s.value);
-    return h != null && h.groups.length ? !Array.from(t.value.entries()).some(
-      ([z, w]) => w.groups.length ? !w.groups.some(
-        (_) => h.groups.includes(_)
+    visibleElements: s,
+    handleDragElementIntersection: d
+  } = T(), i = K(null), c = C(
+    () => s.value.has(i.value) && r.element.value === i.value
+  ), g = V((n == null ? void 0 : n.id) || Ee()), u = C(() => !i.value || !s.value.has(i.value) ? !1 : t.value.has(i.value)), a = C(() => {
+    if (!i.value || !o.value || !s.value.has(i.value)) return !1;
+    const m = e.value.get(i.value);
+    return m != null && m.groups.length ? !Array.from(t.value.entries()).some(
+      ([y, E]) => E.groups.length ? !E.groups.some(
+        (x) => m.groups.includes(x)
       ) : !1
     ) : !0;
   });
   return {
-    elementRef: s,
+    elementRef: i,
     registerElement: () => {
-      if (!s.value) throw new Error("ElementRef is not set");
-      e.value.set(s.value, {
-        node: s.value,
+      if (!i.value) throw new Error("ElementRef is not set");
+      e.value.set(i.value, {
+        node: i.value,
         groups: (n == null ? void 0 : n.groups) ?? [],
         layer: (n == null ? void 0 : n.layer) ?? null,
         defaultLayer: (n == null ? void 0 : n.layer) ?? null,
         events: (n == null ? void 0 : n.events) ?? {},
         data: (n == null ? void 0 : n.data) ?? null,
-        id: u.value
-      }), c("add", s.value), s.value.addEventListener("dragstart", S), s.value.addEventListener("drag", S), s.value.setAttribute(se, "true"), s.value.setAttribute("draggable", "false");
+        id: g.value
+      }), d("add", i.value), i.value.addEventListener("dragstart", _), i.value.addEventListener("drag", _), i.value.setAttribute(se, "true"), i.value.setAttribute("draggable", "false");
     },
     unregisterElement: () => {
-      s.value && (e.value.delete(s.value), a.value.delete(s.value), s.value.removeEventListener("dragstart", S), s.value.removeEventListener("drag", S), s.value.removeAttribute(se), s.value.removeAttribute("draggable"));
+      i.value && (e.value.delete(i.value), l.value.delete(i.value), i.value.removeEventListener("dragstart", _), i.value.removeEventListener("drag", _), i.value.removeAttribute(se), i.value.removeAttribute("draggable"));
     },
-    isDragging: d,
-    isOvered: i,
-    isAllowed: v,
-    id: u
+    isDragging: u,
+    isOvered: c,
+    isAllowed: a,
+    id: g
   };
-}, k = (n, e) => n ? e.contains(n) : !1, Se = (n) => {
-  var u, d;
-  const e = R(n.activeContainer.ref.value), t = $(e), r = ((u = n.pointerPosition.current.value) == null ? void 0 : u.x) ?? 0, a = ((d = n.pointerPosition.current.value) == null ? void 0 : d.y) ?? 0, l = !(e && r >= e.x && r <= e.x + e.width && a >= e.y && a <= e.y + e.height), c = Array.from(n.draggingElements.value.keys()), s = Array.from(n.visibleElements.value.entries()).filter(([v, g]) => {
-    if (!v) return !1;
-    const m = R(v);
-    return m && e && re(m, e);
-  }).map(([v, g]) => {
-    const m = R(v), h = $(m), z = r >= m.x && r <= m.x + m.width && a >= m.y && a <= m.y + m.height, w = le(m, e), _ = ae(t, h);
-    let P = 0;
-    for (const [A, U] of n.visibleElements.value.entries())
-      A !== v && A && v && k(v, A) && P++;
+}, k = (n, e) => n ? e.contains(n) : !1, ze = (n) => {
+  var g, u;
+  const e = R(n.activeContainer.ref.value), t = $(e), r = ((g = n.pointerPosition.current.value) == null ? void 0 : g.x) ?? 0, l = ((u = n.pointerPosition.current.value) == null ? void 0 : u.y) ?? 0, s = !(e && r >= e.x && r <= e.x + e.width && l >= e.y && l <= e.y + e.height), d = Array.from(n.draggingElements.value.keys()), i = Array.from(n.visibleElements.value.entries()).filter(([a, v]) => {
+    if (!a) return !1;
+    const f = R(a);
+    return f && e && re(f, e);
+  }).map(([a, v]) => {
+    const f = R(a), m = $(f), y = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, E = le(f, e), x = ae(t, m);
+    let p = 0;
+    for (const [z, U] of n.visibleElements.value.entries())
+      z !== a && z && a && k(a, z) && p++;
     return {
-      element: g,
-      node: v,
-      isPointerInElement: z,
-      overlapPercent: w,
-      depth: P,
-      centerDistance: _
+      element: v,
+      node: a,
+      isPointerInElement: y,
+      overlapPercent: E,
+      depth: p,
+      centerDistance: x
     };
-  }).sort((v, g) => {
-    if (!l) {
-      if (v.isPointerInElement && g.isPointerInElement)
-        return g.depth - v.depth;
-      if (v.isPointerInElement !== g.isPointerInElement)
-        return v.isPointerInElement ? -1 : 1;
+  }).sort((a, v) => {
+    if (!s) {
+      if (a.isPointerInElement && v.isPointerInElement)
+        return v.depth - a.depth;
+      if (a.isPointerInElement !== v.isPointerInElement)
+        return a.isPointerInElement ? -1 : 1;
     }
-    return Math.abs(v.overlapPercent - g.overlapPercent) <= 1 ? v.centerDistance - g.centerDistance : g.overlapPercent - v.overlapPercent;
-  }), i = Array.from(n.visibleZones.value.entries()).filter(([v, g]) => {
-    if (!v || c.some(
-      (h) => h && k(v, h)
+    return Math.abs(a.overlapPercent - v.overlapPercent) <= 1 ? a.centerDistance - v.centerDistance : v.overlapPercent - a.overlapPercent;
+  }), c = Array.from(n.visibleZones.value.entries()).filter(([a, v]) => {
+    if (!a || d.some(
+      (m) => m && k(a, m)
     ))
       return !1;
-    const m = R(v);
-    return m && e && re(m, e);
-  }).map(([v, g]) => {
-    const m = R(v), h = $(m), z = r >= m.x && r <= m.x + m.width && a >= m.y && a <= m.y + m.height, w = le(m, e), _ = ae(t, h);
-    let P = 0;
-    for (const [A, U] of n.visibleZones.value.entries())
-      A !== v && A && v && k(v, A) && P++;
+    const f = R(a);
+    return f && e && re(f, e);
+  }).map(([a, v]) => {
+    const f = R(a), m = $(f), y = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, E = le(f, e), x = ae(t, m);
+    let p = 0;
+    for (const [z, U] of n.visibleZones.value.entries())
+      z !== a && z && a && k(a, z) && p++;
     return {
-      zone: g,
-      node: v,
-      isPointerInElement: z,
-      overlapPercent: w,
-      depth: P,
-      centerDistance: _
+      zone: v,
+      node: a,
+      isPointerInElement: y,
+      overlapPercent: E,
+      depth: p,
+      centerDistance: x
     };
-  }).sort((v, g) => {
-    if (!l) {
-      if (v.isPointerInElement && g.isPointerInElement)
-        return g.depth - v.depth;
-      if (v.isPointerInElement !== g.isPointerInElement)
-        return v.isPointerInElement ? -1 : 1;
+  }).sort((a, v) => {
+    if (!s) {
+      if (a.isPointerInElement && v.isPointerInElement)
+        return v.depth - a.depth;
+      if (a.isPointerInElement !== v.isPointerInElement)
+        return a.isPointerInElement ? -1 : 1;
     }
-    return Math.abs(v.overlapPercent - g.overlapPercent) <= 1 ? v.centerDistance - g.centerDistance : g.overlapPercent - v.overlapPercent;
+    return Math.abs(a.overlapPercent - v.overlapPercent) <= 1 ? a.centerDistance - v.centerDistance : v.overlapPercent - a.overlapPercent;
   });
   return [
-    ...s.map((v) => v.node),
-    ...i.map((v) => v.node)
+    ...i.map((a) => a.node),
+    ...c.map((a) => a.node)
   ];
-}, _e = (n, e) => {
-  const { pointerPosition: t, keyboard: r } = T(), a = (e == null ? void 0 : e.moveStep) || 10;
+}, Se = (n, e) => {
+  const { pointerPosition: t, keyboard: r } = T(), l = (e == null ? void 0 : e.moveStep) || 10;
   return {
-    onKeyboardStart: (s) => {
-      var v;
-      S(s);
-      const i = R(n.value);
-      (v = n.value) == null || v.blur();
-      const u = i.x + i.width / 2, d = i.y + i.height / 2;
+    onKeyboardStart: (i) => {
+      var a;
+      _(i);
+      const c = R(n.value);
+      (a = n.value) == null || a.blur();
+      const g = c.x + c.width / 2, u = c.y + c.height / 2;
       t.start.value = {
-        x: u,
-        y: d
+        x: g,
+        y: u
       }, t.current.value = {
-        x: u,
-        y: d
+        x: g,
+        y: u
       }, t.offset.pixel.value = {
-        x: i.width / 2,
-        y: i.height / 2
+        x: c.width / 2,
+        y: c.height / 2
       }, t.offset.percent.value = {
         x: 50,
         y: 50
@@ -429,18 +477,18 @@ const T = ie(() => {
     },
     onKeyboardMove: () => {
       if (!t.current.value) return;
-      const s = t.current.value.x, i = t.current.value.y;
-      let u = s, d = i;
-      r.w.value && (d -= a), r.s.value && (d += a), r.a.value && (u -= a), r.d.value && (u += a), t.current.value = {
-        x: u,
-        y: d
+      const i = t.current.value.x, c = t.current.value.y;
+      let g = i, u = c;
+      r.w.value && (u -= l), r.s.value && (u += l), r.a.value && (g -= l), r.d.value && (g += l), t.current.value = {
+        x: g,
+        y: u
       };
     },
     onKeyboardEnd: () => {
       t.current.value = null, t.start.value = null, t.offset.pixel.value = null, t.offset.percent.value = null;
     }
   };
-}, De = (n) => {
+}, _e = (n) => {
   const e = T();
   return {
     onPointerStart: (o) => {
@@ -448,11 +496,11 @@ const T = ie(() => {
         x: o.clientX,
         y: o.clientY
       };
-      const { pixel: l, percent: c } = Le(n.value, {
+      const { pixel: s, percent: d } = Le(n.value, {
         x: o.clientX,
         y: o.clientY
       });
-      e.pointerPosition.offset.pixel.value = l, e.pointerPosition.offset.percent.value = c;
+      e.pointerPosition.offset.pixel.value = s, e.pointerPosition.offset.percent.value = d;
     },
     onPointerMove: (o) => {
       e.pointerPosition.current.value = {
@@ -464,134 +512,134 @@ const T = ie(() => {
       e.pointerPosition.current.value = null, e.pointerPosition.start.value = null, e.pointerPosition.offset.pixel.value = null, e.pointerPosition.offset.percent.value = null;
     }
   };
-}, Ie = (n, e) => {
+}, De = (n, e) => {
   var U, Z;
-  const t = T(), { onPointerStart: r, onPointerMove: a, onPointerEnd: o } = De(n), { onKeyboardStart: l, onKeyboardMove: c, onKeyboardEnd: s } = _e(
+  const t = T(), { onPointerStart: r, onPointerMove: l, onPointerEnd: o } = _e(n), { onKeyboardStart: s, onKeyboardMove: d, onKeyboardEnd: i } = Se(
     n,
     e == null ? void 0 : e.keyboard
   );
-  let i = null;
-  const u = (f) => {
-    var D, M;
-    if (!f) return /* @__PURE__ */ new Map();
-    const x = t.selectedElementsMap.value.has(f);
-    if (t.selectedElementsMap.value.size > 0 && x) {
-      const L = /* @__PURE__ */ new Map();
+  let c = null;
+  const g = (h) => {
+    var D, L;
+    if (!h) return /* @__PURE__ */ new Map();
+    const I = t.selectedElementsMap.value.has(h);
+    if (t.selectedElementsMap.value.size > 0 && I) {
+      const S = /* @__PURE__ */ new Map();
       return Array.from(t.selectedElementsMap.value.entries()).forEach(
-        ([I, Y]) => {
+        ([A, Y]) => {
           var H, O;
-          L.set(I, {
+          S.set(A, {
             ...Y,
             initialHTML: ((H = Y.node) == null ? void 0 : H.outerHTML) ?? "",
             initialRect: (O = Y.node) == null ? void 0 : O.getBoundingClientRect()
           });
         }
-      ), L;
+      ), S;
     }
     t.selectedElementsMap.value.clear();
-    const p = t.elementsMap.value.get(f);
-    if (!p) return /* @__PURE__ */ new Map();
-    const E = /* @__PURE__ */ new Map();
-    return E.set(f, {
-      ...p,
-      initialHTML: ((D = p.node) == null ? void 0 : D.outerHTML) ?? "",
-      initialRect: (M = p.node) == null ? void 0 : M.getBoundingClientRect()
-    }), E;
-  }, d = (f) => {
-    if (!f)
+    const P = t.elementsMap.value.get(h);
+    if (!P) return /* @__PURE__ */ new Map();
+    const w = /* @__PURE__ */ new Map();
+    return w.set(h, {
+      ...P,
+      initialHTML: ((D = P.node) == null ? void 0 : D.outerHTML) ?? "",
+      initialRect: (L = P.node) == null ? void 0 : L.getBoundingClientRect()
+    }), w;
+  }, u = (h) => {
+    if (!h)
       return { element: null, zone: null };
-    const x = Array.isArray(f) ? f : [f], p = Array.from(t.draggingElements.value.keys()), E = x.find((M) => {
-      if (!t.visibleZones.value.has(M)) return !1;
-      const L = t.zonesMap.value.get(M);
-      return !(!L || p.some(
-        (I) => I && (I === L.node || k(L.node, I))
-      ) || L.groups.length && !!Array.from(
+    const I = Array.isArray(h) ? h : [h], P = Array.from(t.draggingElements.value.keys()), w = I.find((L) => {
+      if (!t.visibleZones.value.has(L)) return !1;
+      const S = t.zonesMap.value.get(L);
+      return !(!S || P.some(
+        (A) => A && (A === S.node || k(S.node, A))
+      ) || S.groups.length && !!Array.from(
         t.draggingElements.value.values()
-      ).some((Y) => Y.groups.length ? !Y.groups.some((H) => L.groups.includes(H)) : !1));
+      ).some((Y) => Y.groups.length ? !Y.groups.some((H) => S.groups.includes(H)) : !1));
     });
-    return E ? {
-      element: x.find(
-        (M) => t.visibleElements.value.has(M) && t.elementsMap.value.has(M) && !p.some(
-          (L) => L && (L === M || k(
-            M,
-            L
-          ) || k(L, M))
-        ) && (M === E || k(
-          M,
-          E
+    return w ? {
+      element: I.find(
+        (L) => t.visibleElements.value.has(L) && t.elementsMap.value.has(L) && !P.some(
+          (S) => S && (S === L || k(
+            L,
+            S
+          ) || k(S, L))
+        ) && (L === w || k(
+          L,
+          w
         ))
       ) || null,
-      zone: E
+      zone: w
     } : { element: null, zone: null };
-  }, v = ((U = e == null ? void 0 : e.sensor) == null ? void 0 : U.setup) || Se, g = (f) => {
-    var E, D, M, L, I, Y, H, O, j, J, X, Q;
-    const x = t.hovered.element.value, p = t.hovered.zone.value;
-    t.hovered.element.value = f.element, t.hovered.zone.value = f.zone, x && t.hovered.element.value !== x && ((M = (D = (E = t.elementsMap.value.get(x)) == null ? void 0 : E.events) == null ? void 0 : D.onLeave) == null || M.call(D, t), t.hovered.element.value && ((Y = (I = (L = t.elementsMap.value.get(t.hovered.element.value)) == null ? void 0 : L.events) == null ? void 0 : I.onHover) == null || Y.call(I, t))), p && t.hovered.zone.value !== p && ((j = (O = (H = t.zonesMap.value.get(p)) == null ? void 0 : H.events) == null ? void 0 : O.onLeave) == null || j.call(O, t), t.hovered.zone.value && ((Q = (X = (J = t.zonesMap.value.get(t.hovered.zone.value)) == null ? void 0 : J.events) == null ? void 0 : X.onHover) == null || Q.call(X, t)));
-  }, m = Me(() => {
-    const f = v(t), x = d(f);
-    g(x);
-  }, ((Z = e == null ? void 0 : e.sensor) == null ? void 0 : Z.throttle) ?? 0), h = () => {
-    m(), i = requestAnimationFrame(h);
-  }, z = () => h(), w = () => {
-    i !== null && (cancelAnimationFrame(i), i = null);
+  }, a = ((U = e == null ? void 0 : e.sensor) == null ? void 0 : U.setup) || ze, v = (h) => {
+    var w, D, L, S, A, Y, H, O, j, J, X, Q;
+    const I = t.hovered.element.value, P = t.hovered.zone.value;
+    t.hovered.element.value = h.element, t.hovered.zone.value = h.zone, I && t.hovered.element.value !== I && ((L = (D = (w = t.elementsMap.value.get(I)) == null ? void 0 : w.events) == null ? void 0 : D.onLeave) == null || L.call(D, t), t.hovered.element.value && ((Y = (A = (S = t.elementsMap.value.get(t.hovered.element.value)) == null ? void 0 : S.events) == null ? void 0 : A.onHover) == null || Y.call(A, t))), P && t.hovered.zone.value !== P && ((j = (O = (H = t.zonesMap.value.get(P)) == null ? void 0 : H.events) == null ? void 0 : O.onLeave) == null || j.call(O, t), t.hovered.zone.value && ((Q = (X = (J = t.zonesMap.value.get(t.hovered.zone.value)) == null ? void 0 : J.events) == null ? void 0 : X.onHover) == null || Q.call(X, t)));
+  }, f = xe(() => {
+    const h = a(t), I = u(h);
+    v(I);
+  }, ((Z = e == null ? void 0 : e.sensor) == null ? void 0 : Z.throttle) ?? 0), m = () => {
+    f(), c = requestAnimationFrame(m);
+  }, y = () => m(), E = () => {
+    c !== null && (cancelAnimationFrame(c), c = null);
   };
   return {
-    activate: (f) => {
-      t.draggingElements.value = u(n.value), t.draggingElements.value.forEach(
-        (x) => {
-          var p, E;
-          return (E = (p = x.events).onStart) == null ? void 0 : E.call(p, t);
+    activate: (h) => {
+      t.draggingElements.value = g(n.value), t.draggingElements.value.forEach(
+        (I) => {
+          var P, w;
+          return (w = (P = I.events).onStart) == null ? void 0 : w.call(P, t);
         }
-      ), f instanceof PointerEvent ? r(f) : l(f), z();
+      ), h instanceof PointerEvent ? r(h) : s(h), y();
     },
-    track: (f) => {
+    track: (h) => {
       t.draggingElements.value.forEach(
-        (x) => {
-          var p, E;
-          return (E = (p = x.events).onMove) == null ? void 0 : E.call(p, t);
+        (I) => {
+          var P, w;
+          return (w = (P = I.events).onMove) == null ? void 0 : w.call(P, t);
         }
-      ), f instanceof KeyboardEvent ? c() : a(f);
+      ), h instanceof KeyboardEvent ? d() : l(h);
     },
-    deactivate: (f = !0) => {
-      var x, p;
-      if (o(), s(), f) {
+    deactivate: (h = !0) => {
+      var I, P;
+      if (o(), i(), h) {
         if (t.hovered.zone.value) {
-          const E = t.zonesMap.value.get(t.hovered.zone.value);
-          (p = E == null ? void 0 : (x = E.events).onDrop) == null || p.call(x, t);
+          const w = t.zonesMap.value.get(t.hovered.zone.value);
+          (P = w == null ? void 0 : (I = w.events).onDrop) == null || P.call(I, t);
         } else
           t.draggingElements.value.forEach(
-            (E) => {
-              var D, M;
-              return (M = (D = E.events).onEnd) == null ? void 0 : M.call(D, t);
+            (w) => {
+              var D, L;
+              return (L = (D = w.events).onEnd) == null ? void 0 : L.call(D, t);
             }
           );
         t.selectedElementsMap.value.clear();
       }
-      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, w();
+      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, E();
     }
   };
-}, be = ie(() => {
-  let n = "", e = "", t = "", r = null, a = null, o = null, l = null, c = null;
-  const { activeContainer: s } = T(), i = () => {
-    const g = document.body;
-    n = g.style.userSelect, g.style.userSelect = "none", window.addEventListener("contextmenu", S), window.addEventListener("selectstart", S), window.addEventListener("touchstart", S), window.addEventListener("touchmove", S);
+}, Ae = ie(() => {
+  let n = "", e = "", t = "", r = null, l = null, o = null, s = null, d = null;
+  const { activeContainer: i } = T(), c = () => {
+    const v = document.body;
+    n = v.style.userSelect, v.style.userSelect = "none", window.addEventListener("contextmenu", _), window.addEventListener("selectstart", _), window.addEventListener("touchstart", _), window.addEventListener("touchmove", _);
+  }, g = () => {
+    const v = document.body;
+    v.style.userSelect = n, v.style.touchAction = e, v.style.overscrollBehavior = t, window.removeEventListener("contextmenu", _), window.removeEventListener("selectstart", _), window.removeEventListener("touchstart", _), window.removeEventListener("touchmove", _);
   }, u = () => {
-    const g = document.body;
-    g.style.userSelect = n, g.style.touchAction = e, g.style.overscrollBehavior = t, window.removeEventListener("contextmenu", S), window.removeEventListener("selectstart", S), window.removeEventListener("touchstart", S), window.removeEventListener("touchmove", S);
-  }, d = () => {
-    r && (document.removeEventListener("pointermove", r), r = null), a && (document.removeEventListener("pointerup", a), a = null), o && (o = null), l && (document.removeEventListener("wheel", l), l = null), c && (document.removeEventListener("keydown", c), document.removeEventListener("keypress", c), document.removeEventListener("keyup", c), c = null);
+    r && (document.removeEventListener("pointermove", r), r = null), l && (document.removeEventListener("pointerup", l), l = null), o && (o = null), s && (document.removeEventListener("wheel", s), s = null), d && (document.removeEventListener("keydown", d), document.removeEventListener("keypress", d), document.removeEventListener("keyup", d), d = null);
   };
   return {
-    handleDragStart: (g, m, h) => {
-      d(), g.target.blur(), h != null && h.container && (s.component.value = Ee(h.container));
-      const { activate: z, track: w, deactivate: _ } = Ie(m, h);
-      a = () => {
-        s.component.value = null, u(), _(!0), d();
+    handleDragStart: (v, f, m) => {
+      u(), v.target.blur(), m != null && m.container && (i.component.value = ye(m.container));
+      const { activate: y, track: E, deactivate: x } = De(f, m);
+      l = () => {
+        i.component.value = null, g(), x(!0), u();
       }, o = () => {
-        s.component.value = null, u(), _(!1), d();
-      }, r = (P) => w(P), l = (P) => w(P), c = (P) => {
-        P.type === "keyup" && (P.code === "Escape" && (o == null || o()), P.code === "Enter" && (a == null || a())), w(P);
-      }, i(), z(g), document.addEventListener("pointermove", r), document.addEventListener("pointerup", a), document.addEventListener("wheel", l), document.addEventListener("keydown", c), document.addEventListener("keypress", c), document.addEventListener("keyup", c);
+        i.component.value = null, g(), x(!1), u();
+      }, r = (p) => E(p), s = (p) => E(p), d = (p) => {
+        p.type === "keyup" && (p.code === "Escape" && (o == null || o()), p.code === "Enter" && (l == null || l())), E(p);
+      }, c(), y(v), document.addEventListener("pointermove", r), document.addEventListener("pointerup", l), document.addEventListener("wheel", s), document.addEventListener("keydown", d), document.addEventListener("keypress", d), document.addEventListener("keyup", d);
     }
   };
 }), Te = (n) => {
@@ -599,86 +647,86 @@ const T = ie(() => {
     id: e,
     elementRef: t,
     isDragging: r,
-    isOvered: a,
+    isOvered: l,
     isAllowed: o,
-    registerElement: l,
-    unregisterElement: c
-  } = ze(n), { pointerPosition: s } = T(), { handleDragStart: i } = be(), u = (d) => i(d, t, n);
-  return q(l), G(c), {
-    pointerPosition: s,
+    registerElement: s,
+    unregisterElement: d
+  } = Ie(n), { pointerPosition: i } = T(), { handleDragStart: c } = Ae(), g = (u) => c(u, t, n);
+  return q(s), G(d), {
+    pointerPosition: i,
     elementRef: t,
     isDragging: r,
-    isOvered: a,
+    isOvered: l,
     isAllowed: o,
-    handleDragStart: u,
+    handleDragStart: g,
     id: e
   };
-}, ke = (n) => {
+}, be = (n) => {
   const {
     zonesMap: e,
     hovered: t,
     draggingElements: r,
-    isDragging: a,
+    isDragging: l,
     handleDropZoneIntersection: o
-  } = T(), l = K(null), c = C(() => t.zone.value === l.value), s = C(() => {
-    if (!l.value || !a.value) return !1;
-    const d = e.value.get(l.value);
-    return d != null && d.groups.length ? !Array.from(r.value.values()).some((v) => v.groups.length ? !v.groups.some(
-      (g) => d.groups.includes(g)
+  } = T(), s = K(null), d = C(() => t.zone.value === s.value), i = C(() => {
+    if (!s.value || !l.value) return !1;
+    const u = e.value.get(s.value);
+    return u != null && u.groups.length ? !Array.from(r.value.values()).some((a) => a.groups.length ? !a.groups.some(
+      (v) => u.groups.includes(v)
     ) : !1) : !0;
   });
-  return { elementRef: l, registerZone: () => {
-    if (!l.value) throw new Error("elementRef is not set");
-    o("add", l.value), e.value.set(l.value, {
-      node: l.value,
+  return { elementRef: s, registerZone: () => {
+    if (!s.value) throw new Error("elementRef is not set");
+    o("add", s.value), e.value.set(s.value, {
+      node: s.value,
       groups: (n == null ? void 0 : n.groups) ?? [],
       events: (n == null ? void 0 : n.events) ?? {},
       data: (n == null ? void 0 : n.data) ?? void 0
-    }), l.value.setAttribute("data-dnd-droppable", "true");
+    }), s.value.setAttribute("data-dnd-droppable", "true");
   }, unregisterZone: () => {
-    l.value && (o("remove", l.value), e.value.delete(l.value));
-  }, isOvered: c, isAllowed: s };
+    s.value && (o("remove", s.value), e.value.delete(s.value));
+  }, isOvered: d, isAllowed: i };
 }, Ye = (n) => {
-  const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: a, isAllowed: o } = ke(n);
-  return q(t), G(r), { elementRef: e, isOvered: a, isAllowed: o };
+  const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: l, isAllowed: o } = be(n);
+  return q(t), G(r), { elementRef: e, isOvered: l, isAllowed: o };
 }, Ve = (n) => {
   const { selectedElementsMap: e, elementsMap: t } = T(), r = C(
     () => n.value ? e.value.has(n.value) : !1
-  ), a = C(() => {
+  ), l = C(() => {
     if (!n.value) return !1;
-    for (const [i, u] of e.value.entries())
-      if (i && k(i, n.value))
+    for (const [c, g] of e.value.entries())
+      if (c && k(c, n.value))
         return !0;
     return !1;
   }), o = C(() => {
     if (!n.value) return !1;
-    for (const [i, u] of e.value.entries())
-      if (i && k(n.value, i))
+    for (const [c, g] of e.value.entries())
+      if (c && k(n.value, c))
         return !0;
     return !1;
-  }), l = () => {
+  }), s = () => {
     n.value && e.value.delete(n.value);
-  }, c = () => {
+  }, d = () => {
     if (!n.value) return;
-    const i = t.value.get(n.value);
-    if (i) {
-      if (a.value)
-        for (const [u, d] of [...e.value.entries()])
-          u && k(u, n.value) && e.value.delete(u);
+    const c = t.value.get(n.value);
+    if (c) {
+      if (l.value)
+        for (const [g, u] of [...e.value.entries()])
+          g && k(g, n.value) && e.value.delete(g);
       if (o.value)
-        for (const [u, d] of [...e.value.entries()])
-          u && k(n.value, u) && e.value.delete(u);
-      e.value.set(n.value, i);
+        for (const [g, u] of [...e.value.entries()])
+          g && k(n.value, g) && e.value.delete(g);
+      e.value.set(n.value, c);
     }
   };
   return {
-    handleUnselect: l,
-    handleSelect: c,
+    handleUnselect: s,
+    handleSelect: d,
     handleToggleSelect: () => {
-      n.value && (e.value.has(n.value) ? l() : c());
+      n.value && (e.value.has(n.value) ? s() : d());
     },
     isSelected: r,
-    isParentOfSelected: a
+    isParentOfSelected: l
   };
 };
 export {
@@ -686,7 +734,7 @@ export {
   Ke as default,
   R as getBoundingBox,
   T as useDnDStore,
-  we as useDragContainer,
+  Me as useDragContainer,
   Te as useDraggable,
   Ye as useDroppable,
   Ve as useSelection