@vue-dnd-kit/core 1.1.6 → 1.1.8

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

@@ -1,199 +1,243 @@
 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 V, computed as C, shallowRef as Y, 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 p = class p {
 };
-b(y, "remove", (e, t) => {
+b(p, "remove", (e, t) => {
   if (!e || t === void 0) return;
   const [r] = e.splice(t, 1);
   return r;
-}), b(y, "insert", (e, t, r) => {
+}), b(p, "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(p, "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 = p.remove(e, t);
+  p.insert(r, l, o);
+}), b(p, "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(p, "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) => {
+  p.insert(r, l, o);
+}), b(p, "applyTransfer", (e) => {
+  var l, o, s, f, i, c, d;
   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 v = (o = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : o.source, a = (f = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : f.index, u = e.draggingElements.value.values().next().value, g = (i = u == null ? void 0 : u.data) == null ? void 0 : i.index, m = g !== void 0 && a !== void 0 && g > a ? 1 : -1;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort(
+      (y, P) => {
+        var x, I;
+        return m * ((((x = y.data) == null ? void 0 : x.index) || 0) - (((I = P.data) == null ? void 0 : I.index) || 0));
+      }
+    ).forEach(
+      (y) => {
+        var P, x;
+        return p.move(
+          (P = y.data) == null ? void 0 : P.source,
+          (x = y.data) == null ? void 0 : x.index,
+          v,
+          a
+        );
+      }
+    );
+  } else if (r) {
+    const v = (d = (c = e.zonesMap.value.get(r)) == null ? void 0 : c.data) == null ? void 0 : d.source, a = v == null ? void 0 : v.length;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort((g, m) => {
+      var E, y;
+      return (((E = m.data) == null ? void 0 : E.index) || 0) - (((y = g.data) == null ? void 0 : y.index) || 0);
+    }).forEach(
+      (g) => {
+        var m, E;
+        return p.move(
+          (m = g.data) == null ? void 0 : m.source,
+          (E = g.data) == null ? void 0 : E.index,
+          v,
+          a
+        );
+      }
+    );
+  }
+}), b(p, "applyCopy", (e) => {
+  var l, o, s, f, i, c;
   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 d = (o = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : o.source, v = (f = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : f.index;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort((u, g) => {
+      var m, E;
+      return (((m = g.data) == null ? void 0 : m.index) || 0) - (((E = u.data) == null ? void 0 : E.index) || 0);
+    }).forEach(
+      (u) => {
+        var g, m;
+        return p.copy(
+          (g = u.data) == null ? void 0 : g.source,
+          (m = u.data) == null ? void 0 : m.index,
+          d,
+          v
+        );
+      }
+    );
+  } else if (r) {
+    const d = (c = (i = e.zonesMap.value.get(r)) == null ? void 0 : i.data) == null ? void 0 : c.source, v = d == null ? void 0 : d.length;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort((u, g) => {
+      var m, E;
+      return (((m = g.data) == null ? void 0 : m.index) || 0) - (((E = u.data) == null ? void 0 : E.index) || 0);
+    }).forEach(
+      (u) => {
+        var g, m;
+        return p.copy(
+          (g = u.data) == null ? void 0 : g.source,
+          (m = u.data) == null ? void 0 : m.index,
+          d,
+          v
+        );
+      }
+    );
+  }
+}), b(p, "applySwap", (e) => {
+  var l, o, s, f, i, c, d, v;
   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
+    const a = e.draggingElements.value.values().next().value;
+    p.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,
+      (f = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : f.source,
+      (c = (i = e.elementsMap.value.get(t)) == null ? void 0 : i.data) == null ? void 0 : c.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
-    );
-  }) : 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 = (v = (d = e.zonesMap.value.get(r)) == null ? void 0 : d.data) == null ? void 0 : v.source, u = a == null ? void 0 : a.length;
+    Array.from(
+      e.draggingElements.value.values()
+    ).sort((m, E) => {
+      var y, P;
+      return (((y = E.data) == null ? void 0 : y.index) || 0) - (((P = m.data) == null ? void 0 : P.index) || 0);
+    }).forEach(
+      (m) => {
+        var E, y;
+        return p.move(
+          (E = m.data) == null ? void 0 : E.source,
+          (y = m.data) == null ? void 0 : y.index,
+          a,
+          u
+        );
+      }
     );
+  }
+}), b(p, "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 && p.remove(r.data.source, r.data.index);
   });
