@vue-dnd-kit/core 0.5.5 → 0.5.7

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

@@ -1,333 +1,203 @@
 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 I = (n, e, t) => ce(n, typeof e != "symbol" ? e + "" : e, t);
-import { effectScope as de, isRef as ve, watch as fe, getCurrentScope as ge, onScopeDispose as me, toValue as V, reactive as J, computed as C, shallowRef as O, unref as W, ref as R, onMounted as G, onBeforeUnmount as B, defineComponent as ae, createElementBlock as X, createCommentVNode as he, openBlock as F, normalizeStyle as Q, Fragment as ye, renderList as Ee, createBlock as pe, resolveDynamicComponent as we, createVNode as Pe, render as Z, markRaw as xe } from "vue";
-const p = class p {
+var b = (n, e, t) => ce(n, typeof e != "symbol" ? e + "" : e, t);
+import { ref as K, computed as C, shallowRef as U, onUnmounted as ve, onMounted as q, onBeforeUnmount as G, defineComponent as oe, createElementBlock as F, createCommentVNode as de, unref as W, openBlock as N, normalizeStyle as B, Fragment as ge, renderList as fe, createBlock as me, resolveDynamicComponent as he, createVNode as ye, render as ee, useId as Ee, markRaw as pe } from "vue";
+import { createGlobalState as ie, useMagicKeys as Me, useThrottleFn as we } from "@vueuse/core";
+const y = class y {
 };
-I(p, "remove", (e, t) => {
+b(y, "remove", (e, t) => {
   if (!e || t === void 0) return;
   const [r] = e.splice(t, 1);
   return r;
-}), I(p, "insert", (e, t, r) => {
+}), b(y, "insert", (e, t, r) => {
   !e || t === void 0 || e.splice(t, 0, r);
-}), I(p, "move", (e, t, r, l) => {
-  if (!e || !r || t === void 0 || l === void 0)
+}), b(y, "move", (e, t, r, a) => {
+  if (!e || !r || t === void 0 || a === void 0)
     return;
-  const a = p.remove(e, t);
-  p.insert(r, l, a);
-}), I(p, "swap", (e, t, r, l) => {
-  if (!e || !r || t === void 0 || l === void 0)
+  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)
     return;
-  const a = e[t], o = r[l];
-  e[t] = o, r[l] = a;
-}), I(p, "copy", (e, t, r, l) => {
-  if (!e || t === void 0 || !r || l === void 0)
+  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)
     return;
-  const a = e[t];
-  p.insert(r, l, a);
-}), I(p, "applyTransfer", (e) => {
+  const o = e[t];
+  y.insert(r, a, o);
+}), b(y, "applyTransfer", (e) => {
   const t = e.hovered.element.value, r = e.hovered.zone.value;
   t ? e.draggingElements.value.forEach(
-    (l) => {
-      var a, o, i, s;
-      return p.move(
-        (a = l.data) == null ? void 0 : a.source,
-        (o = l.data) == null ? void 0 : o.index,
-        (i = t.data) == null ? void 0 : i.source,
-        (s = t.data) == null ? void 0 : s.index
+    (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
       );
     }
-  ) : e.draggingElements.value.forEach(
-    (l) => {
-      var a, o, i, s, v;
-      return p.move(
-        (a = l.data) == null ? void 0 : a.source,
-        (o = l.data) == null ? void 0 : o.index,
-        (i = r == null ? void 0 : r.data) == null ? void 0 : i.source,
-        (v = (s = r == null ? void 0 : r.data) == null ? void 0 : s.source) == null ? void 0 : v.length
+  ) : 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
       );
     }
   );
-}), I(p, "applyCopy", (e) => {
+}), b(y, "applyCopy", (e) => {
   const t = e.hovered.element.value, r = e.hovered.zone.value;
   t ? e.draggingElements.value.forEach(
-    (l) => {
-      var a, o, i, s;
-      return p.copy(
-        (a = l.data) == null ? void 0 : a.source,
-        (o = l.data) == null ? void 0 : o.index,
-        (i = t.data) == null ? void 0 : i.source,
-        (s = t.data) == null ? void 0 : s.index
+    (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
       );
     }
-  ) : e.draggingElements.value.forEach(
-    (l) => {
-      var a, o, i, s, v;
-      return p.copy(
-        (a = l.data) == null ? void 0 : a.source,
-        (o = l.data) == null ? void 0 : o.index,
-        (i = r == null ? void 0 : r.data) == null ? void 0 : i.source,
-        (v = (s = r == null ? void 0 : r.data) == null ? void 0 : s.source) == null ? void 0 : v.length
+  ) : 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
       );
     }
   );
-}), I(p, "applySwap", (e) => {
-  var l, a, o, i;
+}), b(y, "applySwap", (e) => {
+  var a, o, l, c, s, i;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
-  if (t && e.draggingElements.value.length === 1) {
-    const s = e.draggingElements.value[0];
-    p.swap(
-      (l = s.data) == null ? void 0 : l.source,
-      (a = s.data) == null ? void 0 : a.index,
-      (o = t.data) == null ? void 0 : o.source,
-      (i = t.data) == null ? void 0 : i.index
+  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
-    e.draggingElements.value.forEach(
-      (s) => {
-        var v, d, g, u, c;
-        return p.move(
-          (v = s.data) == null ? void 0 : v.source,
-          (d = s.data) == null ? void 0 : d.index,
-          (g = r == null ? void 0 : r.data) == null ? void 0 : g.source,
-          (c = (u = r == null ? void 0 : r.data) == null ? void 0 : u.source) == null ? void 0 : c.length
-        );
-      }
-    );
-}), I(p, "applyRemove", (e) => {
+  } else r && e.draggingElements.value.forEach(
+    (u) => {
+      var d, v, g, m, h, L, p;
+      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,
+        (p = (L = (h = e.zonesMap.value.get(r)) == null ? void 0 : h.data) == null ? void 0 : L.source) == null ? void 0 : p.length
+      );
+    }
+  );
+}), b(y, "applyRemove", (e) => {
   e.draggingElements.value.forEach((t) => {
-    var r, l;
-    (r = t.data) != null && r.source && ((l = t.data) == null ? void 0 : l.index) !== void 0 && p.remove(t.data.source, t.data.index);
+    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);
   });
-}), I(p, "applyInsert", (e, t) => {
-  const r = e.hovered.element.value, l = e.hovered.zone.value;
-  r && t.length > 0 ? t.forEach((a) => {
-    var o, i;
-    p.insert(
-      (o = r.data) == null ? void 0 : o.source,
-      (i = r.data) == null ? void 0 : i.index,
-      a
+}), 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
     );
-  }) : t.forEach((a) => {
-    var o, i, s;
-    p.insert(
-      (o = l == null ? void 0 : l.data) == null ? void 0 : o.source,
-      (s = (i = l == null ? void 0 : l.data) == null ? void 0 : i.source) == null ? void 0 : s.length,
-      a
+  }) : 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
     );
   });
 });
