@vue-dnd-kit/core 1.1.8 → 1.2.0

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

@@ -1,49 +1,49 @@
-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 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 {
+var ve = Object.defineProperty;
+var de = (n, e, t) => e in n ? ve(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var k = (n, e, t) => de(n, typeof e != "symbol" ? e + "" : e, t);
+import { ref as V, computed as T, shallowRef as Y, onMounted as G, onUnmounted as fe, defineComponent as ie, createElementBlock as N, createCommentVNode as ge, unref as y, openBlock as F, normalizeStyle as W, Fragment as me, renderList as he, createBlock as $, Transition as pe, withCtx as Ee, resolveDynamicComponent as ee, createVNode as ye, render as te, useId as xe, markRaw as we, onBeforeUnmount as ue } from "vue";
+import { createGlobalState as ce, useMagicKeys as Me, useThrottleFn as Pe } from "@vueuse/core";
+const x = class x {
 };
-b(p, "remove", (e, t) => {
+k(x, "remove", (e, t) => {
   if (!e || t === void 0) return;
   const [r] = e.splice(t, 1);
   return r;
-}), b(p, "insert", (e, t, r) => {
+}), k(x, "insert", (e, t, r) => {
   !e || t === void 0 || e.splice(t, 0, r);
-}), b(p, "move", (e, t, r, l) => {
+}), k(x, "move", (e, t, r, l) => {
   if (!e || !r || t === void 0 || l === void 0)
     return;
-  const o = p.remove(e, t);
-  p.insert(r, l, o);
-}), b(p, "swap", (e, t, r, l) => {
+  const o = x.remove(e, t);
+  x.insert(r, l, o);
+}), k(x, "swap", (e, t, r, l) => {
   if (!e || !r || t === void 0 || l === void 0)
     return;
   const o = e[t], s = r[l];
   e[t] = s, r[l] = o;
-}), b(p, "copy", (e, t, r, l) => {
+}), k(x, "copy", (e, t, r, l) => {
   if (!e || t === void 0 || !r || l === void 0)
     return;
   const o = e[t];
-  p.insert(r, l, o);
-}), b(p, "applyTransfer", (e) => {
-  var l, o, s, f, i, c, d;
+  x.insert(r, l, o);
+}), k(x, "applyTransfer", (e) => {
+  var l, o, s, g, i, c, d;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
   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;
+    const v = (o = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : o.source, a = (g = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : g.index, u = e.draggingElements.value.values().next().value, f = (i = u == null ? void 0 : u.data) == null ? void 0 : i.index, m = f !== void 0 && a !== void 0 && f > 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));
+      (E, L) => {
+        var w, I;
+        return m * ((((w = E.data) == null ? void 0 : w.index) || 0) - (((I = L.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,
+      (E) => {
+        var L, w;
+        return x.move(
+          (L = E.data) == null ? void 0 : L.source,
+          (w = E.data) == null ? void 0 : w.index,
           v,
           a
         );
@@ -53,36 +53,36 @@ b(p, "remove", (e, t) => {
     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);
+    ).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);
     }).forEach(
-      (g) => {
-        var m, E;
-        return p.move(
-          (m = g.data) == null ? void 0 : m.source,
-          (E = g.data) == null ? void 0 : E.index,
+      (f) => {
+        var m, p;
+        return x.move(
+          (m = f.data) == null ? void 0 : m.source,
+          (p = f.data) == null ? void 0 : p.index,
           v,
           a
         );
       }
     );
   }
-}), b(p, "applyCopy", (e) => {
-  var l, o, s, f, i, c;
+}), k(x, "applyCopy", (e) => {
+  var l, o, s, g, i, c;
   const t = e.hovered.element.value, r = e.hovered.zone.value;
   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;
+    const d = (o = (l = e.elementsMap.value.get(t)) == null ? void 0 : l.data) == null ? void 0 : o.source, v = (g = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : g.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);
+    ).sort((u, f) => {
+      var m, p;
+      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((p = u.data) == null ? void 0 : p.index) || 0);
     }).forEach(
       (u) => {
-        var g, m;
-        return p.copy(
-          (g = u.data) == null ? void 0 : g.source,
+        var f, m;
+        return x.copy(
+          (f = u.data) == null ? void 0 : f.source,
           (m = u.data) == null ? void 0 : m.index,
           d,
           v
@@ -93,14 +93,14 @@ b(p, "remove", (e, t) => {
     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);
+    ).sort((u, f) => {
+      var m, p;
+      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((p = u.data) == null ? void 0 : p.index) || 0);
     }).forEach(
       (u) => {
-        var g, m;
-        return p.copy(
-          (g = u.data) == null ? void 0 : g.source,
+        var f, m;
+        return x.copy(
+          (f = u.data) == null ? void 0 : f.source,
           (m = u.data) == null ? void 0 : m.index,
           d,
           v
@@ -108,37 +108,37 @@ b(p, "remove", (e, t) => {
       }
     );
   }
-}), b(p, "applySwap", (e) => {
-  var l, o, s, f, i, c, d, v;
+}), k(x, "applySwap", (e) => {
+  var l, o, s, g, i, c, d, v;
   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;
-    p.swap(
+    x.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,
+      (g = (s = e.elementsMap.value.get(t)) == null ? void 0 : s.data) == null ? void 0 : g.source,
       (c = (i = e.elementsMap.value.get(t)) == null ? void 0 : i.data) == null ? void 0 : c.index
     );
   } 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);
+    ).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);
     }).forEach(
       (m) => {
-        var E, y;
-        return p.move(
-          (E = m.data) == null ? void 0 : E.source,
-          (y = m.data) == null ? void 0 : y.index,
+        var p, E;
+        return x.move(
+          (p = m.data) == null ? void 0 : p.source,
+          (E = m.data) == null ? void 0 : E.index,
           a,
           u
         );
       }
     );
   }
-}), b(p, "applyRemove", (e) => {
+}), k(x, "applyRemove", (e) => {
   Array.from(
     e.draggingElements.value.values()
   ).sort((r, l) => {
@@ -146,33 +146,34 @@ b(p, "remove", (e, t) => {
     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);
+    (l = r.data) != null && l.source && ((o = r.data) == null ? void 0 : o.index) !== void 0 && x.remove(r.data.source, r.data.index);
   });
-}), b(p, "applyInsert", (e, t) => {
-  var o, s, f, i, c, d;
+}), k(x, "applyInsert", (e, t) => {
+  var o, s, g, 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;
+    const v = (s = (o = e.elementsMap.value.get(r)) == null ? void 0 : o.data) == null ? void 0 : s.source, a = (i = (g = e.elementsMap.value.get(r)) == null ? void 0 : g.data) == null ? void 0 : i.index;
     t.forEach((u) => {
-      p.insert(v, a, u);
+      x.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);
+      x.insert(v, a, u);
     });
   }
 });
-let te = p;
-const K = ie(() => {
+let ne = x;
+const K = ce(() => {
   const n = V(
     /* @__PURE__ */ new Map()
-  ), e = C(() => n.value.size > 0), t = {
+  ), e = T(() => n.value.size > 0), t = {
     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) => {
+    ref: Y(null),
+    options: Y(null)
+  }, r = V(/* @__PURE__ */ new Map()), l = V(/* @__PURE__ */ new Set()), o = V(/* @__PURE__ */ new Map()), s = V(/* @__PURE__ */ new Set()), g = V(/* @__PURE__ */ new Set()), i = new IntersectionObserver((Z) => {
     Z.forEach(
-      (h) => f.value[h.isIntersecting ? "add" : "delete"](
+      (h) => g.value[h.isIntersecting ? "add" : "delete"](
         h.target
       )
     );
@@ -181,7 +182,7 @@ const K = ie(() => {
       (h) => s.value[h.isIntersecting ? "add" : "delete"](h.target)
     );
   }), d = (Z, h) => {
-    Z === "add" ? i.observe(h) : (i.unobserve(h), f.value.delete(h));
+    Z === "add" ? i.observe(h) : (i.unobserve(h), g.value.delete(h));
   }, v = (Z, h) => {
     Z === "add" ? c.observe(h) : (c.unobserve(h), s.value.delete(h));
   }, a = {
@@ -191,7 +192,7 @@ const K = ie(() => {
       percent: Y(null),
       pixel: Y(null)
     }
-  }, { w: u, s: g, a: m, d: E, ctrl: y, shift: P, alt: x, meta: I } = pe(), H = {
+  }, { w: u, s: f, a: m, d: p, ctrl: E, shift: L, alt: w, meta: I } = Me(), B = {
     zone: Y(null),
     element: Y(null)
   };
@@ -203,41 +204,41 @@ const K = ie(() => {
     selectedElements: l,
     zonesMap: o,
     visibleZones: s,
-    visibleElements: f,
+    visibleElements: g,
     pointerPosition: a,
     keyboard: {
       w: u,
-      s: g,
+      s: f,
       a: m,
-      d: E,
-      ctrl: y,
-      shift: P,
-      alt: x,
+      d: p,
+      ctrl: E,
+      shift: L,
+      alt: w,
       meta: I
     },
-    hovered: H,
+    hovered: B,
     handleDragElementIntersection: d,
     handleDropZoneIntersection: v
   };
-}), we = () => {
-  const n = V(null), { draggingElements: e, pointerPosition: t, isDragging: r, activeContainer: l } = K();
-  return q(() => {
-    l.ref = n;
-  }), G(() => {
-    l.ref.value = null;
+}), Le = (n) => {
+  const e = V(null), { draggingElements: t, pointerPosition: r, isDragging: l, activeContainer: o } = K();
+  return G(() => {
+    o.ref = e, o.options.value = n ?? null;
+  }), fe(() => {
+    o.ref.value = null, o.options.value = null;
   }), {
-    elementRef: n,
-    draggingElements: e,
-    pointerPosition: t,
-    isDragging: r
+    elementRef: e,
+    draggingElements: t,
+    pointerPosition: r,
+    isDragging: l
   };
-}, Me = ["innerHTML"], Pe = /* @__PURE__ */ oe({
+}, Ae = ["innerHTML"], _e = /* @__PURE__ */ ie({
   __name: "DefaultOverlay",
   setup(n) {
-    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: l } = we(), o = C(() => {
-      var s, f, i, c;
+    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: l } = Le(), o = T(() => {
+      var s, g, i, c;
       return {
-        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)`,
+        transform: `translate3d(${(((s = t.current.value) == null ? void 0 : s.x) ?? 0) - (((g = t.offset.pixel.value) == null ? void 0 : g.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,
@@ -245,46 +246,75 @@ const K = ie(() => {
         transition: "0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"
       };
     });
-    return (s, f) => W(r) ? (N(), F("div", {
+    return (s, g) => y(r) ? (F(), N("div", {
       key: 0,
       ref_key: "elementRef",
       ref: e,
-      style: B(o.value)
+      style: W(o.value)
     }, [
-      (N(!0), F(de, null, ge(W(l), ([i, c]) => {
+      (F(!0), N(me, null, he(y(l), ([i, c]) => {
         var d, v;
-        return N(), F("div", {
+        return F(), N("div", {
           key: c.id,
           innerHTML: c.initialHTML,
-          style: B({
+          style: W({
             width: `${(d = c.initialRect) == null ? void 0 : d.width}px`,
             height: `${(v = c.initialRect) == null ? void 0 : v.height}px`
           })
-        }, null, 12, Me);
+        }, null, 12, Ae);
       }), 128))
-    ], 4)) : ve("", !0);
+    ], 4)) : ge("", !0);
   }
-}), ne = /* @__PURE__ */ oe({
+}), re = /* @__PURE__ */ ie({
   __name: "DragOverlay",
   setup(n) {
-    const { activeContainer: e } = K(), t = C(
-      () => e.component.value ?? Pe
-    );
-    return (r, l) => (N(), fe(me(t.value)));
+    const { activeContainer: e } = K(), t = T(() => e.component.value ?? _e);
+    return (r, l) => y(e).options.value ? (F(), $(pe, {
+      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,
+      mode: y(e).options.value.mode,
+      type: y(e).options.value.type,
+      css: y(e).options.value.css,
+      appear: y(e).options.value.appear,
+      "appear-active-class": y(e).options.value.appearActiveClass,
+      "appear-from-class": y(e).options.value.appearFromClass,
+      "appear-to-class": y(e).options.value.appearToClass,
+      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
+    }, {
+      default: Ee(() => [
+        (F(), $(ee(t.value)))
+      ]),
+      _: 1
+    }, 8, ["name", "duration", "enter-from-class", "enter-to-class", "enter-active-class", "leave-from-class", "leave-to-class", "leave-active-class", "mode", "type", "css", "appear", "appear-active-class", "appear-from-class", "appear-to-class", "persisted", "onEnter", "onLeave", "onBeforeEnter", "onBeforeLeave", "onBeforeAppear", "onAfterEnter", "onAfterLeave", "onAfterAppear"])) : (F(), $(ee(t.value), { key: 1 }));
   }
-}), Ze = {
+}), Ve = {
   install(n) {
-    n.component("DragOverlay", ne);
+    n.component("DragOverlay", re);
     const e = n.mount;
     n.mount = function(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 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__ = {
+        const g = ye(re);
+        te(g, s), n.__VUE_DND_KIT_OVERLAY__ = {
           container: s,
-          vnode: f
+          vnode: g
         };
         const i = K();
         n.__VUE_DND_KIT_STORE__ = i;
@@ -293,10 +323,10 @@ const K = ie(() => {
     };
     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);
+      return n.__VUE_DND_KIT_OVERLAY__ && (te(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, U = (n) => {
+}, ae = (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, H = (n) => {
   if (!n)
     return {
       x: 0,
@@ -319,11 +349,11 @@ const K = ie(() => {
     width: e.width,
     height: e.height
   };
-}, $ = (n) => ({
+}, q = (n) => ({
   x: n.x + n.width / 2,
   y: n.y + n.height / 2
-}), Le = (n, e) => {
-  const t = U(n);
+}), Se = (n, e) => {
+  const t = H(n);
   return {
     pixel: {
       x: e.x - t.x,
@@ -334,10 +364,10 @@ const K = ie(() => {
       y: (e.y - t.y) / t.height * 100
     }
   };
-}, ae = (n, e) => {
+}, le = (n, e) => {
   const t = e.x - n.x, r = e.y - n.y;
   return Math.sqrt(t * t + r * r);
-}, le = (n, e) => {
+}, oe = (n, e) => {
   const t = Math.max(
     0,
     Math.min(n.x + n.width, e.x + e.width) - Math.max(n.x, e.x)
@@ -348,23 +378,23 @@ const K = ie(() => {
   return (l / o * 100 + l / s * 100) / 2;
 }, se = "data-vue-dnd-kit-draggable", z = (n) => {
   n.preventDefault();
-}, Se = (n) => {
+}, Ie = (n) => {
   const {
     elementsMap: e,
     draggingElements: t,
     hovered: r,
-    selectedElementsMap: l,
+    selectedElements: l,
     isDragging: o,
     visibleElements: s,
-    handleDragElementIntersection: f
-  } = K(), i = V(null), c = C(
+    handleDragElementIntersection: g
+  } = K(), i = V(null), c = T(
     () => 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(() => {
+  ), d = Y((n == null ? void 0 : n.id) || xe()), v = T(() => !i.value || !s.value.has(i.value) ? !1 : t.value.has(i.value)), a = T(() => {
     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)
+      ([p, E]) => E.groups.length ? !E.groups.some(
+        (L) => m.groups.includes(L)
       ) : !1
     ) : !0;
   });
@@ -380,7 +410,7 @@ const K = ie(() => {
         events: (n == null ? void 0 : n.events) ?? {},
         data: (n == null ? void 0 : n.data) ?? null,
         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");
+      }), g("add", i.value), i.value.addEventListener("dragstart", z), i.value.addEventListener("drag", z), i.value.setAttribute(se, "true"), i.value.setAttribute("draggable", "false");
     },
     unregisterElement: () => {
       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"));
@@ -390,24 +420,24 @@ const K = ie(() => {
     isAllowed: a,
     id: d
   };
-}, k = (n, e) => n ? e.contains(n) : !1, _e = (n) => {
+}, b = (n, e) => n ? e.contains(n) : !1, ze = (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]) => {
+  const e = H(n.activeContainer.ref.value), t = q(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), g = 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);
+    const f = H(a);
+    return f && e && ae(f, 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++;
+    const f = H(a), m = q(f), p = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, E = oe(f, e), L = le(t, m);
+    let w = 0;
+    for (const [I, B] of n.visibleElements.value.entries())
+      I !== a && I && a && b(a, I) && w++;
     return {
       element: u,
       node: a,
-      isPointerInElement: E,
-      overlapPercent: y,
-      depth: x,
-      centerDistance: P
+      isPointerInElement: p,
+      overlapPercent: E,
+      depth: w,
+      centerDistance: L
     };
   }).sort((a, u) => {
     if (!s) {
@@ -418,24 +448,24 @@ const K = ie(() => {
     }
     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)
+    if (!a || g.some(
+      (m) => m && b(a, m)
     ))
       return !1;
-    const g = U(a);
-    return g && e && re(g, e);
+    const f = H(a);
+    return f && e && ae(f, 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++;
+    const f = H(a), m = q(f), p = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, E = oe(f, e), L = le(t, m);
+    let w = 0;
+    for (const [I, B] of n.visibleZones.value.entries())
+      I !== a && I && a && b(a, I) && w++;
     return {
       zone: u,
       node: a,
-      isPointerInElement: E,
-      overlapPercent: y,
-      depth: x,
-      centerDistance: P
+      isPointerInElement: p,
+      overlapPercent: E,
+      depth: w,
+      centerDistance: L
     };
   }).sort((a, u) => {
     if (!s) {
@@ -450,13 +480,13 @@ const K = ie(() => {
     ...i.map((a) => a.node),
     ...c.map((a) => a.node)
   ];
-}, Ie = (n, e) => {
+}, Ce = (n, e) => {
   const { pointerPosition: t, keyboard: r } = K(), l = (e == null ? void 0 : e.moveStep) || 10;
   return {
     onKeyboardStart: (i) => {
       var a;
       z(i);
-      const c = U(n.value);
+      const c = H(n.value);
       (a = n.value) == null || a.blur();
       const d = c.x + c.width / 2, v = c.y + c.height / 2;
       t.start.value = {
@@ -486,7 +516,7 @@ const K = ie(() => {
       t.current.value = null, t.start.value = null, t.offset.pixel.value = null, t.offset.percent.value = null;
     }
   };
-}, ze = (n) => {
+}, De = (n) => {
   const e = K();
   return {
     onPointerStart: (o) => {
@@ -494,11 +524,11 @@ const K = ie(() => {
         x: o.clientX,
         y: o.clientY
       };
-      const { pixel: s, percent: f } = Le(n.value, {
+      const { pixel: s, percent: g } = Se(n.value, {
         x: o.clientX,
         y: o.clientY
       });
-      e.pointerPosition.offset.pixel.value = s, e.pointerPosition.offset.percent.value = f;
+      e.pointerPosition.offset.pixel.value = s, e.pointerPosition.offset.percent.value = g;
     },
     onPointerMove: (o) => {
       e.pointerPosition.current.value = {
@@ -510,113 +540,113 @@ const K = ie(() => {
       e.pointerPosition.current.value = null, e.pointerPosition.start.value = null, e.pointerPosition.offset.pixel.value = null, e.pointerPosition.offset.percent.value = null;
     }
   };
-}, De = (n, e) => {
-  var H, Z;
-  const t = K(), { onPointerStart: r, onPointerMove: l, onPointerEnd: o } = ze(n), { onKeyboardStart: s, onKeyboardMove: f, onKeyboardEnd: i } = Ie(
+}, ke = (n, e) => {
+  var B, Z;
+  const t = K(), { onPointerStart: r, onPointerMove: l, onPointerEnd: o } = De(n), { onKeyboardStart: s, onKeyboardMove: g, onKeyboardEnd: i } = Ce(
     n,
     e == null ? void 0 : e.keyboard
   );
   let c = null;
   const d = (h) => {
-    var A, L;
+    var D, A;
     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) => {
+    const _ = t.selectedElements.value.has(h);
+    if (t.selectedElements.value.size > 0 && _) {
+      const S = /* @__PURE__ */ new Map();
+      return t.selectedElements.value.forEach((C) => {
         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()
+        const U = t.elementsMap.value.get(C);
+        U && S.set(C, {
+          ...U,
+          initialHTML: ((O = U.node) == null ? void 0 : O.outerHTML) ?? "",
+          initialRect: (R = U.node) == null ? void 0 : R.getBoundingClientRect()
         });
-      }), _;
+      }), S;
     }
     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;
+    const P = t.elementsMap.value.get(h);
+    if (!P) return /* @__PURE__ */ new Map();
+    const M = /* @__PURE__ */ new Map();
+    return M.set(h, {
+      ...P,
+      initialHTML: ((D = P.node) == null ? void 0 : D.outerHTML) ?? "",
+      initialRect: (A = P.node) == null ? void 0 : A.getBoundingClientRect()
+    }), M;
   }, v = (h) => {
     if (!h)
       return { element: null, zone: null };
-    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(
+    const _ = Array.isArray(h) ? h : [h], P = Array.from(t.draggingElements.value.keys()), M = _.find((A) => {
+      if (!t.visibleZones.value.has(A)) return !1;
+      const S = t.zonesMap.value.get(A);
+      return !(!S || P.some(
+        (C) => C && (C === S.node || b(S.node, C))
+      ) || S.groups.length && !!Array.from(
         t.draggingElements.value.values()
-      ).some((T) => T.groups.length ? !T.groups.some((O) => _.groups.includes(O)) : !1));
+      ).some((U) => U.groups.length ? !U.groups.some((O) => S.groups.includes(O)) : !1));
     });
-    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
+    return M ? {
+      element: _.find(
+        (A) => t.visibleElements.value.has(A) && t.elementsMap.value.has(A) && !P.some(
+          (S) => S && (S === A || b(
+            A,
+            S
+          ) || b(S, A))
+        ) && (A === M || b(
+          A,
+          M
         ))
       ) || null,
-      zone: w
+      zone: M
     } : { element: null, zone: 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);
+  }, a = ((B = e == null ? void 0 : e.sensor) == null ? void 0 : B.setup) || ze, u = (h) => {
+    var M, D, A, S, C, U, O, R, j, J, X, Q;
+    const _ = t.hovered.element.value, P = t.hovered.zone.value;
+    t.hovered.element.value = h.element, t.hovered.zone.value = h.zone, _ && t.hovered.element.value !== _ && ((A = (D = (M = t.elementsMap.value.get(_)) == null ? void 0 : M.events) == null ? void 0 : D.onLeave) == null || A.call(D, t), t.hovered.element.value && ((U = (C = (S = t.elementsMap.value.get(t.hovered.element.value)) == null ? void 0 : S.events) == null ? void 0 : C.onHover) == null || U.call(C, t))), P && t.hovered.zone.value !== P && ((j = (R = (O = t.zonesMap.value.get(P)) == 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)));
+  }, f = Pe(() => {
+    const h = a(t), _ = v(h);
+    u(_);
   }, ((Z = e == null ? void 0 : e.sensor) == null ? void 0 : Z.throttle) ?? 0), m = () => {
-    g(), c = requestAnimationFrame(m);
-  }, E = () => m(), y = () => {
+    f(), c = requestAnimationFrame(m);
+  }, p = () => m(), E = () => {
     c !== null && (cancelAnimationFrame(c), c = null);
   };
   return {
     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);
+        (_) => {
+          var P, M;
+          return (M = (P = _.events).onStart) == null ? void 0 : M.call(P, t);
         }
-      ), h instanceof PointerEvent ? r(h) : s(h), E();
+      ), h instanceof PointerEvent ? r(h) : s(h), p();
     },
     track: (h) => {
       t.draggingElements.value.forEach(
-        (S) => {
-          var M, w;
-          return (w = (M = S.events).onMove) == null ? void 0 : w.call(M, t);
+        (_) => {
+          var P, M;
+          return (M = (P = _.events).onMove) == null ? void 0 : M.call(P, t);
         }
-      ), h instanceof KeyboardEvent ? f() : l(h);
+      ), h instanceof KeyboardEvent ? g() : l(h);
     },
     deactivate: (h = !0) => {
-      var S, M;
+      var _, P;
       if (o(), i(), h) {
         if (t.hovered.zone.value) {
-          const w = t.zonesMap.value.get(t.hovered.zone.value);
-          (M = w == null ? void 0 : (S = w.events).onDrop) == null || M.call(S, t);
+          const M = t.zonesMap.value.get(t.hovered.zone.value);
+          (P = M == null ? void 0 : (_ = M.events).onDrop) == null || P.call(_, t);
         } else
           t.draggingElements.value.forEach(
-            (w) => {
-              var A, L;
-              return (L = (A = w.events).onEnd) == null ? void 0 : L.call(A, t);
+            (M) => {
+              var D, A;
+              return (A = (D = M.events).onEnd) == null ? void 0 : A.call(D, t);
             }
           );
         t.selectedElements.value.clear();
       }
-      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, y();
+      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, E();
     }
   };
-}, Ae = ie(() => {
-  let n = "", e = "", t = "", r = null, l = null, o = null, s = null, f = null;
+}, be = ce(() => {
+  let n = "", e = "", t = "", r = null, l = null, o = null, s = null, g = 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);
@@ -624,22 +654,22 @@ const K = ie(() => {
     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);
+    r && (document.removeEventListener("pointermove", r), r = null), l && (document.removeEventListener("pointerup", l), l = null), o && (o = null), s && (document.removeEventListener("wheel", s), s = null), g && (document.removeEventListener("keydown", g), document.removeEventListener("keypress", g), document.removeEventListener("keyup", g), g = null);
   };
   return {
-    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);
+    handleDragStart: (u, f, m) => {
+      v(), u.target.blur(), m != null && m.container && (i.component.value = we(m.container));
+      const { activate: p, track: E, deactivate: L } = ke(f, m);
       l = () => {
-        i.component.value = null, d(), P(!0), v();
+        i.component.value = null, d(), L(!0), v();
       }, o = () => {
-        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);
+        i.component.value = null, d(), L(!1), v();
+      }, r = (w) => E(w), s = (w) => E(w), g = (w) => {
+        w.type === "keyup" && (w.code === "Escape" && (o == null || o()), w.code === "Enter" && (l == null || l())), E(w);
+      }, c(), p(u), document.addEventListener("pointermove", r), document.addEventListener("pointerup", l), document.addEventListener("wheel", s), document.addEventListener("keydown", g), document.addEventListener("keypress", g), document.addEventListener("keyup", g);
     }
   };
-}), Te = (n) => {
+}), Ye = (n) => {
   const {
     id: e,
     elementRef: t,
@@ -647,9 +677,9 @@ const K = ie(() => {
     isOvered: l,
     isAllowed: o,
     registerElement: s,
-    unregisterElement: f
-  } = Se(n), { pointerPosition: i } = K(), { handleDragStart: c } = Ae(), d = (v) => c(v, t, n);
-  return q(s), G(f), {
+    unregisterElement: g
+  } = Ie(n), { pointerPosition: i } = K(), { handleDragStart: c } = be(), d = (v) => c(v, t, n);
+  return G(s), ue(g), {
     pointerPosition: i,
     elementRef: t,
     isDragging: r,
@@ -658,14 +688,14 @@ const K = ie(() => {
     handleDragStart: d,
     id: e
   };
-}, be = (n) => {
+}, Te = (n) => {
   const {
     zonesMap: e,
     hovered: t,
     draggingElements: r,
     isDragging: l,
     handleDropZoneIntersection: o
-  } = K(), s = V(null), f = C(() => t.zone.value === s.value), i = C(() => {
+  } = K(), s = V(null), g = T(() => t.zone.value === s.value), i = T(() => {
     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(
@@ -682,56 +712,56 @@ const K = ie(() => {
     }), s.value.setAttribute("data-dnd-droppable", "true");
   }, unregisterZone: () => {
     s.value && (o("remove", s.value), e.value.delete(s.value));
-  }, isOvered: f, isAllowed: i };
-}, Ve = (n) => {
-  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(
+  }, isOvered: g, isAllowed: i };
+}, Oe = (n) => {
+  const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: l, isAllowed: o } = Te(n);
+  return G(t), ue(r), { elementRef: e, isOvered: l, isAllowed: o };
+}, Re = (n) => {
+  const { selectedElements: e, elementsMap: t } = K(), r = T(
     () => n.value ? e.value.has(n.value) : !1
-  ), l = C(() => {
+  ), l = T(() => {
     if (!n.value) return !1;
     for (const c of e.value)
-      if (c && k(c, n.value))
+      if (c && b(c, n.value))
         return !0;
     return !1;
-  }), o = C(() => {
+  }), o = T(() => {
     if (!n.value) return !1;
     for (const c of e.value)
-      if (c && k(n.value, c))
+      if (c && b(n.value, c))
         return !0;
     return !1;
   }), s = () => {
     n.value && e.value.delete(n.value);
-  }, f = () => {
+  }, 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);
+          d && b(d, n.value) && e.value.delete(d);
       if (o.value)
         for (const d of e.value)
-          d && k(n.value, d) && e.value.delete(d);
+          d && b(n.value, d) && e.value.delete(d);
       e.value.add(n.value);
     }
   };
   return {
     handleUnselect: s,
-    handleSelect: f,
+    handleSelect: g,
     handleToggleSelect: () => {
-      n.value && (e.value.has(n.value) ? s() : f());
+      n.value && (e.value.has(n.value) ? s() : g());
     },
     isSelected: r,
     isParentOfSelected: l
   };
 };
 export {
-  te as DnDOperations,
-  Ze as default,
-  U as getBoundingBox,
+  ne as DnDOperations,
+  Ve as default,
+  H as getBoundingBox,
   K as useDnDStore,
-  we as useDragContainer,
-  Te as useDraggable,
-  Ve as useDroppable,
-  Ye as useSelection
+  Le as useDragContainer,
+  Ye as useDraggable,
+  Oe as useDroppable,
+  Re as useSelection
 };
 //# sourceMappingURL=vue-dnd-kit-core.es.js.map