+}), b(p, "applyInsert", (e, t) => {
+  var o, s, f, i, c, d;
+  const r = e.hovered.element.value, l = e.hovered.zone.value;
+  if (r && t.length > 0) {
+    const v = (s = (o = e.elementsMap.value.get(r)) == null ? void 0 : o.data) == null ? void 0 : s.source, a = (i = (f = e.elementsMap.value.get(r)) == null ? void 0 : f.data) == null ? void 0 : i.index;
+    t.forEach((u) => {
+      p.insert(v, a, u);
+    });
+  } else if (l) {
+    const v = (d = (c = e.zonesMap.value.get(l)) == null ? void 0 : c.data) == null ? void 0 : d.source, a = v == null ? void 0 : v.length;
+    t.forEach((u) => {
+      p.insert(v, a, u);
+    });
+  }
 });
-let te = y;
-const T = ie(() => {
-  const n = K(
+let te = p;
+const K = ie(() => {
+  const n = V(
     /* @__PURE__ */ new Map()
   ), e = C(() => n.value.size > 0), t = {
-    component: K(null),
-    ref: V(null)
-  }, r = K(/* @__PURE__ */ new Map()), a = K(
-    /* @__PURE__ */ new Map()
-  ), o = K(/* @__PURE__ */ new Map()), l = K(/* @__PURE__ */ new Set()), c = K(/* @__PURE__ */ new Set()), s = new IntersectionObserver((Z) => {
+    component: V(null),
+    ref: Y(null)
+  }, r = V(/* @__PURE__ */ new Map()), l = V(/* @__PURE__ */ new Set()), o = V(/* @__PURE__ */ new Map()), s = V(/* @__PURE__ */ new Set()), f = V(/* @__PURE__ */ new Set()), i = new IntersectionObserver((Z) => {
     Z.forEach(
-      (f) => c.value[f.isIntersecting ? "add" : "delete"](
-        f.target
+      (h) => f.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 = {
-    start: V(null),
-    current: V(null),
+  }), d = (Z, h) => {
+    Z === "add" ? i.observe(h) : (i.unobserve(h), f.value.delete(h));
+  }, v = (Z, h) => {
+    Z === "add" ? c.observe(h) : (c.unobserve(h), s.value.delete(h));
+  }, a = {
+    start: Y(null),
+    current: Y(null),
     offset: {
-      percent: V(null),
-      pixel: V(null)
+      percent: Y(null),
+      pixel: Y(null)
     }
-  }, { w: g, s: m, a: h, d: z, ctrl: w, shift: _, alt: P, meta: A } = pe(), U = {
-    zone: V(null),
-    element: V(null)
+  }, { w: u, s: g, a: m, d: E, ctrl: y, shift: P, alt: x, meta: I } = pe(), H = {
+    zone: Y(null),
+    element: Y(null)
   };
   return {
     draggingElements: n,
     isDragging: e,
     activeContainer: t,
     elementsMap: r,
-    selectedElementsMap: a,
+    selectedElements: l,
     zonesMap: o,
-    visibleZones: l,
-    visibleElements: c,
-    pointerPosition: v,
+    visibleZones: s,
+    visibleElements: f,
+    pointerPosition: a,
     keyboard: {
-      w: g,
-      s: m,
-      a: h,
-      d: z,
-      ctrl: w,
-      shift: _,
-      alt: P,
-      meta: A
+      w: u,
+      s: g,
+      a: m,
+      d: E,
+      ctrl: y,
+      shift: P,
+      alt: x,
+      meta: I
     },
-    hovered: U,
-    handleDragElementIntersection: u,
-    handleDropZoneIntersection: d
+    hovered: H,
+    handleDragElementIntersection: d,
+    handleDropZoneIntersection: v
   };
 }), we = () => {
-  const n = K(null), { draggingElements: e, pointerPosition: t, isDragging: r, activeContainer: a } = T();
+  const n = V(null), { draggingElements: e, pointerPosition: t, isDragging: r, activeContainer: l } = K();
   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({
+}, Me = ["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 } = we(), o = C(() => {
+      var s, f, 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) - (((f = t.offset.pixel.value) == null ? void 0 : f.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,56 +245,58 @@ 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, f) => 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 d, v;
         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: `${(d = c.initialRect) == null ? void 0 : d.width}px`,
+            height: `${(v = c.initialRect) == null ? void 0 : v.height}px`
           })
-        }, null, 12, Pe);
+        }, null, 12, Me);
       }), 128))
     ], 4)) : ve("", !0);
   }
 }), ne = /* @__PURE__ */ oe({
   __name: "DragOverlay",
   setup(n) {
-    const { activeContainer: e } = T(), t = C(
-      () => e.component.value ?? xe
+    const { activeContainer: e } = K(), t = C(
+      () => e.component.value ?? Pe
     );
-    return (r, a) => (N(), fe(me(t.value)));
+    return (r, l) => (N(), fe(me(t.value)));
   }
-}), Ke = {
+}), Ze = {
   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 f = he(ne);
+        ee(f, s), n.__VUE_DND_KIT_OVERLAY__ = {
+          container: s,
+          vnode: f
         };
+        const i = K();
+        n.__VUE_DND_KIT_STORE__ = i;
       }
