@vue-dnd-kit/core 1.3.2 → 1.3.4

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

@@ -1,144 +1,144 @@
 var me = Object.defineProperty;
 var he = (n, e, t) => e in n ? me(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var z = (n, e, t) => he(n, typeof e != "symbol" ? e + "" : e, t);
-import { ref as Y, computed as b, shallowRef as R, onMounted as Q, onUnmounted as pe, defineComponent as de, createElementBlock as q, createCommentVNode as Ee, unref as y, openBlock as H, normalizeStyle as re, Fragment as ae, renderList as ye, createBlock as G, resolveDynamicComponent as J, Transition as we, withCtx as xe, createVNode as Me, render as le, useId as Pe, markRaw as Le, onBeforeUnmount as fe } from "vue";
-import { createGlobalState as ge, useMagicKeys as Ae, useThrottleFn as Se } from "@vueuse/core";
-const x = class x {
+var k = (n, e, t) => he(n, typeof e != "symbol" ? e + "" : e, t);
+import { ref as V, computed as T, shallowRef as D, onMounted as Q, onUnmounted as pe, defineComponent as de, createElementBlock as q, createCommentVNode as Ee, unref as w, openBlock as H, normalizeStyle as re, Fragment as ae, renderList as ye, createBlock as G, resolveDynamicComponent as J, Transition as we, withCtx as xe, createVNode as Me, render as le, useId as Pe, onBeforeUnmount as fe } from "vue";
+import { createGlobalState as ge, useMagicKeys as Le, useThrottleFn as Ae } from "@vueuse/core";
+const M = class M {
 };
-z(x, "remove", (e, t) => {
+k(M, "remove", (e, t) => {
   if (!e || t === void 0) return;
   const [r] = e.splice(t, 1);
   return r;
-}), z(x, "insert", (e, t, r) => {
+}), k(M, "insert", (e, t, r) => {
   !e || t === void 0 || e.splice(t, 0, r);
-}), z(x, "move", (e, t, r, l) => {
+}), k(M, "move", (e, t, r, l) => {
   if (!e || !r || t === void 0 || l === void 0)
     return;
-  const s = x.remove(e, t);
-  x.insert(r, l, s);
-}), z(x, "swap", (e, t, r, l) => {
+  const s = M.remove(e, t);
+  M.insert(r, l, s);
+}), k(M, "swap", (e, t, r, l) => {
   if (!e || !r || t === void 0 || l === void 0)
     return;
   const s = e[t], o = r[l];
   e[t] = o, r[l] = s;
-}), z(x, "copy", (e, t, r, l) => {
+}), k(M, "copy", (e, t, r, l) => {
   if (!e || t === void 0 || !r || l === void 0)
     return;
   const s = e[t];
-  x.insert(r, l, s);
-}), z(x, "applyTransfer", (e) => {
-  var l, s, o, g, i, u, d;
+  M.insert(r, l, s);
+}), k(M, "applyTransfer", (e) => {
+  var l, s, o, g, i, u, v;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
   if (t) {
-    const v = (s = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : s.source, a = (g = (o = e.elementsMap.value.get(t)) == null ? void 0 : o.data) == null ? void 0 : g.index, c = e.draggingElements.value.values().next().value, f = (i = c == null ? void 0 : c.data) == null ? void 0 : i.index, m = f !== void 0 && a !== void 0 && f > a ? 1 : -1;
+    const d = (s = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : s.source, a = (g = (o = e.elementsMap.value.get(t)) == null ? void 0 : o.data) == null ? void 0 : g.index, c = e.draggingElements.value.values().next().value, f = (i = c == null ? void 0 : c.data) == null ? void 0 : i.index, m = f !== void 0 && a !== void 0 && f > a ? 1 : -1;
     Array.from(
       e.draggingElements.value.values()
     ).sort(
-      (E, L) => {
-        var M, I;
-        return m * ((((M = E.data) == null ? void 0 : M.index) || 0) - (((I = L.data) == null ? void 0 : I.index) || 0));
+      (y, A) => {
+        var P, _;
+        return m * ((((P = y.data) == null ? void 0 : P.index) || 0) - (((_ = A.data) == null ? void 0 : _.index) || 0));
       }
     ).forEach(
-      (E) => {
-        var L, M;
-        return x.move(
-          (L = E.data) == null ? void 0 : L.source,
-          (M = E.data) == null ? void 0 : M.index,
-          v,
+      (y) => {
+        var A, P;
+        return M.move(
+          (A = y.data) == null ? void 0 : A.source,
+          (P = y.data) == null ? void 0 : P.index,
+          d,
           a
         );
       }
     );
   } else if (r) {
-    const v = (d = (u = e.zonesMap.value.get(r)) == null ? void 0 : u.data) == null ? void 0 : d.source, a = v == null ? void 0 : v.length;
+    const d = (v = (u = e.zonesMap.value.get(r)) == null ? void 0 : u.data) == null ? void 0 : v.source, a = d == null ? void 0 : d.length;
     Array.from(
       e.draggingElements.value.values()
     ).sort((f, m) => {
-      var p, E;
-      return (((p = m.data) == null ? void 0 : p.index) || 0) - (((E = f.data) == null ? void 0 : E.index) || 0);
+      var E, y;
+      return (((E = m.data) == null ? void 0 : E.index) || 0) - (((y = f.data) == null ? void 0 : y.index) || 0);
     }).forEach(
       (f) => {
-        var m, p;
-        return x.move(
+        var m, E;
+        return M.move(
           (m = f.data) == null ? void 0 : m.source,
-          (p = f.data) == null ? void 0 : p.index,
-          v,
+          (E = f.data) == null ? void 0 : E.index,
+          d,
           a
         );
       }
     );
   }
-}), z(x, "applyCopy", (e) => {
+}), k(M, "applyCopy", (e) => {
   var l, s, o, g, i, u;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
   if (t) {
-    const d = (s = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : s.source, v = (g = (o = e.elementsMap.value.get(t)) == null ? void 0 : o.data) == null ? void 0 : g.index;
+    const v = (s = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : s.source, d = (g = (o = e.elementsMap.value.get(t)) == null ? void 0 : o.data) == null ? void 0 : g.index;
     Array.from(
       e.draggingElements.value.values()
     ).sort((c, f) => {
-      var m, p;
-      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((p = c.data) == null ? void 0 : p.index) || 0);
+      var m, E;
+      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((E = c.data) == null ? void 0 : E.index) || 0);
     }).forEach(
       (c) => {
         var f, m;
-        return x.copy(
+        return M.copy(
           (f = c.data) == null ? void 0 : f.source,
           (m = c.data) == null ? void 0 : m.index,
-          d,
-          v
+          v,
+          d
         );
       }
     );
   } else if (r) {
-    const d = (u = (i = e.zonesMap.value.get(r)) == null ? void 0 : i.data) == null ? void 0 : u.source, v = d == null ? void 0 : d.length;
+    const v = (u = (i = e.zonesMap.value.get(r)) == null ? void 0 : i.data) == null ? void 0 : u.source, d = v == null ? void 0 : v.length;
     Array.from(
       e.draggingElements.value.values()
     ).sort((c, f) => {
-      var m, p;
-      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((p = c.data) == null ? void 0 : p.index) || 0);
+      var m, E;
+      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((E = c.data) == null ? void 0 : E.index) || 0);
     }).forEach(
       (c) => {
         var f, m;
-        return x.copy(
+        return M.copy(
           (f = c.data) == null ? void 0 : f.source,
           (m = c.data) == null ? void 0 : m.index,
-          d,
-          v
+          v,
+          d
         );
       }
     );
   }
-}), z(x, "applySwap", (e) => {
-  var l, s, o, g, i, u, d, v;
+}), k(M, "applySwap", (e) => {
+  var l, s, o, g, i, u, v, d;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
   if (t && e.draggingElements.value.size === 1) {
     const a = e.draggingElements.value.values().next().value;
-    x.swap(
+    M.swap(
       (l = a == null ? void 0 : a.data) == null ? void 0 : l.source,
       (s = a == null ? void 0 : a.data) == null ? void 0 : s.index,
       (g = (o = e.elementsMap.value.get(t)) == null ? void 0 : o.data) == null ? void 0 : g.source,
       (u = (i = e.elementsMap.value.get(t)) == null ? void 0 : i.data) == null ? void 0 : u.index
     );
   } else if (r) {
-    const a = (v = (d = e.zonesMap.value.get(r)) == null ? void 0 : d.data) == null ? void 0 : v.source, c = a == null ? void 0 : a.length;
+    const a = (d = (v = e.zonesMap.value.get(r)) == null ? void 0 : v.data) == null ? void 0 : d.source, c = a == null ? void 0 : a.length;
     Array.from(
       e.draggingElements.value.values()
-    ).sort((m, p) => {
-      var E, L;
-      return (((E = p.data) == null ? void 0 : E.index) || 0) - (((L = m.data) == null ? void 0 : L.index) || 0);
+    ).sort((m, E) => {
+      var y, A;
+      return (((y = E.data) == null ? void 0 : y.index) || 0) - (((A = m.data) == null ? void 0 : A.index) || 0);
     }).forEach(
       (m) => {
-        var p, E;
-        return x.move(
-          (p = m.data) == null ? void 0 : p.source,
-          (E = m.data) == null ? void 0 : E.index,
+        var E, y;
+        return M.move(
+          (E = m.data) == null ? void 0 : E.source,
+          (y = m.data) == null ? void 0 : y.index,
           a,
           c
         );
       }
     );
   }
-}), z(x, "applyRemove", (e) => {
+}), k(M, "applyRemove", (e) => {
   Array.from(
     e.draggingElements.value.values()
   ).sort((r, l) => {
@@ -146,55 +146,62 @@ z(x, "remove", (e, t) => {
     return (((s = l.data) == null ? void 0 : s.index) || 0) - (((o = r.data) == null ? void 0 : o.index) || 0);
   }).forEach((r) => {
     var l, s;
-    (l = r.data) != null && l.source && ((s = r.data) == null ? void 0 : s.index) !== void 0 && x.remove(r.data.source, r.data.index);
+    (l = r.data) != null && l.source && ((s = r.data) == null ? void 0 : s.index) !== void 0 && M.remove(r.data.source, r.data.index);
   });
-}), z(x, "applyInsert", (e, t) => {
-  var s, o, g, i, u, d;
+}), k(M, "applyInsert", (e, t) => {
+  var s, o, g, i, u, v;
   const r = e.hovered.element.value, l = e.hovered.zone.value;
   if (r && t.length > 0) {
-    const v = (o = (s = e.elementsMap.value.get(r)) == null ? void 0 : s.data) == null ? void 0 : o.source, a = (i = (g = e.elementsMap.value.get(r)) == null ? void 0 : g.data) == null ? void 0 : i.index;
+    const d = (o = (s = e.elementsMap.value.get(r)) == null ? void 0 : s.data) == null ? void 0 : o.source, a = (i = (g = e.elementsMap.value.get(r)) == null ? void 0 : g.data) == null ? void 0 : i.index;
     t.forEach((c) => {
-      x.insert(v, a, c);
+      M.insert(d, a, c);
     });
   } else if (l) {
-    const v = (d = (u = e.zonesMap.value.get(l)) == null ? void 0 : u.data) == null ? void 0 : d.source, a = v == null ? void 0 : v.length;
+    const d = (v = (u = e.zonesMap.value.get(l)) == null ? void 0 : u.data) == null ? void 0 : v.source, a = d == null ? void 0 : d.length;
     t.forEach((c) => {
-      x.insert(v, a, c);
+      M.insert(d, a, c);
     });
   }
 });
-let se = x;
-const T = ge(() => {
-  const n = Y(
+let se = M;
+const Z = ge(() => {
+  const n = V(
     /* @__PURE__ */ new Map()
-  ), e = b(() => n.value.size > 0), t = {
-    component: Y(null),
-    ref: R(null),
-    options: R(null)
-  }, r = Y(/* @__PURE__ */ new Map()), l = Y(/* @__PURE__ */ new Set()), s = Y(/* @__PURE__ */ new Map()), o = Y(/* @__PURE__ */ new Set()), g = Y(/* @__PURE__ */ new Set()), i = new IntersectionObserver((Z) => {
-    Z.forEach(
-      (h) => g.value[h.isIntersecting ? "add" : "delete"](
-        h.target
+  ), e = T(() => n.value.size > 0), t = {
+    component: V(null),
+    ref: D(null),
+    options: D(null),
+    animating: {
+      enter: D(!1),
+      leave: D(!1),
+      appear: D(!1)
+    }
+  }, r = V(/* @__PURE__ */ new Map()), l = V(/* @__PURE__ */ new Set()), s = V(/* @__PURE__ */ new Map()), o = V(/* @__PURE__ */ new Set()), g = V(/* @__PURE__ */ new Set()), i = typeof window < "u" && "IntersectionObserver" in window, u = i ? new IntersectionObserver((h) => {
+    h.forEach(
+      (p) => g.value[p.isIntersecting ? "add" : "delete"](
+        p.target
       )
     );
-  }), u = new IntersectionObserver((Z) => {
-    Z.forEach(
-      (h) => o.value[h.isIntersecting ? "add" : "delete"](h.target)
+  }) : null, v = i ? new IntersectionObserver((h) => {
+    h.forEach(
+      (p) => o.value[p.isIntersecting ? "add" : "delete"](
+        p.target
+      )
     );
-  }), d = (Z, h) => {
-    Z === "add" ? i.observe(h) : (i.unobserve(h), g.value.delete(h));
-  }, v = (Z, h) => {
-    Z === "add" ? u.observe(h) : (u.unobserve(h), o.value.delete(h));
-  }, a = {
-    start: R(null),
-    current: R(null),
+  }) : null, d = (h, p) => {
+    u && (h === "add" ? u.observe(p) : (u.unobserve(p), g.value.delete(p)));
+  }, a = (h, p) => {
+    v && (h === "add" ? v.observe(p) : (v.unobserve(p), o.value.delete(p)));
+  }, c = {
+    start: D(null),
+    current: D(null),
     offset: {
-      percent: R(null),
-      pixel: R(null)
+      percent: D(null),
+      pixel: D(null)
     }
-  }, { w: c, s: f, a: m, d: p, ctrl: E, shift: L, alt: M, meta: I } = Ae(), F = {
-    zone: R(null),
-    element: R(null)
+  }, { w: f, s: m, a: E, d: y, ctrl: A, shift: P, alt: _, meta: B } = Le(), X = {
+    zone: D(null),
+    element: D(null)
   };
   return {
     draggingElements: n,
@@ -205,23 +212,23 @@ const T = ge(() => {
     zonesMap: s,
     visibleZones: o,
     visibleElements: g,
-    pointerPosition: a,
+    pointerPosition: c,
     keyboard: {
-      w: c,
-      s: f,
-      a: m,
-      d: p,
-      ctrl: E,
-      shift: L,
-      alt: M,
-      meta: I
+      w: f,
+      s: m,
+      a: E,
+      d: y,
+      ctrl: A,
+      shift: P,
+      alt: _,
+      meta: B
     },
-    hovered: F,
+    hovered: X,
     handleDragElementIntersection: d,
-    handleDropZoneIntersection: v
+    handleDropZoneIntersection: a
   };
-}), _e = (n) => {
-  const e = Y(null), { draggingElements: t, pointerPosition: r, isDragging: l, activeContainer: s } = T();
+}), Ie = (n) => {
+  const e = V(null), { draggingElements: t, pointerPosition: r, isDragging: l, activeContainer: s } = Z();
   return Q(() => {
     s.ref = e, s.options.value = n ?? null;
   }), pe(() => {
@@ -230,12 +237,13 @@ const T = ge(() => {
     elementRef: e,
     draggingElements: t,
     pointerPosition: r,
-    isDragging: l
+    isDragging: l,
+    animating: s.animating
   };
-}, Ie = ["innerHTML"], Ce = /* @__PURE__ */ de({
+}, Se = ["innerHTML"], _e = /* @__PURE__ */ de({
   __name: "DefaultOverlay",
   setup(n) {
-    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: l } = _e(), s = b(() => {
+    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: l } = Ie(), s = T(() => {
       var o, g, i, u;
       return {
         transform: `translate3d(${(((o = t.current.value) == null ? void 0 : o.x) ?? 0) - (((g = t.offset.pixel.value) == null ? void 0 : g.x) ?? 0)}px, ${(((i = t.current.value) == null ? void 0 : i.y) ?? 0) - (((u = t.offset.pixel.value) == null ? void 0 : u.y) ?? 0)}px, 0)`,
@@ -246,14 +254,14 @@ const T = ge(() => {
         transition: "0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"
       };
     });
-    return (o, g) => y(r) ? (H(), q("div", {
+    return (o, g) => w(r) ? (H(), q("div", {
       key: 0,
       ref_key: "elementRef",
       ref: e,
       style: re(s.value)
     }, [
-      (H(!0), q(ae, null, ye(y(l), ([i, u]) => {
-        var d, v;
+      (H(!0), q(ae, null, ye(w(l), ([i, u]) => {
+        var v, d;
         return H(), q(ae, {
           key: u.id
         }, [
@@ -267,10 +275,10 @@ const T = ge(() => {
             key: 1,
             innerHTML: u.initialHTML,
             style: re({
-              width: `${(d = u.initialRect) == null ? void 0 : d.width}px`,
-              height: `${(v = u.initialRect) == null ? void 0 : v.height}px`
+              width: `${(v = u.initialRect) == null ? void 0 : v.width}px`,
+              height: `${(d = u.initialRect) == null ? void 0 : d.height}px`
             })
-          }, null, 12, Ie))
+          }, null, 12, Se))
         ], 64);
       }), 128))
     ], 4)) : Ee("", !0);
@@ -278,35 +286,35 @@ const T = ge(() => {
 }), oe = /* @__PURE__ */ de({
   __name: "DragOverlay",
   setup(n) {
-    const { activeContainer: e } = T(), t = b(
-      () => e.component.value ?? Ce
+    const { activeContainer: e } = Z(), t = T(
+      () => e.component.value ?? _e
     );
-    return (r, l) => y(e).options.value ? (H(), G(we, {
+    return (r, l) => w(e).options.value ? (H(), G(we, {
       key: 0,
-      name: y(e).options.value.name,
-      duration: y(e).options.value.duration,
-      "enter-from-class": y(e).options.value.enterFromClass,
-      "enter-to-class": y(e).options.value.enterToClass,
-      "enter-active-class": y(e).options.value.enterActiveClass,
-      "leave-from-class": y(e).options.value.leaveFromClass,
-      "leave-to-class": y(e).options.value.leaveToClass,
-      "leave-active-class": y(e).options.value.leaveActiveClass,
-      "appear-active-class": y(e).options.value.appearActiveClass,
-      "appear-from-class": y(e).options.value.appearFromClass,
-      "appear-to-class": y(e).options.value.appearToClass,
-      mode: y(e).options.value.mode,
-      type: y(e).options.value.type,
-      css: y(e).options.value.css,
+      name: w(e).options.value.name,
+      duration: w(e).options.value.duration,
+      "enter-from-class": w(e).options.value.enterFromClass,
+      "enter-to-class": w(e).options.value.enterToClass,
+      "enter-active-class": w(e).options.value.enterActiveClass,
+      "leave-from-class": w(e).options.value.leaveFromClass,
+      "leave-to-class": w(e).options.value.leaveToClass,
+      "leave-active-class": w(e).options.value.leaveActiveClass,
+      "appear-active-class": w(e).options.value.appearActiveClass,
+      "appear-from-class": w(e).options.value.appearFromClass,
+      "appear-to-class": w(e).options.value.appearToClass,
+      mode: w(e).options.value.mode,
+      type: w(e).options.value.type,
+      css: w(e).options.value.css,
       appear: !0,
-      persisted: y(e).options.value.persisted,
-      onEnter: y(e).options.value.onEnter,
-      onLeave: y(e).options.value.onLeave,
-      onBeforeEnter: y(e).options.value.onBeforeEnter,
-      onBeforeLeave: y(e).options.value.onBeforeLeave,
-      onBeforeAppear: y(e).options.value.onBeforeAppear,
-      onAfterEnter: y(e).options.value.onAfterEnter,
-      onAfterLeave: y(e).options.value.onAfterLeave,
-      onAfterAppear: y(e).options.value.onAfterAppear
+      persisted: w(e).options.value.persisted,
+      onEnter: w(e).options.value.onEnter,
+      onLeave: w(e).options.value.onLeave,
+      onBeforeEnter: w(e).options.value.onBeforeEnter,
+      onBeforeLeave: w(e).options.value.onBeforeLeave,
+      onBeforeAppear: w(e).options.value.onBeforeAppear,
+      onAfterEnter: w(e).options.value.onAfterEnter,
+      onAfterLeave: w(e).options.value.onAfterLeave,
+      onAfterAppear: w(e).options.value.onAfterAppear
     }, {
       default: xe(() => [
         (H(), G(J(t.value)))
@@ -328,7 +336,7 @@ const T = ge(() => {
           container: o,
           vnode: g
         };
-        const i = T();
+        const i = Z();
         n.__VUE_DND_KIT_STORE__ = i;
       }
       return l;
@@ -338,7 +346,7 @@ const T = ge(() => {
       return n.__VUE_DND_KIT_OVERLAY__ && (le(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), t.call(this);
     };
   }
-}, ie = (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, B = (n) => {
+}, ie = (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) => {
   if (!n)
     return {
       x: 0,
@@ -364,8 +372,8 @@ const T = ge(() => {
 }, j = (n) => ({
   x: n.x + n.width / 2,
   y: n.y + n.height / 2
-}), De = (n, e) => {
-  const t = B(n);
+}), Ce = (n, e) => {
+  const t = R(n);
   return {
     pixel: {
       x: e.x - t.x,
@@ -392,7 +400,7 @@ const T = ge(() => {
   n.preventDefault();
 }, U = (n) => ({
   items: Array.from(n.draggingElements.value.values())
-}), ze = (n) => {
+}), De = (n) => {
   const {
     elementsMap: e,
     draggingElements: t,
@@ -401,14 +409,14 @@ const T = ge(() => {
     isDragging: s,
     visibleElements: o,
     handleDragElementIntersection: g
-  } = T(), i = Y(null), u = b(
+  } = Z(), i = V(null), u = T(
     () => o.value.has(i.value) && r.element.value === i.value
-  ), d = R((n == null ? void 0 : n.id) || Pe()), v = b(() => !i.value || !o.value.has(i.value) ? !1 : t.value.has(i.value)), a = b(() => {
+  ), v = D((n == null ? void 0 : n.id) || Pe()), d = T(() => !i.value || !e.value.has(i.value) ? !1 : t.value.has(i.value)), a = T(() => {
     if (!i.value || !s.value || !o.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(
-      ([p, E]) => E.groups.length ? !E.groups.some(
-        (L) => m.groups.includes(L)
+      ([E, y]) => y.groups.length ? !y.groups.some(
+        (A) => m.groups.includes(A)
       ) : !1
     ) : !0;
   });
@@ -423,35 +431,35 @@ const T = ge(() => {
         defaultLayer: (n == null ? void 0 : n.layer) ?? null,
         events: (n == null ? void 0 : n.events) ?? {},
         data: (n == null ? void 0 : n.data) ?? null,
-        id: d.value
+        id: v.value
       }), g("add", i.value), i.value.addEventListener("dragstart", C), i.value.addEventListener("drag", C), i.value.setAttribute(ve, "true"), i.value.setAttribute("draggable", "false");
     },
     unregisterElement: () => {
       i.value && (e.value.delete(i.value), l.value.delete(i.value), i.value.removeEventListener("dragstart", C), i.value.removeEventListener("drag", C), i.value.removeAttribute(ve), i.value.removeAttribute("draggable"));
     },
-    isDragging: v,
+    isDragging: d,
     isOvered: u,
     isAllowed: a,
-    id: d
+    id: v
   };
-}, k = (n, e) => n ? e.contains(n) : !1, ke = (n) => {
-  var d, v;
-  const e = B(n.activeContainer.ref.value), t = j(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, o = !(e && r >= e.x && r <= e.x + e.width && l >= e.y && l <= e.y + e.height), g = Array.from(n.draggingElements.value.keys()), i = Array.from(n.visibleElements.value.entries()).filter(([a, c]) => {
+}, b = (n, e) => n ? e.contains(n) : !1, ze = (n) => {
+  var v, d;
+  const e = R(n.activeContainer.ref.value), t = j(e), r = ((v = n.pointerPosition.current.value) == null ? void 0 : v.x) ?? 0, l = ((d = n.pointerPosition.current.value) == null ? void 0 : d.y) ?? 0, o = !(e && r >= e.x && r <= e.x + e.width && l >= e.y && l <= e.y + e.height), g = Array.from(n.draggingElements.value.keys()), i = Array.from(n.visibleElements.value.entries()).filter(([a, c]) => {
     if (!a) return !1;
-    const f = B(a);
+    const f = R(a);
     return f && e && ie(f, e);
   }).map(([a, c]) => {
-    const f = B(a), m = j(f), p = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, E = ce(f, e), L = ue(t, m);
-    let M = 0;
-    for (const [I, F] of n.visibleElements.value.entries())
-      I !== a && I && a && k(a, I) && M++;
+    const f = R(a), m = j(f), E = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, y = ce(f, e), A = ue(t, m);
+    let P = 0;
+    for (const [_, B] of n.visibleElements.value.entries())
+      _ !== a && _ && a && b(a, _) && P++;
     return {
       element: c,
       node: a,
-      isPointerInElement: p,
-      overlapPercent: E,
-      depth: M,
-      centerDistance: L
+      isPointerInElement: E,
+      overlapPercent: y,
+      depth: P,
+      centerDistance: A
     };
   }).sort((a, c) => {
     if (!o) {
@@ -463,23 +471,23 @@ const T = ge(() => {
     return Math.abs(a.overlapPercent - c.overlapPercent) <= 1 ? a.centerDistance - c.centerDistance : c.overlapPercent - a.overlapPercent;
   }), u = Array.from(n.visibleZones.value.entries()).filter(([a, c]) => {
     if (!a || g.some(
-      (m) => m && k(a, m)
+      (m) => m && b(a, m)
     ))
       return !1;
-    const f = B(a);
+    const f = R(a);
     return f && e && ie(f, e);
   }).map(([a, c]) => {
-    const f = B(a), m = j(f), p = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, E = ce(f, e), L = ue(t, m);
-    let M = 0;
-    for (const [I, F] of n.visibleZones.value.entries())
-      I !== a && I && a && k(a, I) && M++;
+    const f = R(a), m = j(f), E = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, y = ce(f, e), A = ue(t, m);
+    let P = 0;
+    for (const [_, B] of n.visibleZones.value.entries())
+      _ !== a && _ && a && b(a, _) && P++;
     return {
       zone: c,
       node: a,
-      isPointerInElement: p,
-      overlapPercent: E,
-      depth: M,
-      centerDistance: L
+      isPointerInElement: E,
+      overlapPercent: y,
+      depth: P,
+      centerDistance: A
     };
   }).sort((a, c) => {
     if (!o) {
@@ -494,21 +502,21 @@ const T = ge(() => {
     ...i.map((a) => a.node),
     ...u.map((a) => a.node)
   ];
-}, be = (n, e) => {
-  const { pointerPosition: t, keyboard: r } = T(), l = (e == null ? void 0 : e.moveStep) || 10;
+}, ke = (n, e) => {
+  const { pointerPosition: t, keyboard: r } = Z(), l = (e == null ? void 0 : e.moveStep) || 10;
   return {
     onKeyboardStart: (i) => {
       var a;
       C(i);
-      const u = B(n.value);
+      const u = R(n.value);
       (a = n.value) == null || a.blur();
-      const d = u.x + u.width / 2, v = u.y + u.height / 2;
+      const v = u.x + u.width / 2, d = u.y + u.height / 2;
       t.start.value = {
-        x: d,
-        y: v
+        x: v,
+        y: d
       }, t.current.value = {
-        x: d,
-        y: v
+        x: v,
+        y: d
       }, t.offset.pixel.value = {
         x: u.width / 2,
         y: u.height / 2
@@ -520,25 +528,25 @@ const T = ge(() => {
     onKeyboardMove: () => {
       if (!t.current.value) return;
       const i = t.current.value.x, u = t.current.value.y;
-      let d = i, v = u;
-      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
+      let v = i, d = u;
+      r.w.value && (d -= l), r.s.value && (d += l), r.a.value && (v -= l), r.d.value && (v += l), t.current.value = {
+        x: v,
+        y: d
       };
     },
     onKeyboardEnd: () => {
       t.current.value = null, t.start.value = null, t.offset.pixel.value = null, t.offset.percent.value = null;
     }
   };
-}, Te = (n) => {
-  const e = T();
+}, be = (n) => {
+  const e = Z();
   return {
     onPointerStart: (s) => {
       e.pointerPosition.start.value = { x: s.clientX, y: s.clientY }, e.pointerPosition.current.value = {
         x: s.clientX,
         y: s.clientY
       };
-      const { pixel: o, percent: g } = De(n.value, {
+      const { pixel: o, percent: g } = Ce(n.value, {
         x: s.clientX,
         y: s.clientY
       });
@@ -554,133 +562,133 @@ const T = ge(() => {
       e.pointerPosition.current.value = null, e.pointerPosition.start.value = null, e.pointerPosition.offset.pixel.value = null, e.pointerPosition.offset.percent.value = null;
     }
   };
-}, Ze = (n, e) => {
-  var F, Z;
-  const t = T(), { onPointerStart: r, onPointerMove: l, onPointerEnd: s } = Te(n), { onKeyboardStart: o, onKeyboardMove: g, onKeyboardEnd: i } = be(
+}, Te = (n, e) => {
+  var B, X;
+  const t = Z(), { onPointerStart: r, onPointerMove: l, onPointerEnd: s } = be(n), { onKeyboardStart: o, onKeyboardMove: g, onKeyboardEnd: i } = ke(
     n,
     e == null ? void 0 : e.keyboard
   );
   let u = null;
-  const d = (h) => {
-    var D, A;
+  const v = (h) => {
+    var z, I;
     if (!h) return /* @__PURE__ */ new Map();
-    const _ = t.selectedElements.value.has(h);
-    if (t.selectedElements.value.size > 0 && _) {
+    const p = t.selectedElements.value.has(h);
+    if (t.selectedElements.value.size > 0 && p) {
       const S = /* @__PURE__ */ new Map();
       return t.selectedElements.value.forEach((K) => {
-        var O, X;
-        const V = t.elementsMap.value.get(K);
-        V && S.set(K, {
-          ...V,
-          initialHTML: ((O = V.node) == null ? void 0 : O.outerHTML) ?? "",
-          initialRect: (X = V.node) == null ? void 0 : X.getBoundingClientRect()
+        var Y, F;
+        const O = t.elementsMap.value.get(K);
+        O && S.set(K, {
+          ...O,
+          initialHTML: ((Y = O.node) == null ? void 0 : Y.outerHTML) ?? "",
+          initialRect: (F = O.node) == null ? void 0 : F.getBoundingClientRect()
         });
       }), S;
     }
     t.selectedElements.value.clear();
-    const P = t.elementsMap.value.get(h);
-    if (!P) return /* @__PURE__ */ new Map();
-    const w = /* @__PURE__ */ new Map();
-    return w.set(h, {
-      ...P,
-      initialHTML: ((D = P.node) == null ? void 0 : D.outerHTML) ?? "",
-      initialRect: (A = P.node) == null ? void 0 : A.getBoundingClientRect()
-    }), w;
-  }, v = (h) => {
+    const L = t.elementsMap.value.get(h);
+    if (!L) return /* @__PURE__ */ new Map();
+    const x = /* @__PURE__ */ new Map();
+    return x.set(h, {
+      ...L,
+      initialHTML: ((z = L.node) == null ? void 0 : z.outerHTML) ?? "",
+      initialRect: (I = L.node) == null ? void 0 : I.getBoundingClientRect()
+    }), x;
+  }, d = (h) => {
     if (!h)
       return { element: null, zone: null };
-    const _ = Array.isArray(h) ? h : [h], P = Array.from(t.draggingElements.value.keys()), w = _.find((A) => {
-      if (!t.visibleZones.value.has(A)) return !1;
-      const S = t.zonesMap.value.get(A);
-      return !(!S || P.some(
-        (K) => K && (K === S.node || k(S.node, K))
+    const p = Array.isArray(h) ? h : [h], L = Array.from(t.draggingElements.value.keys()), x = p.find((I) => {
+      if (!t.visibleZones.value.has(I)) return !1;
+      const S = t.zonesMap.value.get(I);
+      return !(!S || L.some(
+        (K) => K && (K === S.node || b(S.node, K))
       ) || S.groups.length && !!Array.from(
         t.draggingElements.value.values()
-      ).some((V) => V.groups.length ? !V.groups.some((O) => S.groups.includes(O)) : !1));
+      ).some((O) => O.groups.length ? !O.groups.some((Y) => S.groups.includes(Y)) : !1));
     });
-    return w ? {
-      element: _.find(
-        (A) => t.visibleElements.value.has(A) && t.elementsMap.value.has(A) && !P.some(
-          (S) => S && (S === A || k(
-            A,
+    return x ? {
+      element: p.find(
+        (I) => t.visibleElements.value.has(I) && t.elementsMap.value.has(I) && !L.some(
+          (S) => S && (S === I || b(
+            I,
             S
-          ) || k(S, A))
-        ) && (A === w || k(
-          A,
-          w
+          ) || b(S, I))
+        ) && (I === x || b(
+          I,
+          x
         ))
       ) || null,
-      zone: w
+      zone: x
     } : { element: null, zone: null };
-  }, a = ((F = e == null ? void 0 : e.sensor) == null ? void 0 : F.setup) || ke, c = (h) => {
-    var A, S, K, V, O, X, W, N, ee, te, $, ne;
-    const _ = t.hovered.element.value, P = t.hovered.zone.value, w = h.element, D = h.zone;
-    t.hovered.element.value = w, t.hovered.zone.value = D, _ !== w && (_ && ((K = (S = (A = t.elementsMap.value.get(_)) == null ? void 0 : A.events) == null ? void 0 : S.onLeave) == null || K.call(S, t, U(t))), w && ((X = (O = (V = t.elementsMap.value.get(w)) == null ? void 0 : V.events) == null ? void 0 : O.onHover) == null || X.call(O, t, U(t)))), P !== D && (P && ((ee = (N = (W = t.zonesMap.value.get(P)) == null ? void 0 : W.events) == null ? void 0 : N.onLeave) == null || ee.call(N, t, U(t))), D && ((ne = ($ = (te = t.zonesMap.value.get(D)) == null ? void 0 : te.events) == null ? void 0 : $.onHover) == null || ne.call($, t, U(t))));
-  }, f = Se(() => {
-    const h = a(t), _ = v(h);
-    c(_);
-  }, ((Z = e == null ? void 0 : e.sensor) == null ? void 0 : Z.throttle) ?? 0), m = () => {
+  }, a = ((B = e == null ? void 0 : e.sensor) == null ? void 0 : B.setup) || ze, c = (h) => {
+    var I, S, K, O, Y, F, W, N, ee, te, $, ne;
+    const p = t.hovered.element.value, L = t.hovered.zone.value, x = h.element, z = h.zone;
+    t.hovered.element.value = x, t.hovered.zone.value = z, p !== x && (p && ((K = (S = (I = t.elementsMap.value.get(p)) == null ? void 0 : I.events) == null ? void 0 : S.onLeave) == null || K.call(S, t, U(t))), x && ((F = (Y = (O = t.elementsMap.value.get(x)) == null ? void 0 : O.events) == null ? void 0 : Y.onHover) == null || F.call(Y, t, U(t)))), L !== z && (L && ((ee = (N = (W = t.zonesMap.value.get(L)) == null ? void 0 : W.events) == null ? void 0 : N.onLeave) == null || ee.call(N, t, U(t))), z && ((ne = ($ = (te = t.zonesMap.value.get(z)) == null ? void 0 : te.events) == null ? void 0 : $.onHover) == null || ne.call($, t, U(t))));
+  }, f = Ae(() => {
+    const h = a(t), p = d(h);
+    c(p);
+  }, ((X = e == null ? void 0 : e.sensor) == null ? void 0 : X.throttle) ?? 0), m = () => {
     f(), u = requestAnimationFrame(m);
-  }, p = () => m(), E = () => {
+  }, E = () => m(), y = () => {
     u !== null && (cancelAnimationFrame(u), u = null);
   };
   return {
     activate: (h) => {
-      t.draggingElements.value = d(n.value), t.draggingElements.value.forEach(
-        (_) => {
-          var P, w;
-          return (w = (P = _.events).onStart) == null ? void 0 : w.call(P, t, U(t));
+      t.draggingElements.value = v(n.value), t.draggingElements.value.forEach(
+        (p) => {
+          var L, x;
+          return (x = (L = p.events).onStart) == null ? void 0 : x.call(L, t, U(t));
         }
-      ), h instanceof PointerEvent ? r(h) : o(h), p();
+      ), h instanceof PointerEvent ? r(h) : o(h), E();
     },
     track: (h) => {
       t.draggingElements.value.forEach(
-        (_) => {
-          var P, w;
-          return (w = (P = _.events).onMove) == null ? void 0 : w.call(P, t, U(t));
+        (p) => {
+          var L, x;
+          return (x = (L = p.events).onMove) == null ? void 0 : x.call(L, t, U(t));
         }
       ), h instanceof KeyboardEvent ? g() : l(h);
     },
     deactivate: (h = !0) => {
-      var _, P;
+      var p, L;
       if (s(), i(), h) {
         if (t.hovered.zone.value) {
-          const w = t.zonesMap.value.get(t.hovered.zone.value);
-          (P = w == null ? void 0 : (_ = w.events).onDrop) == null || P.call(_, t, U(t));
+          const x = t.zonesMap.value.get(t.hovered.zone.value);
+          (L = x == null ? void 0 : (p = x.events).onDrop) == null || L.call(p, t, U(t));
         } else
           t.draggingElements.value.forEach(
-            (w) => {
-              var D, A;
-              return (A = (D = w.events).onEnd) == null ? void 0 : A.call(D, t, U(t));
+            (x) => {
+              var z, I;
+              return (I = (z = x.events).onEnd) == null ? void 0 : I.call(z, t, U(t));
             }
           );
         t.selectedElements.value.clear();
       }
-      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, E();
+      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, y();
     }
   };
-}, Ke = ge(() => {
+}, Ze = ge(() => {
   let n = "", e = "", t = "", r = null, l = null, s = null, o = null, g = null;
-  const { activeContainer: i } = T(), u = () => {
+  const { activeContainer: i } = Z(), u = () => {
     const c = document.body;
     n = c.style.userSelect, c.style.userSelect = "none", window.addEventListener("contextmenu", C), window.addEventListener("selectstart", C), window.addEventListener("touchstart", C), window.addEventListener("touchmove", C);
-  }, d = () => {
+  }, v = () => {
     const c = document.body;
     c.style.userSelect = n, c.style.touchAction = e, c.style.overscrollBehavior = t, window.removeEventListener("contextmenu", C), window.removeEventListener("selectstart", C), window.removeEventListener("touchstart", C), window.removeEventListener("touchmove", C);
-  }, v = () => {
+  }, d = () => {
     r && (document.removeEventListener("pointermove", r), r = null), l && (document.removeEventListener("pointerup", l), l = null), s && (s = null), o && (document.removeEventListener("wheel", o), o = null), g && (document.removeEventListener("keydown", g), document.removeEventListener("keypress", g), document.removeEventListener("keyup", g), g = null);
   };
   return {
     handleDragStart: (c, f, m) => {
-      v(), c.target.blur(), m != null && m.container && (i.component.value = Le(m.container));
-      const { activate: p, track: E, deactivate: L } = Ze(f, m);
+      d(), c.target.blur(), m != null && m.container && (i.component.value = m.container);
+      const { activate: E, track: y, deactivate: A } = Te(f, m);
       l = () => {
-        i.component.value = null, d(), L(!0), v();
+        i.component.value = null, v(), A(!0), d();
       }, s = () => {
-        i.component.value = null, d(), L(!1), v();
-      }, r = (M) => E(M), o = (M) => E(M), g = (M) => {
-        M.type === "keyup" && (M.code === "Escape" && (s == null || s()), M.code === "Enter" && (l == null || l())), E(M);
-      }, u(), p(c), document.addEventListener("pointermove", r), document.addEventListener("pointerup", l), document.addEventListener("wheel", o), document.addEventListener("keydown", g), document.addEventListener("keypress", g), document.addEventListener("keyup", g);
+        i.component.value = null, v(), A(!1), d();
+      }, r = (P) => y(P), o = (P) => y(P), g = (P) => {
+        P.type === "keyup" && (P.code === "Escape" && (s == null || s()), P.code === "Enter" && (l == null || l())), y(P);
+      }, u(), E(c), document.addEventListener("pointermove", r), document.addEventListener("pointerup", l), document.addEventListener("wheel", o), document.addEventListener("keydown", g), document.addEventListener("keypress", g), document.addEventListener("keyup", g);
     }
   };
 }), He = (n) => {
@@ -692,28 +700,28 @@ const T = ge(() => {
     isAllowed: s,
     registerElement: o,
     unregisterElement: g
-  } = ze(n), { pointerPosition: i } = T(), { handleDragStart: u } = Ke(), d = (v) => u(v, t, n);
+  } = De(n), { pointerPosition: i } = Z(), { handleDragStart: u } = Ze(), v = (d) => u(d, t, n);
   return Q(o), fe(g), {
     pointerPosition: i,
     elementRef: t,
     isDragging: r,
     isOvered: l,
     isAllowed: s,
-    handleDragStart: d,
+    handleDragStart: v,
     id: e
   };
-}, Ve = (n) => {
+}, Ke = (n) => {
   const {
     zonesMap: e,
     hovered: t,
     draggingElements: r,
     isDragging: l,
     handleDropZoneIntersection: s
-  } = T(), o = Y(null), g = b(() => t.zone.value === o.value), i = b(() => {
+  } = Z(), o = V(null), g = T(() => t.zone.value === o.value), i = T(() => {
     if (!o.value || !l.value) return !1;
-    const v = e.value.get(o.value);
-    return v != null && v.groups.length ? !Array.from(r.value.values()).some((a) => a.groups.length ? !a.groups.some(
-      (c) => v.groups.includes(c)
+    const d = e.value.get(o.value);
+    return d != null && d.groups.length ? !Array.from(r.value.values()).some((a) => a.groups.length ? !a.groups.some(
+      (c) => d.groups.includes(c)
     ) : !1) : !0;
   });
   return { elementRef: o, registerZone: () => {
@@ -727,22 +735,22 @@ const T = ge(() => {
   }, unregisterZone: () => {
     o.value && (s("remove", o.value), e.value.delete(o.value));
   }, isOvered: g, isAllowed: i };
-}, Be = (n) => {
-  const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: l, isAllowed: s } = Ve(n);
+}, Re = (n) => {
+  const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: l, isAllowed: s } = Ke(n);
   return Q(t), fe(r), { elementRef: e, isOvered: l, isAllowed: s };
-}, Fe = (n) => {
-  const { selectedElements: e, elementsMap: t } = T(), r = b(
+}, Be = (n) => {
+  const { selectedElements: e, elementsMap: t } = Z(), r = T(
     () => n.value ? e.value.has(n.value) : !1
-  ), l = b(() => {
+  ), l = T(() => {
     if (!n.value) return !1;
     for (const u of e.value)
-      if (u && k(u, n.value))
+      if (u && b(u, n.value))
         return !0;
     return !1;
-  }), s = b(() => {
+  }), s = T(() => {
     if (!n.value) return !1;
     for (const u of e.value)
-      if (u && k(n.value, u))
+      if (u && b(n.value, u))
         return !0;
     return !1;
   }), o = () => {
@@ -750,11 +758,11 @@ const T = ge(() => {
   }, g = () => {
     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);
+        for (const v of e.value)
+          v && b(v, n.value) && e.value.delete(v);
       if (s.value)
-        for (const d of e.value)
-          d && k(n.value, d) && e.value.delete(d);
+        for (const v of e.value)
+          v && b(n.value, v) && e.value.delete(v);
       e.value.add(n.value);
     }
   };
@@ -771,11 +779,11 @@ const T = ge(() => {
 export {
   se as DnDOperations,
   Ue as default,
-  B as getBoundingBox,
-  T as useDnDStore,
-  _e as useDragContainer,
+  R as getBoundingBox,
+  Z as useDnDStore,
+  Ie as useDragContainer,
   He as useDraggable,
-  Be as useDroppable,
-  Fe as useSelection
+  Re as useDroppable,
+  Be as useSelection
 };
 //# sourceMappingURL=vue-dnd-kit-core.es.js.map