-let ee = p;
-function Le(n) {
-  return ge() ? (me(n), !0) : !1;
-}
-function ie(n) {
-  let e = !1, t;
-  const r = de(!0);
-  return (...l) => (e || (t = r.run(() => n(...l)), e = !0), t);
-}
-const Se = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Me = Object.prototype.toString, Ce = (n) => Me.call(n) === "[object Object]", q = () => {
-};
-function De(n, e) {
-  function t(...r) {
-    return new Promise((l, a) => {
-      Promise.resolve(n(() => e.apply(this, r), { fn: e, thisArg: this, args: r })).then(l).catch(a);
-    });
-  }
-  return t;
-}
-function ke(...n) {
-  let e = 0, t, r = !0, l = q, a, o, i, s, v;
-  !ve(n[0]) && typeof n[0] == "object" ? { delay: o, trailing: i = !0, leading: s = !0, rejectOnCancel: v = !1 } = n[0] : [o, i = !0, s = !0, v = !1] = n;
-  const d = () => {
-    t && (clearTimeout(t), t = void 0, l(), l = q);
-  };
-  return (u) => {
-    const c = V(o), y = Date.now() - e, f = () => a = u();
-    return d(), c <= 0 ? (e = Date.now(), f()) : (y > c && (s || !r) ? (e = Date.now(), f()) : i && (a = new Promise((m, P) => {
-      l = v ? P : m, t = setTimeout(() => {
-        e = Date.now(), r = !0, m(f()), d();
-      }, Math.max(0, c - y));
-    })), !s && !t && (t = setTimeout(() => r = !0, c)), r = !1, a);
-  };
-}
-function N(n) {
-  return Array.isArray(n) ? n : [n];
-}
-function Ie(n, e = 200, t = !1, r = !0, l = !1) {
-  return De(
-    ke(e, t, r, l),
-    n
-  );
-}
-function _e(n, e, t) {
-  return fe(
-    n,
-    e,
-    {
-      ...t,
-      immediate: !0
-    }
-  );
-}
-const se = Se ? window : void 0;
-function be(n) {
-  var e;
-  const t = V(n);
-  return (e = t == null ? void 0 : t.$el) != null ? e : t;
-}
-function j(...n) {
-  const e = [], t = () => {
-    e.forEach((i) => i()), e.length = 0;
-  }, r = (i, s, v, d) => (i.addEventListener(s, v, d), () => i.removeEventListener(s, v, d)), l = C(() => {
-    const i = N(V(n[0])).filter((s) => s != null);
-    return i.every((s) => typeof s != "string") ? i : void 0;
-  }), a = _e(
-    () => {
-      var i, s;
-      return [
-        (s = (i = l.value) == null ? void 0 : i.map((v) => be(v))) != null ? s : [se].filter((v) => v != null),
-        N(V(l.value ? n[1] : n[0])),
-        N(W(l.value ? n[2] : n[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        V(l.value ? n[3] : n[2])
-      ];
-    },
-    ([i, s, v, d]) => {
-      if (t(), !(i != null && i.length) || !(s != null && s.length) || !(v != null && v.length))
-        return;
-      const g = Ce(d) ? { ...d } : d;
-      e.push(
-        ...i.flatMap(
-          (u) => s.flatMap(
-            (c) => v.map((y) => r(u, c, y, g))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), o = () => {
-    a(), t();
-  };
-  return Le(t), o;
-}
-const Re = {
-  ctrl: "control",
-  command: "meta",
-  cmd: "meta",
-  option: "alt",
-  up: "arrowup",
-  down: "arrowdown",
-  left: "arrowleft",
-  right: "arrowright"
-};
-function Te(n = {}) {
-  const {
-    reactive: e = !1,
-    target: t = se,
-    aliasMap: r = Re,
-    passive: l = !0,
-    onEventFired: a = q
-  } = n, o = J(/* @__PURE__ */ new Set()), i = {
-    toJSON() {
-      return {};
-    },
-    current: o
-  }, s = e ? J(i) : i, v = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set();
-  function g(f, m) {
-    f in s && (e ? s[f] = m : s[f].value = m);
-  }
-  function u() {
-    o.clear();
-    for (const f of d)
-      g(f, !1);
-  }
-  function c(f, m) {
-    var P, L;
-    const E = (P = f.key) == null ? void 0 : P.toLowerCase(), U = [(L = f.code) == null ? void 0 : L.toLowerCase(), E].filter(Boolean);
-    E && (m ? o.add(E) : o.delete(E));
-    for (const _ of U)
-      d.add(_), g(_, m);
-    E === "meta" && !m ? (v.forEach((_) => {
-      o.delete(_), g(_, !1);
-    }), v.clear()) : typeof f.getModifierState == "function" && f.getModifierState("Meta") && m && [...o, ...U].forEach((_) => v.add(_));
-  }
-  j(t, "keydown", (f) => (c(f, !0), a(f)), { passive: l }), j(t, "keyup", (f) => (c(f, !1), a(f)), { passive: l }), j("blur", u, { passive: l }), j("focus", u, { passive: l });
-  const y = new Proxy(
-    s,
-    {
-      get(f, m, P) {
-        if (typeof m != "string")
-          return Reflect.get(f, m, P);
-        if (m = m.toLowerCase(), m in r && (m = r[m]), !(m in s))
-          if (/[+_-]/.test(m)) {
-            const E = m.split(/[+_-]/g).map((Y) => Y.trim());
-            s[m] = C(() => E.map((Y) => V(y[Y])).every(Boolean));
-          } else
-            s[m] = O(!1);
-        const L = Reflect.get(f, m, P);
-        return e ? V(L) : L;
-      }
-    }
-  );
-  return y;
-}
+let te = y;
 const T = ie(() => {
-  const n = R([]), e = C(() => n.value.length > 0), t = {
-    component: R(null),
-    ref: O(null)
-  }, r = R([]), l = R([]), a = R([]), o = {
-    zone: R(null),
-    element: R(null)
-  }, i = {
-    current: O(null),
-    start: O(null),
+  const n = K(
+    /* @__PURE__ */ new Map()
+  ), e = C(() => n.value.size > 0), t = {
+    component: K(null),
+    ref: U(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) => {
+    Z.forEach(
+      (f) => c.value[f.isIntersecting ? "add" : "delete"](
+        f.target
+      )
+    );
+  }), i = new IntersectionObserver((Z) => {
+    Z.forEach(
+      (f) => l.value[f.isIntersecting ? "add" : "delete"](f.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));
+  };
+  ve(() => {
+    s.disconnect(), i.disconnect();
+  });
+  const v = {
+    start: U(null),
+    current: U(null),
     offset: {
-      percent: O(null),
-      pixel: O(null)
+      percent: U(null),
+      pixel: U(null)
     }
-  }, { w: s, s: v, a: d, d: g, ctrl: u, shift: c, alt: y, meta: f } = Te();
+  }, { w: g, s: m, a: h, d: L, ctrl: p, shift: _, alt: M, meta: A } = Me(), R = {
+    zone: U(null),
+    element: U(null)
+  };
   return {
+    draggingElements: n,
     isDragging: e,
     activeContainer: t,
-    elements: r,
-    draggingElements: n,
-    selectedElements: l,
-    zones: a,
-    hovered: o,
-    pointerPosition: i,
+    elementsMap: r,
+    selectedElementsMap: a,
+    zonesMap: o,
+    visibleZones: l,
+    visibleElements: c,
+    pointerPosition: v,
     keyboard: {
-      w: s,
-      s: v,
-      a: d,
-      d: g,
-      ctrl: u,
-      shift: c,
-      alt: y,
-      meta: f
-    }
+      w: g,
+      s: m,
+      a: h,
+      d: L,
+      ctrl: p,
+      shift: _,
+      alt: M,
+      meta: A
+    },
+    hovered: R,
+    handleDragElementIntersection: u,
+    handleDropZoneIntersection: d
   };
-}), Ke = () => {
-  const n = R(null), { draggingElements: e, pointerPosition: t, isDragging: r, activeContainer: l } = T();
-  return G(() => {
-    l.ref = n;
-  }), B(() => {
-    l.ref.value = null;
+}), Pe = () => {
+  const n = K(null), { draggingElements: e, pointerPosition: t, isDragging: r, activeContainer: a } = T();
+  return q(() => {
+    a.ref = n;
+  }), G(() => {
+    a.ref.value = null;
   }), {
     elementRef: n,
     draggingElements: e,
     pointerPosition: t,
     isDragging: r
   };
-}, Ae = ["innerHTML"], ze = /* @__PURE__ */ ae({
+}, xe = ["innerHTML"], Le = /* @__PURE__ */ oe({
   __name: "DefaultOverlay",
   setup(n) {
-    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: l } = Ke(), a = C(() => {
-      var o, i, s, v;
+    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: a } = Pe(), o = C(() => {
+      var l, c, s, i;
       return {
-        transform: `translate3d(${(((o = t.current.value) == null ? void 0 : o.x) ?? 0) - (((i = t.offset.pixel.value) == null ? void 0 : i.x) ?? 0)}px, ${(((s = t.current.value) == null ? void 0 : s.y) ?? 0) - (((v = t.offset.pixel.value) == null ? void 0 : v.y) ?? 0)}px, 0)`,
+        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)`,
         zIndex: 1e3,
         position: "fixed",
         top: 0,
@@ -335,56 +205,56 @@ const T = ie(() => {
         transition: "0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"
       };
     });
-    return (o, i) => W(r) ? (F(), X("div", {
+    return (l, c) => W(r) ? (N(), F("div", {
       key: 0,
       ref_key: "elementRef",
       ref: e,
-      style: Q(a.value)
+      style: B(o.value)
     }, [
-      (F(!0), X(ye, null, Ee(W(l), (s, v) => {
-        var d, g;
-        return F(), X("div", {
-          key: v,
-          innerHTML: s.initialHTML,
-          style: Q({
-            width: `${(d = s.initialRect) == null ? void 0 : d.width}px`,
-            height: `${(g = s.initialRect) == null ? void 0 : g.height}px`
+      (N(!0), F(ge, null, fe(W(a), ([s, i]) => {
+        var u, d;
+        return N(), F("div", {
+          key: i.id,
+          innerHTML: i.initialHTML,
+          style: B({
+            width: `${(u = i.initialRect) == null ? void 0 : u.width}px`,
+            height: `${(d = i.initialRect) == null ? void 0 : d.height}px`
           })
-        }, null, 12, Ae);
+        }, null, 12, xe);
       }), 128))
-    ], 4)) : he("", !0);
+    ], 4)) : de("", !0);
   }
-}), te = /* @__PURE__ */ ae({
+}), ne = /* @__PURE__ */ oe({
   __name: "DragOverlay",
   setup(n) {
     const { activeContainer: e } = T(), t = C(
-      () => e.component.value ?? ze
+      () => e.component.value ?? Le
     );
-    return (r, l) => (F(), pe(we(t.value)));
+    return (r, a) => (N(), me(he(t.value)));
   }
-}), We = {
+}), Te = {
   install(n) {
-    n.component("DragOverlay", te);
+    n.component("DragOverlay", ne);
     const e = n.mount;
     n.mount = function(r) {
-      const l = e.call(this, r), a = typeof r == "string" ? document.querySelector(r) : r;
-      if (a && a instanceof Element && !a.querySelector("#vue-dnd-kit-overlay")) {
-        const o = document.createElement("div");
-        o.id = "vue-dnd-kit-overlay", o.style.pointerEvents = "none", a.appendChild(o);
-        const i = Pe(te);
-        Z(i, o), n.__VUE_DND_KIT_OVERLAY__ = {
-          container: o,
-          vnode: i
+      const a = 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 = ye(ne);
+        ee(c, l), n.__VUE_DND_KIT_OVERLAY__ = {
+          container: l,
+          vnode: c
         };
       }
-      return l;
+      return a;
     };
     const t = n.unmount;
     n.unmount = function() {
-      return n.__VUE_DND_KIT_OVERLAY__ && (Z(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), t.call(this);
+      return n.__VUE_DND_KIT_OVERLAY__ && (ee(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), t.call(this);
     };
   }
-}, ne = (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, z = (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, O = (n) => {
   if (!n)
     return {
       x: 0,
@@ -410,8 +280,8 @@ const T = ie(() => {
 }, $ = (n) => ({
   x: n.x + n.width / 2,
   y: n.y + n.height / 2
-}), Ve = (n, e) => {
-  const t = z(n);
+}), ze = (n, e) => {
+  const t = O(n);
   return {
     pixel: {
       x: e.x - t.x,
@@ -422,7 +292,7 @@ const T = ie(() => {
       y: (e.y - t.y) / t.height * 100
     }
   };
-}, re = (n, e) => {
+}, ae = (n, e) => {
   const t = e.x - n.x, r = e.y - n.y;
   return Math.sqrt(t * t + r * r);
 }, le = (n, e) => {
@@ -432,137 +302,130 @@ const T = ie(() => {
   ), r = Math.max(
     0,
     Math.min(n.y + n.height, e.y + e.height) - Math.max(n.y, e.y)
-  ), l = t * r, a = n.width * n.height, o = e.width * e.height;
-  return (l / a * 100 + l / o * 100) / 2;
-}, oe = "data-vue-dnd-kit-draggable", D = (n) => {
+  ), 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) => {
   n.preventDefault();
-}, He = (n) => {
+}, Se = (n) => {
   const {
-    elements: e,
+    elementsMap: e,
     draggingElements: t,
     hovered: r,
-    selectedElements: l,
-    isDragging: a
-  } = T(), o = R(null), i = C(
-    () => {
-      var u;
-      return ((u = r.element.value) == null ? void 0 : u.node) === o.value;
-    }
-  ), s = C(
-    () => t.value.some((u) => u.node === o.value)
-  ), v = C(() => {
-    if (!o.value || !a.value) return !1;
-    const u = e.value.find(
-      (c) => c.node === o.value
-    );
-    return u != null && u.groups.length ? !t.value.some((c) => c.groups.length ? !c.groups.some(
-      (y) => u.groups.includes(y)
-    ) : !1) : !0;
+    selectedElementsMap: a,
+    isDragging: o,
+    visibleElements: l,
+    handleDragElementIntersection: c
+  } = T(), s = K(null), i = C(
+    () => l.value.has(s.value) && r.element.value === s.value
+  ), u = U((n == null ? void 0 : n.id) || Ee()), 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(
+      ([L, p]) => p.groups.length ? !p.groups.some(
+        (_) => h.groups.includes(_)
+      ) : !1
+    ) : !0;
   });
   return {
-    elementRef: o,
+    elementRef: s,
     registerElement: () => {
-      if (!o.value) throw new Error("ElementRef is not set");
-      e.value.push({
-        node: o.value,
+      if (!s.value) throw new Error("ElementRef is not set");
+      e.value.set(s.value, {
+        node: s.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
-      }), o.value.addEventListener("dragstart", D), o.value.addEventListener("drag", D), o.value.setAttribute(oe, "true"), o.value.setAttribute("draggable", "false");
+        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");
     },
     unregisterElement: () => {
-      var y, f, m, P;
-      const u = e.value.findIndex(
-        (L) => L.node === o.value
-      );
-      u !== -1 && e.value.splice(u, 1);
-      const c = l.value.findIndex(
-        (L) => L.node === o.value
-      );
-      c !== -1 && l.value.splice(c, 1), (y = o.value) == null || y.removeEventListener("dragstart", D), (f = o.value) == null || f.removeEventListener("drag", D), (m = o.value) == null || m.removeAttribute(oe), (P = o.value) == null || P.removeAttribute("draggable");
+      s.value && (c("remove", 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"));
     },
-    isDragging: s,
+    isDragging: d,
     isOvered: i,
-    isAllowed: v
+    isAllowed: v,
+    id: u
   };
-}, A = (n, e) => n ? e.contains(n) : !1, Oe = (n) => {
-  var d, g;
-  const e = z(n.activeContainer.ref.value), t = $(e), r = ((d = n.pointerPosition.current.value) == null ? void 0 : d.x) ?? 0, l = ((g = n.pointerPosition.current.value) == null ? void 0 : g.y) ?? 0, o = !(e && r >= e.x && r <= e.x + e.width && l >= e.y && l <= e.y + e.height), i = n.draggingElements.value.map((u) => u.node), s = n.elements.value.filter((u) => {
-    if (!u.node) return !1;
-    const c = z(u.node);
-    return c && e && ne(c, e);
-  }).map((u) => {
-    const c = z(u.node), y = $(c), f = r >= c.x && r <= c.x + c.width && l >= c.y && l <= c.y + c.height, m = le(c, e), P = re(t, y), L = n.elements.value.filter(
-      (E) => E !== u && E.node && u.node && A(u.node, E.node)
-    ).length;
+}, k = (n, e) => n ? e.contains(n) : !1, _e = (n) => {
+  var u, d;
+  const e = O(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 = O(v);
+    return m && e && re(m, e);
+  }).map(([v, g]) => {
+    const m = O(v), h = $(m), L = r >= m.x && r <= m.x + m.width && a >= m.y && a <= m.y + m.height, p = le(m, e), _ = ae(t, h);
+    let M = 0;
+    for (const [A, R] of n.visibleElements.value.entries())
+      A !== v && A && v && k(v, A) && M++;
     return {
-      element: u,
-      node: u.node,
-      isPointerInElement: f,
-      overlapPercent: m,
-      depth: L,
-      centerDistance: P
+      element: g,
+      node: v,
+      isPointerInElement: L,
+      overlapPercent: p,
+      depth: M,
+      centerDistance: _
     };
-  }).sort((u, c) => {
-    if (!o) {
-      if (u.isPointerInElement && c.isPointerInElement)
-        return c.depth - u.depth;
-      if (u.isPointerInElement !== c.isPointerInElement)
-        return u.isPointerInElement ? -1 : 1;
+  }).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;
     }
-    return Math.abs(u.overlapPercent - c.overlapPercent) <= 1 ? u.centerDistance - c.centerDistance : c.overlapPercent - u.overlapPercent;
-  }), v = n.zones.value.filter((u) => {
-    if (!u.node || i.some(
-      (y) => y && A(u.node, y)
+    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 !1;
-    const c = z(u.node);
-    return c && e && ne(c, e);
-  }).map((u) => {
-    const c = z(u.node), y = $(c), f = r >= c.x && r <= c.x + c.width && l >= c.y && l <= c.y + c.height, m = le(c, e), P = re(t, y), L = n.zones.value.filter(
-      (E) => E !== u && E.node && u.node && A(u.node, E.node)
-    ).length;
+    const m = O(v);
+    return m && e && re(m, e);
+  }).map(([v, g]) => {
+    const m = O(v), h = $(m), L = r >= m.x && r <= m.x + m.width && a >= m.y && a <= m.y + m.height, p = le(m, e), _ = ae(t, h);
+    let M = 0;
+    for (const [A, R] of n.visibleZones.value.entries())
+      A !== v && A && v && k(v, A) && M++;
     return {
-      zone: u,
-      node: u.node,
-      isPointerInElement: f,
-      overlapPercent: m,
-      depth: L,
-      centerDistance: P
+      zone: g,
+      node: v,
+      isPointerInElement: L,
+      overlapPercent: p,
+      depth: M,
+      centerDistance: _
     };
-  }).sort((u, c) => {
-    if (!o) {
-      if (u.isPointerInElement && c.isPointerInElement)
-        return c.depth - u.depth;
-      if (u.isPointerInElement !== c.isPointerInElement)
-        return u.isPointerInElement ? -1 : 1;
+  }).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;
     }
-    return Math.abs(u.overlapPercent - c.overlapPercent) <= 1 ? u.centerDistance - c.centerDistance : c.overlapPercent - u.overlapPercent;
+    return Math.abs(v.overlapPercent - g.overlapPercent) <= 1 ? v.centerDistance - g.centerDistance : g.overlapPercent - v.overlapPercent;
   });
   return [
-    ...s.map((u) => u.node),
-    ...v.map((u) => u.node)
+    ...s.map((v) => v.node),
+    ...i.map((v) => v.node)
   ];
-}, Ye = (n, e) => {
-  const { pointerPosition: t, keyboard: r } = T(), l = (e == null ? void 0 : e.moveStep) || 10;
+}, De = (n, e) => {
+  const { pointerPosition: t, keyboard: r } = T(), a = (e == null ? void 0 : e.moveStep) || 10;
   return {
     onKeyboardStart: (s) => {
-      var u;
-      D(s);
-      const v = z(n.value);
-      (u = n.value) == null || u.blur();
-      const d = v.x + v.width / 2, g = v.y + v.height / 2;
+      var v;
+      S(s);
+      const i = O(n.value);
+      (v = n.value) == null || v.blur();
+      const u = i.x + i.width / 2, d = i.y + i.height / 2;
       t.start.value = {
-        x: d,
-        y: g
+        x: u,
+        y: d
       }, t.current.value = {
-        x: d,
-        y: g
+        x: u,
+        y: d
       }, t.offset.pixel.value = {
-        x: v.width / 2,
-        y: v.height / 2
+        x: i.width / 2,
+        y: i.height / 2
       }, t.offset.percent.value = {
         x: 50,
         y: 50
@@ -570,247 +433,255 @@ const T = ie(() => {
     },
     onKeyboardMove: () => {
       if (!t.current.value) return;
-      const s = t.current.value.x, v = t.current.value.y;
-      let d = s, g = v;
-      r.w.value && (g -= l), r.s.value && (g += l), r.a.value && (d -= l), r.d.value && (d += l), t.current.value = {
-        x: d,
-        y: g
+      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
       };
     },
     onKeyboardEnd: () => {
       t.current.value = null, t.start.value = null, t.offset.pixel.value = null, t.offset.percent.value = null;
     }
   };
-}, Ue = (n) => {
+}, Ie = (n) => {
   const e = T();
   return {
-    onPointerStart: (a) => {
-      e.pointerPosition.start.value = { x: a.clientX, y: a.clientY }, e.pointerPosition.current.value = {
-        x: a.clientX,
-        y: a.clientY
+    onPointerStart: (o) => {
+      e.pointerPosition.start.value = { x: o.clientX, y: o.clientY }, e.pointerPosition.current.value = {
+        x: o.clientX,
+        y: o.clientY
       };
-      const { pixel: o, percent: i } = Ve(n.value, {
-        x: a.clientX,
-        y: a.clientY
+      const { pixel: l, percent: c } = ze(n.value, {
+        x: o.clientX,
+        y: o.clientY
       });
-      e.pointerPosition.offset.pixel.value = o, e.pointerPosition.offset.percent.value = i;
+      e.pointerPosition.offset.pixel.value = l, e.pointerPosition.offset.percent.value = c;
     },
-    onPointerMove: (a) => {
+    onPointerMove: (o) => {
       e.pointerPosition.current.value = {
-        x: a.clientX,
-        y: a.clientY
+        x: o.clientX,
+        y: o.clientY
       };
     },
     onPointerEnd: () => {
       e.pointerPosition.current.value = null, e.pointerPosition.start.value = null, e.pointerPosition.offset.pixel.value = null, e.pointerPosition.offset.percent.value = null;
     }
   };
-}, je = (n, e) => {
-  var U, _;
-  const t = T(), { onPointerStart: r, onPointerMove: l, onPointerEnd: a } = Ue(n), { onKeyboardStart: o, onKeyboardMove: i, onKeyboardEnd: s } = Ye(
+}, be = (n, e) => {
+  var R, Z;
+  const t = T(), { onPointerStart: r, onPointerMove: a, onPointerEnd: o } = Ie(n), { onKeyboardStart: l, onKeyboardMove: c, onKeyboardEnd: s } = De(
     n,
     e == null ? void 0 : e.keyboard
   );
-  let v = null;
-  const d = (w) => {
-    var K, b;
-    const M = t.selectedElements.value.some(
-      (h) => h.node === w
-    );
-    if (t.selectedElements.value.length && M)
-      return t.selectedElements.value.map((h) => {
-        var x, k;
-        return {
-          ...h,
-          initialHTML: ((x = h.node) == null ? void 0 : x.outerHTML) ?? "",
-          initialRect: (k = h.node) == null ? void 0 : k.getBoundingClientRect()
-        };
-      });
-    t.selectedElements.value = [];
-    const S = t.elements.value.find(
-      (h) => h.node === w
-    );
-    return S ? [
-      {
-        ...S,
-        initialHTML: ((K = S.node) == null ? void 0 : K.outerHTML) ?? "",
-        initialRect: (b = S.node) == null ? void 0 : b.getBoundingClientRect()
-      }
-    ] : [];
-  }, g = (w) => {
-    if (!w)
+  let i = null;
+  const u = (f) => {
+    var D, E;
+    if (!f) return /* @__PURE__ */ new Map();
+    const z = t.selectedElementsMap.value.has(f);
+    if (t.selectedElementsMap.value.size > 0 && z) {
+      const P = /* @__PURE__ */ new Map();
+      return Array.from(t.selectedElementsMap.value.entries()).forEach(
+        ([I, Y]) => {
+          var V, H;
+          P.set(I, {
+            ...Y,
+            initialHTML: ((V = Y.node) == null ? void 0 : V.outerHTML) ?? "",
+            initialRect: (H = Y.node) == null ? void 0 : H.getBoundingClientRect()
+          });
+        }
+      ), P;
+    }
+    t.selectedElementsMap.value.clear();
+    const x = t.elementsMap.value.get(f);
+    if (!x) return /* @__PURE__ */ new Map();
+    const w = /* @__PURE__ */ new Map();
+    return w.set(f, {
+      ...x,
+      initialHTML: ((D = x.node) == null ? void 0 : D.outerHTML) ?? "",
+      initialRect: (E = x.node) == null ? void 0 : E.getBoundingClientRect()
+    }), w;
+  }, d = (f) => {
+    if (!f)
       return { element: null, zone: null };
-    const M = Array.isArray(w) ? w : [w], S = t.draggingElements.value.map(
-      (h) => h.node
-    ), K = M.map(
-      (h) => t.elements.value.find((x) => x.node === h)
-    ).filter((h) => !h || S.some(
-      (x) => x && (x === h.node || A(
-        h.node,
-        x
-      ))
-    ) ? !1 : h.groups.length ? !t.draggingElements.value.some(
-      (k) => k.groups.length ? !k.groups.some(
-        (H) => h.groups.includes(H)
-      ) : !1
-    ) : !0), b = M.map(
-      (h) => t.zones.value.find((x) => x.node === h)
-    ).filter((h) => !h || S.some(
-      (x) => x && (x === h.node || A(h.node, x))
-    ) ? !1 : h.groups.length && !!t.draggingElements.value.some((k) => k.groups.length ? !k.groups.some((H) => h.groups.includes(H)) : !1) ? null : !0);
-    return {
-      element: K[0] ?? null,
-      zone: b[0] ?? null
-    };
-  }, u = ((U = e == null ? void 0 : e.sensor) == null ? void 0 : U.setup) || Oe, c = (w) => {
-    var K, b, h, x, k, H;
-    const M = t.hovered.element.value, S = t.hovered.zone.value;
-    t.hovered.element.value = w.element, t.hovered.zone.value = w.zone, t.hovered.element.value !== M && ((K = M == null ? void 0 : M.events) != null && K.onLeave && M.events.onLeave(t), (h = (b = t.hovered.element.value) == null ? void 0 : b.events) != null && h.onHover && t.hovered.element.value.events.onHover(t)), t.hovered.zone.value !== S && ((x = S == null ? void 0 : S.events) != null && x.onLeave && S.events.onLeave(t), (H = (k = t.hovered.zone.value) == null ? void 0 : k.events) != null && H.onHover && t.hovered.zone.value.events.onHover(t));
-  }, y = Ie(() => {
-    const w = u(t), M = g(w);
-    c(M);
-  }, ((_ = e == null ? void 0 : e.sensor) == null ? void 0 : _.throttle) ?? 0), f = () => {
-    y(), v = requestAnimationFrame(f);
-  }, m = () => f(), P = () => {
-    v !== null && (cancelAnimationFrame(v), v = null);
+    const z = Array.isArray(f) ? f : [f], x = Array.from(t.draggingElements.value.keys()), w = z.find((E) => {
+      if (!t.visibleZones.value.has(E)) return !1;
+      const P = t.zonesMap.value.get(E);
+      return !(!P || x.some(
+        (I) => I && (I === P.node || k(P.node, I))
+      ) || P.groups.length && !!Array.from(
+        t.draggingElements.value.values()
+      ).some((Y) => Y.groups.length ? !Y.groups.some((V) => P.groups.includes(V)) : !1));
+    });
+    return w ? {
+      element: z.find(
+        (E) => t.visibleElements.value.has(E) && t.elementsMap.value.has(E) && !x.some(
+          (P) => P && (P === E || k(
+            E,
+            P
+          ) || k(P, E))
+        ) && (E === w || k(
+          E,
+          w
+        ))
+      ) || null,
+      zone: w
+    } : { element: null, zone: null };
+  }, v = ((R = e == null ? void 0 : e.sensor) == null ? void 0 : R.setup) || _e, g = (f) => {
+    var w, D, E, P, I, Y, V, H, j, J, X, Q;
+    const z = t.hovered.element.value, x = t.hovered.zone.value;
+    t.hovered.element.value = f.element, t.hovered.zone.value = f.zone, z && t.hovered.element.value !== z && ((E = (D = (w = t.elementsMap.value.get(z)) == null ? void 0 : w.events) == null ? void 0 : D.onLeave) == null || E.call(D, t), t.hovered.element.value && ((Y = (I = (P = t.elementsMap.value.get(t.hovered.element.value)) == null ? void 0 : P.events) == null ? void 0 : I.onHover) == null || Y.call(I, t))), x && t.hovered.zone.value !== x && ((j = (H = (V = t.zonesMap.value.get(x)) == null ? void 0 : V.events) == null ? void 0 : H.onLeave) == null || j.call(H, 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 = we(() => {
+    const f = v(t), z = d(f);
+    g(z);
+  }, ((Z = e == null ? void 0 : e.sensor) == null ? void 0 : Z.throttle) ?? 0), h = () => {
+    m(), i = requestAnimationFrame(h);
+  }, L = () => h(), p = () => {
+    i !== null && (cancelAnimationFrame(i), i = null);
   };
   return {
-    activate: (w) => {
-      t.draggingElements.value = d(n.value), w instanceof PointerEvent ? r(w) : o(w), m();
+    activate: (f) => {
+      t.draggingElements.value = u(n.value), f instanceof PointerEvent ? r(f) : l(f), L();
     },
-    track: (w) => {
-      w instanceof KeyboardEvent ? i() : l(w);
+    track: (f) => {
+      f instanceof KeyboardEvent ? c() : a(f);
     },
-    deactivate: (w = !0) => {
-      var M, S;
-      a(), s(), w && (t.hovered.zone.value ? (S = (M = t.hovered.zone.value.events).onDrop) == null || S.call(M, t) : t.draggingElements.value.forEach(
-        (K) => {
-          var b, h;
-          return (h = (b = K.events).onEnd) == null ? void 0 : h.call(b, t);
-        }
-      ), t.selectedElements.value = []), t.draggingElements.value = [], t.hovered.zone.value = null, t.hovered.element.value = null, P();
+    deactivate: (f = !0) => {
+      var z, x;
+      if (o(), s(), f) {
+        if (t.hovered.zone.value) {
+          const w = t.zonesMap.value.get(t.hovered.zone.value);
+          (x = w == null ? void 0 : (z = w.events).onDrop) == null || x.call(z, t);
+        } else
+          Array.from(t.draggingElements.value.values()).forEach(
+            (w) => {
+              var D, E;
+              return (E = (D = w.events).onEnd) == null ? void 0 : E.call(D, t);
+            }
+          );
+        t.selectedElementsMap.value.clear();
+      }
+      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, p();
     }
   };
-}, Fe = ie(() => {
-  let n = "", e = "", t = "", r = null, l = null, a = null, o = null, i = null;
-  const { activeContainer: s } = T(), v = () => {
-    const c = document.body;
-    n = c.style.userSelect, c.style.userSelect = "none", window.addEventListener("contextmenu", D), window.addEventListener("selectstart", D), window.addEventListener("touchstart", D), window.addEventListener("touchmove", D);
+}, ke = 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);
   }, d = () => {
-    const c = document.body;
-    c.style.userSelect = n, c.style.touchAction = e, c.style.overscrollBehavior = t, window.removeEventListener("contextmenu", D), window.removeEventListener("selectstart", D), window.removeEventListener("touchstart", D), window.removeEventListener("touchmove", D);
-  }, g = () => {
-    r && (document.removeEventListener("pointermove", r), r = null), l && (document.removeEventListener("pointerup", l), l = null), a && (a = null), o && (document.removeEventListener("wheel", o), o = null), i && (document.removeEventListener("keydown", i), document.removeEventListener("keypress", i), document.removeEventListener("keyup", i), i = null);
+    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);
   };
   return {
-    handleDragStart: (c, y, f) => {
-      g(), c.target.blur(), f != null && f.container && (s.component.value = xe(f.container));
-      const { activate: m, track: P, deactivate: L } = je(y, f);
-      l = () => {
-        s.component.value = null, d(), L(!0), g();
-      }, a = () => {
-        s.component.value = null, d(), L(!1), g();
-      }, r = (E) => P(E), o = (E) => P(E), i = (E) => {
-        E.type === "keyup" && (E.code === "Escape" && (a == null || a()), E.code === "Enter" && (l == null || l())), P(E);
-      }, v(), m(c), document.addEventListener("pointermove", r), document.addEventListener("pointerup", l), document.addEventListener("wheel", o), document.addEventListener("keydown", i), document.addEventListener("keypress", i), document.addEventListener("keyup", i);
+    handleDragStart: (g, m, h) => {
+      d(), g.target.blur(), h != null && h.container && (s.component.value = pe(h.container));
+      const { activate: L, track: p, deactivate: _ } = be(m, h);
+      a = () => {
+        s.component.value = null, u(), _(!0), d();
+      }, o = () => {
+        s.component.value = null, u(), _(!1), d();
+      }, r = (M) => p(M), l = (M) => p(M), c = (M) => {
+        M.type === "keyup" && (M.code === "Escape" && (o == null || o()), M.code === "Enter" && (a == null || a())), p(M);
+      }, i(), L(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);
     }
   };
-}), qe = (n) => {
+}), Ye = (n) => {
   const {
-    elementRef: e,
-    registerElement: t,
-    unregisterElement: r,
-    isDragging: l,
+    id: e,
+    elementRef: t,
+    isDragging: r,
     isOvered: a,
-    isAllowed: o
-  } = He(n), { pointerPosition: i } = T(), { handleDragStart: s } = Fe(), v = (d) => s(d, e, n);
-  return G(t), B(r), {
-    pointerPosition: i,
-    elementRef: e,
-    isDragging: l,
+    isAllowed: o,
+    registerElement: l,
+    unregisterElement: c
+  } = Se(n), { pointerPosition: s } = T(), { handleDragStart: i } = ke(), u = (d) => i(d, t, n);
+  return q(l), G(c), {
+    pointerPosition: s,
+    elementRef: t,
+    isDragging: r,
     isOvered: a,
     isAllowed: o,
-    handleDragStart: v
+    handleDragStart: u,
+    id: e
   };
-}, Xe = (n) => {
-  const { zones: e, hovered: t, draggingElements: r, isDragging: l } = T(), a = R(null), o = C(() => {
-    var d;
-    return ((d = t.zone.value) == null ? void 0 : d.node) === a.value;
-  }), i = C(() => {
-    if (!a.value || !l.value) return !1;
-    const d = e.value.find(
-      (g) => g.node === a.value
-    );
-    return d != null && d.groups.length ? !r.value.some((g) => g.groups.length ? !g.groups.some(
-      (u) => d.groups.includes(u)
+}, Ce = (n) => {
+  const {
+    zonesMap: e,
+    hovered: t,
+    draggingElements: r,
+    isDragging: a,
+    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)
     ) : !1) : !0;
   });
-  return { elementRef: a, registerZone: () => {
-    if (!a.value) throw new Error("elementRef is not set");
-    e.value.push({
-      node: a.value,
+  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,
       groups: (n == null ? void 0 : n.groups) ?? [],
       events: (n == null ? void 0 : n.events) ?? {},
       data: (n == null ? void 0 : n.data) ?? void 0
-    }), a.value.setAttribute("data-dnd-droppable", "true");
+    }), l.value.setAttribute("data-dnd-droppable", "true");
   }, unregisterZone: () => {
-    if (!a.value) throw new Error("elementRef is not set");
-    const d = e.value.findIndex(
-      (g) => g.node === a.value
-    );
-    d !== -1 && e.value.splice(d, 1);
-  }, isOvered: o, isAllowed: i };
-}, Ge = (n) => {
-  const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: l, isAllowed: a } = Xe(n);
-  return G(t), B(r), { elementRef: e, isOvered: l, isAllowed: a };
-}, Be = (n) => {
-  const { selectedElements: e, elements: t } = T(), r = C(
-    () => t.value.find((d) => d.node === n.value)
-  ), l = C(
-    () => e.value.some((d) => d.node === n.value)
-  ), a = C(() => n.value ? e.value.some(
-    (d) => d.node && A(
-      d.node,
-      n.value
-    )
-  ) : !1), o = C(() => n.value ? e.value.some(
-    (d) => d.node && A(
-      n.value,
-      d.node
-    )
-  ) : !1), i = () => {
-    r.value && (e.value = e.value.filter(
-      (d) => d.node !== n.value
-    ));
-  }, s = () => {
-    r.value && (a.value && (e.value = e.value.filter(
-      (d) => d.node && !A(
-        d.node,
-        n.value
-      )
-    )), o.value && (e.value = e.value.filter(
-      (d) => d.node && !A(
-        n.value,
-        d.node
-      )
-    )), e.value.push(r.value));
+    l.value && (o("remove", l.value), e.value.delete(l.value));
+  }, isOvered: c, isAllowed: s };
+}, Ue = (n) => {
+  const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: a, isAllowed: o } = Ce(n);
+  return q(t), G(r), { elementRef: e, isOvered: a, isAllowed: o };
+}, Ve = (n) => {
+  const { selectedElementsMap: e, elementsMap: t } = T(), r = C(
+    () => n.value ? e.value.has(n.value) : !1
+  ), a = C(() => {
+    if (!n.value) return !1;
+    for (const [i, u] of e.value.entries())
+      if (i && k(i, 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))
+        return !0;
+    return !1;
+  }), l = () => {
+    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);
+      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);
+    }
   };
   return {
-    handleUnselect: i,
-    handleSelect: s,
+    handleUnselect: l,
+    handleSelect: c,
     handleToggleSelect: () => {
-      r.value && (e.value.some((d) => d.node === n.value) ? i() : s());
+      n.value && (e.value.has(n.value) ? l() : c());
     },
-    isSelected: l,
+    isSelected: r,
     isParentOfSelected: a
   };
 };
 export {
-  ee as DnDOperations,
-  We as default,
-  z as getBoundingBox,
+  te as DnDOperations,
+  Te as default,
+  O as getBoundingBox,
   T as useDnDStore,
-  qe as useDraggable,
-  Ge as useDroppable,
-  Be as useSelection
+  Ye as useDraggable,
+  Ue as useDroppable,
+  Ve as useSelection
 };
+//# sourceMappingURL=vue-dnd-kit-core.es.js.map