-      return a;
+      return l;
     };
     const t = n.unmount;
     n.unmount = function() {
       return n.__VUE_DND_KIT_OVERLAY__ && (ee(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), t.call(this);
     };
   }
-}, re = (n, e) => n.x < e.x + e.width && n.x + n.width > e.x && n.y < e.y + e.height && n.y + n.height > e.y, R = (n) => {
+}, re = (n, e) => n.x < e.x + e.width && n.x + n.width > e.x && n.y < e.y + e.height && n.y + n.height > e.y, U = (n) => {
   if (!n)
     return {
       x: 0,
@@ -277,7 +323,7 @@ const T = ie(() => {
   x: n.x + n.width / 2,
   y: n.y + n.height / 2
 }), Le = (n, e) => {
-  const t = R(n);
+  const t = U(n);
   return {
     pixel: {
       x: e.x - t.x,
@@ -298,130 +344,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", z = (n) => {
   n.preventDefault();
-}, ze = (n) => {
+}, Se = (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: f
+  } = K(), i = V(null), c = C(
+    () => s.value.has(i.value) && r.element.value === i.value
+  ), d = Y((n == null ? void 0 : n.id) || Ee()), v = 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(
+      ([E, y]) => y.groups.length ? !y.groups.some(
+        (P) => m.groups.includes(P)
       ) : !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: d.value
+      }), f("add", i.value), i.value.addEventListener("dragstart", z), i.value.addEventListener("drag", z), 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", z), i.value.removeEventListener("drag", z), i.value.removeAttribute(se), i.value.removeAttribute("draggable"));
     },
-    isDragging: d,
-    isOvered: i,
-    isAllowed: v,
-    id: u
+    isDragging: v,
+    isOvered: c,
+    isAllowed: a,
+    id: d
   };
-}, 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, _e = (n) => {
+  var d, v;
+  const e = U(n.activeContainer.ref.value), t = $(e), r = ((d = n.pointerPosition.current.value) == null ? void 0 : d.x) ?? 0, l = ((v = n.pointerPosition.current.value) == null ? void 0 : v.y) ?? 0, s = !(e && r >= e.x && r <= e.x + e.width && l >= e.y && l <= e.y + e.height), f = Array.from(n.draggingElements.value.keys()), i = Array.from(n.visibleElements.value.entries()).filter(([a, u]) => {
+    if (!a) return !1;
+    const g = U(a);
+    return g && e && re(g, e);
+  }).map(([a, u]) => {
+    const g = U(a), m = $(g), E = r >= g.x && r <= g.x + g.width && l >= g.y && l <= g.y + g.height, y = le(g, e), P = ae(t, m);
+    let x = 0;
+    for (const [I, H] of n.visibleElements.value.entries())
+      I !== a && I && a && k(a, I) && x++;
     return {
-      element: g,
-      node: v,
-      isPointerInElement: z,
-      overlapPercent: w,
-      depth: P,
-      centerDistance: _
+      element: u,
+      node: a,
+      isPointerInElement: E,
+      overlapPercent: y,
+      depth: x,
+      centerDistance: P
     };
-  }).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, u) => {
+    if (!s) {
+      if (a.isPointerInElement && u.isPointerInElement)
+        return u.depth - a.depth;
+      if (a.isPointerInElement !== u.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 - u.overlapPercent) <= 1 ? a.centerDistance - u.centerDistance : u.overlapPercent - a.overlapPercent;
+  }), c = Array.from(n.visibleZones.value.entries()).filter(([a, u]) => {
+    if (!a || f.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 g = U(a);
+    return g && e && re(g, e);
+  }).map(([a, u]) => {
+    const g = U(a), m = $(g), E = r >= g.x && r <= g.x + g.width && l >= g.y && l <= g.y + g.height, y = le(g, e), P = ae(t, m);
+    let x = 0;
+    for (const [I, H] of n.visibleZones.value.entries())
+      I !== a && I && a && k(a, I) && x++;
     return {
-      zone: g,
-      node: v,
-      isPointerInElement: z,
-      overlapPercent: w,
-      depth: P,
-      centerDistance: _
+      zone: u,
+      node: a,
+      isPointerInElement: E,
+      overlapPercent: y,
+      depth: x,
+      centerDistance: P
     };
-  }).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, u) => {
+    if (!s) {
+      if (a.isPointerInElement && u.isPointerInElement)
+        return u.depth - a.depth;
+      if (a.isPointerInElement !== u.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 - u.overlapPercent) <= 1 ? a.centerDistance - u.centerDistance : u.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;
+}, Ie = (n, e) => {
+  const { pointerPosition: t, keyboard: r } = K(), 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;
+      z(i);
+      const c = U(n.value);
+      (a = n.value) == null || a.blur();
+      const d = c.x + c.width / 2, v = c.y + c.height / 2;
       t.start.value = {
-        x: u,
-        y: d
+        x: d,
+        y: v
       }, t.current.value = {
-        x: u,
-        y: d
+        x: d,
+        y: v
       }, 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,30 +475,30 @@ 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 d = i, v = c;
+      r.w.value && (v -= l), r.s.value && (v += l), r.a.value && (d -= l), r.d.value && (d += l), t.current.value = {
+        x: d,
+        y: v
       };
     },
     onKeyboardEnd: () => {
       t.current.value = null, t.start.value = null, t.offset.pixel.value = null, t.offset.percent.value = null;
     }
   };
-}, De = (n) => {
-  const e = T();
+}, ze = (n) => {
+  const e = K();
   return {
     onPointerStart: (o) => {
       e.pointerPosition.start.value = { x: o.clientX, y: o.clientY }, e.pointerPosition.current.value = {
         x: o.clientX,
         y: o.clientY
       };
-      const { pixel: l, percent: c } = Le(n.value, {
+      const { pixel: s, percent: f } = 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 = f;
     },
     onPointerMove: (o) => {
       e.pointerPosition.current.value = {
@@ -464,134 +510,133 @@ 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) => {
-  var U, Z;
-  const t = T(), { onPointerStart: r, onPointerMove: a, onPointerEnd: o } = De(n), { onKeyboardStart: l, onKeyboardMove: c, onKeyboardEnd: s } = _e(
+}, De = (n, e) => {
+  var H, Z;
+  const t = K(), { onPointerStart: r, onPointerMove: l, onPointerEnd: o } = ze(n), { onKeyboardStart: s, onKeyboardMove: f, onKeyboardEnd: i } = Ie(
     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();
-      return Array.from(t.selectedElementsMap.value.entries()).forEach(
-        ([I, Y]) => {
-          var H, O;
-          L.set(I, {
-            ...Y,
-            initialHTML: ((H = Y.node) == null ? void 0 : H.outerHTML) ?? "",
-            initialRect: (O = Y.node) == null ? void 0 : O.getBoundingClientRect()
-          });
-        }
-      ), L;
+  let c = null;
+  const d = (h) => {
+    var A, L;
+    if (!h) return /* @__PURE__ */ new Map();
+    const S = t.selectedElements.value.has(h);
+    if (t.selectedElements.value.size > 0 && S) {
+      const _ = /* @__PURE__ */ new Map();
+      return t.selectedElements.value.forEach((D) => {
+        var O, R;
+        const T = t.elementsMap.value.get(D);
+        T && _.set(D, {
+          ...T,
+          initialHTML: ((O = T.node) == null ? void 0 : O.outerHTML) ?? "",
+          initialRect: (R = T.node) == null ? void 0 : R.getBoundingClientRect()
+        });
+      }), _;
     }
-    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)
+    t.selectedElements.value.clear();
+    const M = t.elementsMap.value.get(h);
+    if (!M) return /* @__PURE__ */ new Map();
+    const w = /* @__PURE__ */ new Map();
+    return w.set(h, {
+      ...M,
+      initialHTML: ((A = M.node) == null ? void 0 : A.outerHTML) ?? "",
+      initialRect: (L = M.node) == null ? void 0 : L.getBoundingClientRect()
+    }), w;
+  }, v = (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 S = Array.isArray(h) ? h : [h], M = Array.from(t.draggingElements.value.keys()), w = S.find((L) => {
+      if (!t.visibleZones.value.has(L)) return !1;
+      const _ = t.zonesMap.value.get(L);
+      return !(!_ || M.some(
+        (D) => D && (D === _.node || k(_.node, D))
+      ) || _.groups.length && !!Array.from(
         t.draggingElements.value.values()
-      ).some((Y) => Y.groups.length ? !Y.groups.some((H) => L.groups.includes(H)) : !1));
+      ).some((T) => T.groups.length ? !T.groups.some((O) => _.groups.includes(O)) : !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: S.find(
+        (L) => t.visibleElements.value.has(L) && t.elementsMap.value.has(L) && !M.some(
+          (_) => _ && (_ === L || k(
+            L,
+            _
+          ) || k(_, 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 = ((H = e == null ? void 0 : e.sensor) == null ? void 0 : H.setup) || _e, u = (h) => {
+    var w, A, L, _, D, T, O, R, j, J, X, Q;
+    const S = t.hovered.element.value, M = t.hovered.zone.value;
+    t.hovered.element.value = h.element, t.hovered.zone.value = h.zone, S && t.hovered.element.value !== S && ((L = (A = (w = t.elementsMap.value.get(S)) == null ? void 0 : w.events) == null ? void 0 : A.onLeave) == null || L.call(A, t), t.hovered.element.value && ((T = (D = (_ = t.elementsMap.value.get(t.hovered.element.value)) == null ? void 0 : _.events) == null ? void 0 : D.onHover) == null || T.call(D, t))), M && t.hovered.zone.value !== M && ((j = (R = (O = t.zonesMap.value.get(M)) == null ? void 0 : O.events) == null ? void 0 : R.onLeave) == null || j.call(R, 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)));
+  }, g = xe(() => {
+    const h = a(t), S = v(h);
+    u(S);
+  }, ((Z = e == null ? void 0 : e.sensor) == null ? void 0 : Z.throttle) ?? 0), m = () => {
+    g(), c = requestAnimationFrame(m);
+  }, E = () => m(), y = () => {
+    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 = d(n.value), t.draggingElements.value.forEach(
+        (S) => {
+          var M, w;
+          return (w = (M = S.events).onStart) == null ? void 0 : w.call(M, t);
         }
-      ), f instanceof PointerEvent ? r(f) : l(f), z();
+      ), h instanceof PointerEvent ? r(h) : s(h), E();
     },
-    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);
+        (S) => {
+          var M, w;
+          return (w = (M = S.events).onMove) == null ? void 0 : w.call(M, t);
         }
-      ), f instanceof KeyboardEvent ? c() : a(f);
+      ), h instanceof KeyboardEvent ? f() : l(h);
     },
-    deactivate: (f = !0) => {
-      var x, p;
-      if (o(), s(), f) {
+    deactivate: (h = !0) => {
+      var S, M;
+      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);
+          (M = w == null ? void 0 : (S = w.events).onDrop) == null || M.call(S, 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 A, L;
+              return (L = (A = w.events).onEnd) == null ? void 0 : L.call(A, t);
             }
           );
-        t.selectedElementsMap.value.clear();
+        t.selectedElements.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, y();
     }
   };
-}, 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);
-  }, 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);
+}, Ae = ie(() => {
+  let n = "", e = "", t = "", r = null, l = null, o = null, s = null, f = null;
+  const { activeContainer: i } = K(), c = () => {
+    const u = document.body;
+    n = u.style.userSelect, u.style.userSelect = "none", window.addEventListener("contextmenu", z), window.addEventListener("selectstart", z), window.addEventListener("touchstart", z), window.addEventListener("touchmove", z);
   }, 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);
+    const u = document.body;
+    u.style.userSelect = n, u.style.touchAction = e, u.style.overscrollBehavior = t, window.removeEventListener("contextmenu", z), window.removeEventListener("selectstart", z), window.removeEventListener("touchstart", z), window.removeEventListener("touchmove", z);
+  }, v = () => {
+    r && (document.removeEventListener("pointermove", r), r = null), l && (document.removeEventListener("pointerup", l), l = null), o && (o = null), s && (document.removeEventListener("wheel", s), s = null), f && (document.removeEventListener("keydown", f), document.removeEventListener("keypress", f), document.removeEventListener("keyup", f), f = 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: (u, g, m) => {
+      v(), u.target.blur(), m != null && m.container && (i.component.value = ye(m.container));
+      const { activate: E, track: y, deactivate: P } = De(g, m);
+      l = () => {
+        i.component.value = null, d(), P(!0), v();
       }, 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, d(), P(!1), v();
+      }, r = (x) => y(x), s = (x) => y(x), f = (x) => {
+        x.type === "keyup" && (x.code === "Escape" && (o == null || o()), x.code === "Enter" && (l == null || l())), y(x);
+      }, c(), E(u), document.addEventListener("pointermove", r), document.addEventListener("pointerup", l), document.addEventListener("wheel", s), document.addEventListener("keydown", f), document.addEventListener("keypress", f), document.addEventListener("keyup", f);
     }
   };
 }), Te = (n) => {
@@ -599,96 +644,94 @@ 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: f
+  } = Se(n), { pointerPosition: i } = K(), { handleDragStart: c } = Ae(), d = (v) => c(v, t, n);
+  return q(s), G(f), {
+    pointerPosition: i,
     elementRef: t,
     isDragging: r,
-    isOvered: a,
+    isOvered: l,
     isAllowed: o,
-    handleDragStart: u,
+    handleDragStart: d,
     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)
+  } = K(), s = V(null), f = C(() => t.zone.value === s.value), i = C(() => {
+    if (!s.value || !l.value) return !1;
+    const v = e.value.get(s.value);
+    return v != null && v.groups.length ? !Array.from(r.value.values()).some((a) => a.groups.length ? !a.groups.some(
+      (u) => v.groups.includes(u)
     ) : !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 };
-}, 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 };
+    s.value && (o("remove", s.value), e.value.delete(s.value));
+  }, isOvered: f, isAllowed: i };
 }, Ve = (n) => {
-  const { selectedElementsMap: e, elementsMap: t } = T(), r = C(
+  const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: l, isAllowed: o } = be(n);
+  return q(t), G(r), { elementRef: e, isOvered: l, isAllowed: o };
+}, Ye = (n) => {
+  const { selectedElements: e, elementsMap: t } = K(), 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 of e.value)
+      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 of e.value)
+      if (c && k(n.value, c))
         return !0;
     return !1;
-  }), l = () => {
+  }), s = () => {
     n.value && e.value.delete(n.value);
-  }, c = () => {
-    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);
+  }, f = () => {
+    if (!(!n.value || !t.value.get(n.value))) {
+      if (l.value)
+        for (const d of e.value)
+          d && k(d, n.value) && e.value.delete(d);
       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 d of e.value)
+          d && k(n.value, d) && e.value.delete(d);
+      e.value.add(n.value);
     }
   };
   return {
-    handleUnselect: l,
-    handleSelect: c,
+    handleUnselect: s,
+    handleSelect: f,
     handleToggleSelect: () => {
-      n.value && (e.value.has(n.value) ? l() : c());
+      n.value && (e.value.has(n.value) ? s() : f());
     },
     isSelected: r,
-    isParentOfSelected: a
+    isParentOfSelected: l
   };
 };
 export {
   te as DnDOperations,
-  Ke as default,
-  R as getBoundingBox,
-  T as useDnDStore,
+  Ze as default,
+  U as getBoundingBox,
+  K as useDnDStore,
   we as useDragContainer,
   Te as useDraggable,
-  Ye as useDroppable,
-  Ve as useSelection
+  Ve as useDroppable,
+  Ye as useSelection
 };
 //# sourceMappingURL=vue-dnd-kit-core.es.js.map