@vue-dnd-kit/core 1.3.1 → 1.3.3

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

@@ -1,8 +1,8 @@
-var de = Object.defineProperty;
-var fe = (n, e, t) => e in n ? de(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var k = (n, e, t) => fe(n, typeof e != "symbol" ? e + "" : e, t);
-import { ref as V, computed as T, shallowRef as Y, onMounted as j, onUnmounted as ge, defineComponent as ue, createElementBlock as $, createCommentVNode as me, unref as y, openBlock as X, normalizeStyle as ee, Fragment as he, renderList as pe, createBlock as q, Transition as Ee, withCtx as ye, resolveDynamicComponent as te, createVNode as xe, render as ne, useId as we, markRaw as Me, onBeforeUnmount as ce } from "vue";
-import { createGlobalState as ve, useMagicKeys as Pe, useThrottleFn as Le } from "@vueuse/core";
+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 k = (n, e, t) => he(n, typeof e != "symbol" ? e + "" : e, t);
+import { ref as O, computed as T, shallowRef as D, onMounted as Q, onUnmounted as pe, defineComponent as de, createElementBlock as q, createCommentVNode as Ee, unref as y, openBlock as R, 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 x = class x {
 };
 k(x, "remove", (e, t) => {
@@ -27,30 +27,30 @@ k(x, "remove", (e, t) => {
   const s = e[t];
   x.insert(r, l, s);
 }), k(x, "applyTransfer", (e) => {
-  var l, s, o, g, i, c, d;
+  var l, s, o, g, i, u, d;
   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, 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;
+    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;
     Array.from(
       e.draggingElements.value.values()
     ).sort(
       (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));
+        var M, I;
+        return m * ((((M = E.data) == null ? void 0 : M.index) || 0) - (((I = L.data) == null ? void 0 : I.index) || 0));
       }
     ).forEach(
       (E) => {
-        var L, w;
+        var L, M;
         return x.move(
           (L = E.data) == null ? void 0 : L.source,
-          (w = E.data) == null ? void 0 : w.index,
+          (M = E.data) == null ? void 0 : M.index,
           v,
           a
         );
       }
     );
   } else if (r) {
-    const v = (d = (c = e.zonesMap.value.get(r)) == null ? void 0 : c.data) == null ? void 0 : d.source, a = v == null ? void 0 : v.length;
+    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;
     Array.from(
       e.draggingElements.value.values()
     ).sort((f, m) => {
@@ -69,39 +69,39 @@ k(x, "remove", (e, t) => {
     );
   }
 }), k(x, "applyCopy", (e) => {
-  var l, s, o, g, i, c;
+  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;
     Array.from(
       e.draggingElements.value.values()
-    ).sort((u, f) => {
+    ).sort((c, f) => {
       var m, p;
-      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((p = u.data) == null ? void 0 : p.index) || 0);
+      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((p = c.data) == null ? void 0 : p.index) || 0);
     }).forEach(
-      (u) => {
+      (c) => {
         var f, m;
         return x.copy(
-          (f = u.data) == null ? void 0 : f.source,
-          (m = u.data) == null ? void 0 : m.index,
+          (f = c.data) == null ? void 0 : f.source,
+          (m = c.data) == null ? void 0 : m.index,
           d,
           v
         );
       }
     );
   } else if (r) {
-    const d = (c = (i = e.zonesMap.value.get(r)) == null ? void 0 : i.data) == null ? void 0 : c.source, v = d == null ? void 0 : d.length;
+    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;
     Array.from(
       e.draggingElements.value.values()
-    ).sort((u, f) => {
+    ).sort((c, f) => {
       var m, p;
-      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((p = u.data) == null ? void 0 : p.index) || 0);
+      return (((m = f.data) == null ? void 0 : m.index) || 0) - (((p = c.data) == null ? void 0 : p.index) || 0);
     }).forEach(
-      (u) => {
+      (c) => {
         var f, m;
         return x.copy(
-          (f = u.data) == null ? void 0 : f.source,
-          (m = u.data) == null ? void 0 : m.index,
+          (f = c.data) == null ? void 0 : f.source,
+          (m = c.data) == null ? void 0 : m.index,
           d,
           v
         );
@@ -109,7 +109,7 @@ k(x, "remove", (e, t) => {
     );
   }
 }), k(x, "applySwap", (e) => {
-  var l, s, o, g, i, c, d, v;
+  var l, s, o, g, i, u, 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;
@@ -117,10 +117,10 @@ k(x, "remove", (e, t) => {
       (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,
-      (c = (i = e.elementsMap.value.get(t)) == null ? void 0 : i.data) == null ? void 0 : c.index
+      (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, u = a == null ? void 0 : a.length;
+    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;
     Array.from(
       e.draggingElements.value.values()
     ).sort((m, p) => {
@@ -133,7 +133,7 @@ k(x, "remove", (e, t) => {
           (p = m.data) == null ? void 0 : p.source,
           (E = m.data) == null ? void 0 : E.index,
           a,
-          u
+          c
         );
       }
     );
@@ -149,52 +149,57 @@ k(x, "remove", (e, t) => {
     (l = r.data) != null && l.source && ((s = r.data) == null ? void 0 : s.index) !== void 0 && x.remove(r.data.source, r.data.index);
   });
 }), k(x, "applyInsert", (e, t) => {
-  var s, o, g, i, c, d;
+  var s, o, g, i, u, d;
   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;
-    t.forEach((u) => {
-      x.insert(v, a, u);
+    t.forEach((c) => {
+      x.insert(v, a, c);
     });
   } 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) => {
-      x.insert(v, a, u);
+    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;
+    t.forEach((c) => {
+      x.insert(v, a, c);
     });
   }
 });
-let re = x;
-const K = ve(() => {
-  const n = V(
+let se = x;
+const Z = ge(() => {
+  const n = O(
     /* @__PURE__ */ new Map()
   ), e = T(() => n.value.size > 0), t = {
-    component: V(null),
-    ref: Y(null),
-    options: Y(null)
-  }, 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 = new IntersectionObserver((Z) => {
-    Z.forEach(
+    component: O(null),
+    ref: D(null),
+    options: D(null),
+    animating: {
+      enter: D(!1),
+      leave: D(!1),
+      appear: D(!1)
+    }
+  }, r = O(/* @__PURE__ */ new Map()), l = O(/* @__PURE__ */ new Set()), s = O(/* @__PURE__ */ new Map()), o = O(/* @__PURE__ */ new Set()), g = O(/* @__PURE__ */ new Set()), i = new IntersectionObserver((K) => {
+    K.forEach(
       (h) => g.value[h.isIntersecting ? "add" : "delete"](
         h.target
       )
     );
-  }), c = new IntersectionObserver((Z) => {
-    Z.forEach(
+  }), u = new IntersectionObserver((K) => {
+    K.forEach(
       (h) => o.value[h.isIntersecting ? "add" : "delete"](h.target)
     );
-  }), d = (Z, h) => {
-    Z === "add" ? i.observe(h) : (i.unobserve(h), g.value.delete(h));
-  }, v = (Z, h) => {
-    Z === "add" ? c.observe(h) : (c.unobserve(h), o.value.delete(h));
+  }), d = (K, h) => {
+    K === "add" ? i.observe(h) : (i.unobserve(h), g.value.delete(h));
+  }, v = (K, h) => {
+    K === "add" ? u.observe(h) : (u.unobserve(h), o.value.delete(h));
   }, a = {
-    start: Y(null),
-    current: Y(null),
+    start: D(null),
+    current: D(null),
     offset: {
-      percent: Y(null),
-      pixel: Y(null)
+      percent: D(null),
+      pixel: D(null)
     }
-  }, { w: u, s: f, a: m, d: p, ctrl: E, shift: L, alt: w, meta: I } = Pe(), F = {
-    zone: Y(null),
-    element: Y(null)
+  }, { w: c, s: f, a: m, d: p, ctrl: E, shift: L, alt: M, meta: I } = Le(), F = {
+    zone: D(null),
+    element: D(null)
   };
   return {
     draggingElements: n,
@@ -207,38 +212,39 @@ const K = ve(() => {
     visibleElements: g,
     pointerPosition: a,
     keyboard: {
-      w: u,
+      w: c,
       s: f,
       a: m,
       d: p,
       ctrl: E,
       shift: L,
-      alt: w,
+      alt: M,
       meta: I
     },
     hovered: F,
     handleDragElementIntersection: d,
     handleDropZoneIntersection: v
   };
-}), Ae = (n) => {
-  const e = V(null), { draggingElements: t, pointerPosition: r, isDragging: l, activeContainer: s } = K();
-  return j(() => {
+}), Se = (n) => {
+  const e = O(null), { draggingElements: t, pointerPosition: r, isDragging: l, activeContainer: s } = Z();
+  return Q(() => {
     s.ref = e, s.options.value = n ?? null;
-  }), ge(() => {
+  }), pe(() => {
     s.ref.value = null, s.options.value = null;
   }), {
     elementRef: e,
     draggingElements: t,
     pointerPosition: r,
-    isDragging: l
+    isDragging: l,
+    animating: s.animating
   };
-}, _e = ["innerHTML"], Se = /* @__PURE__ */ ue({
+}, _e = ["innerHTML"], Ie = /* @__PURE__ */ de({
   __name: "DefaultOverlay",
   setup(n) {
-    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: l } = Ae(), s = T(() => {
-      var o, g, i, c;
+    const { elementRef: e, pointerPosition: t, isDragging: r, draggingElements: l } = Se(), 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) - (((c = t.offset.pixel.value) == null ? void 0 : c.y) ?? 0)}px, 0)`,
+        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)`,
         zIndex: 1e3,
         position: "fixed",
         top: 0,
@@ -246,32 +252,42 @@ const K = ve(() => {
         transition: "0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"
       };
     });
-    return (o, g) => y(r) ? (X(), $("div", {
+    return (o, g) => y(r) ? (R(), q("div", {
       key: 0,
       ref_key: "elementRef",
       ref: e,
-      style: ee(s.value)
+      style: re(s.value)
     }, [
-      (X(!0), $(he, null, pe(y(l), ([i, c]) => {
+      (R(!0), q(ae, null, ye(y(l), ([i, u]) => {
         var d, v;
-        return X(), $("div", {
-          key: c.id,
-          innerHTML: c.initialHTML,
-          style: ee({
-            width: `${(d = c.initialRect) == null ? void 0 : d.width}px`,
-            height: `${(v = c.initialRect) == null ? void 0 : v.height}px`
-          })
-        }, null, 12, _e);
+        return R(), q(ae, {
+          key: u.id
+        }, [
+          u.layer ? (R(), G(J(u.layer), {
+            key: 0,
+            node: i,
+            data: u.data,
+            id: u.id,
+            groups: u.groups
+          }, null, 8, ["node", "data", "id", "groups"])) : (R(), q("div", {
+            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`
+            })
+          }, null, 12, _e))
+        ], 64);
       }), 128))
-    ], 4)) : me("", !0);
+    ], 4)) : Ee("", !0);
   }
-}), ae = /* @__PURE__ */ ue({
+}), oe = /* @__PURE__ */ de({
   __name: "DragOverlay",
   setup(n) {
-    const { activeContainer: e } = K(), t = T(
-      () => e.component.value ?? Se
+    const { activeContainer: e } = Z(), t = T(
+      () => e.component.value ?? Ie
     );
-    return (r, l) => y(e).options.value ? (X(), q(Ee, {
+    return (r, l) => y(e).options.value ? (R(), G(we, {
       key: 0,
       name: y(e).options.value.name,
       duration: y(e).options.value.duration,
@@ -298,37 +314,37 @@ const K = ve(() => {
       onAfterLeave: y(e).options.value.onAfterLeave,
       onAfterAppear: y(e).options.value.onAfterAppear
     }, {
-      default: ye(() => [
-        (X(), q(te(t.value)))
+      default: xe(() => [
+        (R(), G(J(t.value)))
       ]),
       _: 1
-    }, 8, ["name", "duration", "enter-from-class", "enter-to-class", "enter-active-class", "leave-from-class", "leave-to-class", "leave-active-class", "appear-active-class", "appear-from-class", "appear-to-class", "mode", "type", "css", "persisted", "onEnter", "onLeave", "onBeforeEnter", "onBeforeLeave", "onBeforeAppear", "onAfterEnter", "onAfterLeave", "onAfterAppear"])) : (X(), q(te(t.value), { key: 1 }));
+    }, 8, ["name", "duration", "enter-from-class", "enter-to-class", "enter-active-class", "leave-from-class", "leave-to-class", "leave-active-class", "appear-active-class", "appear-from-class", "appear-to-class", "mode", "type", "css", "persisted", "onEnter", "onLeave", "onBeforeEnter", "onBeforeLeave", "onBeforeAppear", "onAfterEnter", "onAfterLeave", "onAfterAppear"])) : (R(), G(J(t.value), { key: 1 }));
   }
-}), Ye = {
+}), Ue = {
   install(n) {
-    n.component("DragOverlay", ae);
+    n.component("DragOverlay", oe);
     const e = n.mount;
     n.mount = function(r) {
       const l = e.call(this, r), s = typeof r == "string" ? document.querySelector(r) : r;
       if (s && s instanceof Element && !s.querySelector("#vue-dnd-kit-overlay")) {
         const o = document.createElement("div");
         o.id = "vue-dnd-kit-overlay", o.style.pointerEvents = "none", s.appendChild(o);
-        const g = xe(ae);
-        ne(g, o), n.__VUE_DND_KIT_OVERLAY__ = {
+        const g = Me(oe);
+        le(g, o), n.__VUE_DND_KIT_OVERLAY__ = {
           container: o,
           vnode: g
         };
-        const i = K();
+        const i = Z();
         n.__VUE_DND_KIT_STORE__ = i;
       }
       return l;
     };
     const t = n.unmount;
     n.unmount = function() {
-      return n.__VUE_DND_KIT_OVERLAY__ && (ne(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), t.call(this);
+      return n.__VUE_DND_KIT_OVERLAY__ && (le(null, n.__VUE_DND_KIT_OVERLAY__.container), delete n.__VUE_DND_KIT_OVERLAY__), t.call(this);
     };
   }
-}, le = (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, B = (n) => {
   if (!n)
     return {
       x: 0,
@@ -351,10 +367,10 @@ const K = ve(() => {
     width: e.width,
     height: e.height
   };
-}, G = (n) => ({
+}, j = (n) => ({
   x: n.x + n.width / 2,
   y: n.y + n.height / 2
-}), Ie = (n, e) => {
+}), Ce = (n, e) => {
   const t = B(n);
   return {
     pixel: {
@@ -366,10 +382,10 @@ const K = ve(() => {
       y: (e.y - t.y) / t.height * 100
     }
   };
-}, se = (n, e) => {
+}, ue = (n, e) => {
   const t = e.x - n.x, r = e.y - n.y;
   return Math.sqrt(t * t + r * r);
-}, oe = (n, e) => {
+}, ce = (n, e) => {
   const t = Math.max(
     0,
     Math.min(n.x + n.width, e.x + e.width) - Math.max(n.x, e.x)
@@ -378,11 +394,11 @@ const K = ve(() => {
     Math.min(n.y + n.height, e.y + e.height) - Math.max(n.y, e.y)
   ), l = t * r, s = n.width * n.height, o = e.width * e.height;
   return (l / s * 100 + l / o * 100) / 2;
-}, ie = "data-vue-dnd-kit-draggable", z = (n) => {
+}, ve = "data-vue-dnd-kit-draggable", C = (n) => {
   n.preventDefault();
-}, O = (n) => ({
+}, H = (n) => ({
   items: Array.from(n.draggingElements.value.values())
-}), ze = (n) => {
+}), De = (n) => {
   const {
     elementsMap: e,
     draggingElements: t,
@@ -391,9 +407,9 @@ const K = ve(() => {
     isDragging: s,
     visibleElements: o,
     handleDragElementIntersection: g
-  } = K(), i = V(null), c = T(
+  } = Z(), i = O(null), u = T(
     () => o.value.has(i.value) && r.element.value === i.value
-  ), d = Y((n == null ? void 0 : n.id) || we()), v = T(() => !i.value || !o.value.has(i.value) ? !1 : t.value.has(i.value)), a = T(() => {
+  ), d = D((n == null ? void 0 : n.id) || Pe()), v = 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(
@@ -414,85 +430,85 @@ const K = ve(() => {
         events: (n == null ? void 0 : n.events) ?? {},
         data: (n == null ? void 0 : n.data) ?? null,
         id: d.value
-      }), g("add", i.value), i.value.addEventListener("dragstart", z), i.value.addEventListener("drag", z), i.value.setAttribute(ie, "true"), i.value.setAttribute("draggable", "false");
+      }), 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", z), i.value.removeEventListener("drag", z), i.value.removeAttribute(ie), i.value.removeAttribute("draggable"));
+      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,
-    isOvered: c,
+    isOvered: u,
     isAllowed: a,
     id: d
   };
-}, b = (n, e) => n ? e.contains(n) : !1, Ce = (n) => {
+}, b = (n, e) => n ? e.contains(n) : !1, ze = (n) => {
   var d, v;
-  const e = B(n.activeContainer.ref.value), t = G(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, u]) => {
+  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]) => {
     if (!a) return !1;
     const f = B(a);
-    return f && e && le(f, e);
-  }).map(([a, u]) => {
-    const f = B(a), m = G(f), p = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, E = oe(f, e), L = se(t, m);
-    let w = 0;
+    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 && b(a, I) && w++;
+      I !== a && I && a && b(a, I) && M++;
     return {
-      element: u,
+      element: c,
       node: a,
       isPointerInElement: p,
       overlapPercent: E,
-      depth: w,
+      depth: M,
       centerDistance: L
     };
-  }).sort((a, u) => {
+  }).sort((a, c) => {
     if (!o) {
-      if (a.isPointerInElement && u.isPointerInElement)
-        return u.depth - a.depth;
-      if (a.isPointerInElement !== u.isPointerInElement)
+      if (a.isPointerInElement && c.isPointerInElement)
+        return c.depth - a.depth;
+      if (a.isPointerInElement !== c.isPointerInElement)
         return a.isPointerInElement ? -1 : 1;
     }
-    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]) => {
+    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 && b(a, m)
     ))
       return !1;
     const f = B(a);
-    return f && e && le(f, e);
-  }).map(([a, u]) => {
-    const f = B(a), m = G(f), p = r >= f.x && r <= f.x + f.width && l >= f.y && l <= f.y + f.height, E = oe(f, e), L = se(t, m);
-    let w = 0;
+    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 && b(a, I) && w++;
+      I !== a && I && a && b(a, I) && M++;
     return {
-      zone: u,
+      zone: c,
       node: a,
       isPointerInElement: p,
       overlapPercent: E,
-      depth: w,
+      depth: M,
       centerDistance: L
     };
-  }).sort((a, u) => {
+  }).sort((a, c) => {
     if (!o) {
-      if (a.isPointerInElement && u.isPointerInElement)
-        return u.depth - a.depth;
-      if (a.isPointerInElement !== u.isPointerInElement)
+      if (a.isPointerInElement && c.isPointerInElement)
+        return c.depth - a.depth;
+      if (a.isPointerInElement !== c.isPointerInElement)
         return a.isPointerInElement ? -1 : 1;
     }
-    return Math.abs(a.overlapPercent - u.overlapPercent) <= 1 ? a.centerDistance - u.centerDistance : u.overlapPercent - a.overlapPercent;
+    return Math.abs(a.overlapPercent - c.overlapPercent) <= 1 ? a.centerDistance - c.centerDistance : c.overlapPercent - a.overlapPercent;
   });
   return [
     ...i.map((a) => a.node),
-    ...c.map((a) => a.node)
+    ...u.map((a) => a.node)
   ];
-}, De = (n, e) => {
-  const { pointerPosition: t, keyboard: r } = K(), 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;
-      z(i);
-      const c = B(n.value);
+      C(i);
+      const u = B(n.value);
       (a = n.value) == null || a.blur();
-      const d = c.x + c.width / 2, v = c.y + c.height / 2;
+      const d = u.x + u.width / 2, v = u.y + u.height / 2;
       t.start.value = {
         x: d,
         y: v
@@ -500,8 +516,8 @@ const K = ve(() => {
         x: d,
         y: v
       }, t.offset.pixel.value = {
-        x: c.width / 2,
-        y: c.height / 2
+        x: u.width / 2,
+        y: u.height / 2
       }, t.offset.percent.value = {
         x: 50,
         y: 50
@@ -509,8 +525,8 @@ const K = ve(() => {
     },
     onKeyboardMove: () => {
       if (!t.current.value) return;
-      const i = t.current.value.x, c = t.current.value.y;
-      let d = i, v = c;
+      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
@@ -520,15 +536,15 @@ const K = ve(() => {
       t.current.value = null, t.start.value = null, t.offset.pixel.value = null, t.offset.percent.value = null;
     }
   };
-}, ke = (n) => {
-  const e = K();
+}, 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 } = Ie(n.value, {
+      const { pixel: o, percent: g } = Ce(n.value, {
         x: s.clientX,
         y: s.clientY
       });
@@ -544,90 +560,90 @@ const K = ve(() => {
       e.pointerPosition.current.value = null, e.pointerPosition.start.value = null, e.pointerPosition.offset.pixel.value = null, e.pointerPosition.offset.percent.value = null;
     }
   };
-}, be = (n, e) => {
-  var F, Z;
-  const t = K(), { onPointerStart: r, onPointerMove: l, onPointerEnd: s } = ke(n), { onKeyboardStart: o, onKeyboardMove: g, onKeyboardEnd: i } = De(
+}, Te = (n, e) => {
+  var F, K;
+  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 c = null;
+  let u = null;
   const d = (h) => {
-    var D, A;
+    var z, A;
     if (!h) return /* @__PURE__ */ new Map();
     const _ = t.selectedElements.value.has(h);
     if (t.selectedElements.value.size > 0 && _) {
       const S = /* @__PURE__ */ new Map();
-      return t.selectedElements.value.forEach((C) => {
-        var R, H;
-        const U = t.elementsMap.value.get(C);
-        U && S.set(C, {
-          ...U,
-          initialHTML: ((R = U.node) == null ? void 0 : R.outerHTML) ?? "",
-          initialRect: (H = U.node) == null ? void 0 : H.getBoundingClientRect()
+      return t.selectedElements.value.forEach((V) => {
+        var U, X;
+        const Y = t.elementsMap.value.get(V);
+        Y && S.set(V, {
+          ...Y,
+          initialHTML: ((U = Y.node) == null ? void 0 : U.outerHTML) ?? "",
+          initialRect: (X = Y.node) == null ? void 0 : X.getBoundingClientRect()
         });
       }), S;
     }
     t.selectedElements.value.clear();
     const P = t.elementsMap.value.get(h);
     if (!P) return /* @__PURE__ */ new Map();
-    const M = /* @__PURE__ */ new Map();
-    return M.set(h, {
+    const w = /* @__PURE__ */ new Map();
+    return w.set(h, {
       ...P,
-      initialHTML: ((D = P.node) == null ? void 0 : D.outerHTML) ?? "",
+      initialHTML: ((z = P.node) == null ? void 0 : z.outerHTML) ?? "",
       initialRect: (A = P.node) == null ? void 0 : A.getBoundingClientRect()
-    }), M;
+    }), w;
   }, v = (h) => {
     if (!h)
       return { element: null, zone: null };
-    const _ = Array.isArray(h) ? h : [h], P = Array.from(t.draggingElements.value.keys()), M = _.find((A) => {
+    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(
-        (C) => C && (C === S.node || b(S.node, C))
+        (V) => V && (V === S.node || b(S.node, V))
       ) || S.groups.length && !!Array.from(
         t.draggingElements.value.values()
-      ).some((U) => U.groups.length ? !U.groups.some((R) => S.groups.includes(R)) : !1));
+      ).some((Y) => Y.groups.length ? !Y.groups.some((U) => S.groups.includes(U)) : !1));
     });
-    return M ? {
+    return w ? {
       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 === w || b(
           A,
-          M
+          w
         ))
       ) || null,
-      zone: M
+      zone: w
     } : { element: null, zone: null };
-  }, a = ((F = e == null ? void 0 : e.sensor) == null ? void 0 : F.setup) || Ce, u = (h) => {
-    var M, D, A, S, C, U, R, H, J, Q, N, W;
-    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, O(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, O(t)))), P && t.hovered.zone.value !== P && ((J = (H = (R = t.zonesMap.value.get(P)) == null ? void 0 : R.events) == null ? void 0 : H.onLeave) == null || J.call(H, t, O(t)), t.hovered.zone.value && ((W = (N = (Q = t.zonesMap.value.get(t.hovered.zone.value)) == null ? void 0 : Q.events) == null ? void 0 : N.onHover) == null || W.call(N, t, O(t))));
-  }, f = Le(() => {
+  }, a = ((F = e == null ? void 0 : e.sensor) == null ? void 0 : F.setup) || ze, c = (h) => {
+    var A, S, V, Y, U, X, W, N, ee, te, $, ne;
+    const _ = t.hovered.element.value, P = t.hovered.zone.value, w = h.element, z = h.zone;
+    t.hovered.element.value = w, t.hovered.zone.value = z, _ !== w && (_ && ((V = (S = (A = t.elementsMap.value.get(_)) == null ? void 0 : A.events) == null ? void 0 : S.onLeave) == null || V.call(S, t, H(t))), w && ((X = (U = (Y = t.elementsMap.value.get(w)) == null ? void 0 : Y.events) == null ? void 0 : U.onHover) == null || X.call(U, t, H(t)))), P !== z && (P && ((ee = (N = (W = t.zonesMap.value.get(P)) == null ? void 0 : W.events) == null ? void 0 : N.onLeave) == null || ee.call(N, t, H(t))), z && ((ne = ($ = (te = t.zonesMap.value.get(z)) == null ? void 0 : te.events) == null ? void 0 : $.onHover) == null || ne.call($, t, H(t))));
+  }, f = Ae(() => {
     const h = a(t), _ = v(h);
-    u(_);
-  }, ((Z = e == null ? void 0 : e.sensor) == null ? void 0 : Z.throttle) ?? 0), m = () => {
-    f(), c = requestAnimationFrame(m);
+    c(_);
+  }, ((K = e == null ? void 0 : e.sensor) == null ? void 0 : K.throttle) ?? 0), m = () => {
+    f(), u = requestAnimationFrame(m);
   }, p = () => m(), E = () => {
-    c !== null && (cancelAnimationFrame(c), c = null);
+    u !== null && (cancelAnimationFrame(u), u = null);
   };
   return {
     activate: (h) => {
       t.draggingElements.value = d(n.value), t.draggingElements.value.forEach(
         (_) => {
-          var P, M;
-          return (M = (P = _.events).onStart) == null ? void 0 : M.call(P, t, O(t));
+          var P, w;
+          return (w = (P = _.events).onStart) == null ? void 0 : w.call(P, t, H(t));
         }
       ), h instanceof PointerEvent ? r(h) : o(h), p();
     },
     track: (h) => {
       t.draggingElements.value.forEach(
         (_) => {
-          var P, M;
-          return (M = (P = _.events).onMove) == null ? void 0 : M.call(P, t, O(t));
+          var P, w;
+          return (w = (P = _.events).onMove) == null ? void 0 : w.call(P, t, H(t));
         }
       ), h instanceof KeyboardEvent ? g() : l(h);
     },
@@ -635,13 +651,13 @@ const K = ve(() => {
       var _, P;
       if (s(), i(), h) {
         if (t.hovered.zone.value) {
-          const M = t.zonesMap.value.get(t.hovered.zone.value);
-          (P = M == null ? void 0 : (_ = M.events).onDrop) == null || P.call(_, t, O(t));
+          const w = t.zonesMap.value.get(t.hovered.zone.value);
+          (P = w == null ? void 0 : (_ = w.events).onDrop) == null || P.call(_, t, H(t));
         } else
           t.draggingElements.value.forEach(
-            (M) => {
-              var D, A;
-              return (A = (D = M.events).onEnd) == null ? void 0 : A.call(D, t, O(t));
+            (w) => {
+              var z, A;
+              return (A = (z = w.events).onEnd) == null ? void 0 : A.call(z, t, H(t));
             }
           );
         t.selectedElements.value.clear();
@@ -649,31 +665,31 @@ const K = ve(() => {
       t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, E();
     }
   };
-}, Te = ve(() => {
+}, Ze = ge(() => {
   let n = "", e = "", t = "", r = null, l = null, s = null, o = 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);
+  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 = () => {
-    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);
+    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 = () => {
     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: (u, f, m) => {
-      v(), u.target.blur(), m != null && m.container && (i.component.value = Me(m.container));
-      const { activate: p, track: E, deactivate: L } = be(f, m);
+    handleDragStart: (c, f, m) => {
+      v(), c.target.blur(), m != null && m.container && (i.component.value = m.container);
+      const { activate: p, track: E, deactivate: L } = Te(f, m);
       l = () => {
         i.component.value = null, d(), L(!0), v();
       }, s = () => {
         i.component.value = null, d(), L(!1), v();
-      }, r = (w) => E(w), o = (w) => E(w), g = (w) => {
-        w.type === "keyup" && (w.code === "Escape" && (s == null || s()), w.code === "Enter" && (l == null || l())), E(w);
-      }, c(), p(u), document.addEventListener("pointermove", r), document.addEventListener("pointerup", l), document.addEventListener("wheel", o), document.addEventListener("keydown", g), document.addEventListener("keypress", g), document.addEventListener("keyup", g);
+      }, 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);
     }
   };
-}), Oe = (n) => {
+}), He = (n) => {
   const {
     id: e,
     elementRef: t,
@@ -682,8 +698,8 @@ const K = ve(() => {
     isAllowed: s,
     registerElement: o,
     unregisterElement: g
-  } = ze(n), { pointerPosition: i } = K(), { handleDragStart: c } = Te(), d = (v) => c(v, t, n);
-  return j(o), ce(g), {
+  } = De(n), { pointerPosition: i } = Z(), { handleDragStart: u } = Ze(), d = (v) => u(v, t, n);
+  return Q(o), fe(g), {
     pointerPosition: i,
     elementRef: t,
     isDragging: r,
@@ -699,11 +715,11 @@ const K = ve(() => {
     draggingElements: r,
     isDragging: l,
     handleDropZoneIntersection: s
-  } = K(), o = V(null), g = T(() => t.zone.value === o.value), i = T(() => {
+  } = Z(), o = O(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(
-      (u) => v.groups.includes(u)
+      (c) => v.groups.includes(c)
     ) : !1) : !0;
   });
   return { elementRef: o, registerZone: () => {
@@ -719,20 +735,20 @@ const K = ve(() => {
   }, isOvered: g, isAllowed: i };
 }, Re = (n) => {
   const { elementRef: e, registerZone: t, unregisterZone: r, isOvered: l, isAllowed: s } = Ke(n);
-  return j(t), ce(r), { elementRef: e, isOvered: l, isAllowed: s };
-}, He = (n) => {
-  const { selectedElements: e, elementsMap: t } = K(), r = T(
+  return Q(t), fe(r), { elementRef: e, isOvered: l, isAllowed: s };
+}, Be = (n) => {
+  const { selectedElements: e, elementsMap: t } = Z(), r = T(
     () => n.value ? e.value.has(n.value) : !1
   ), l = T(() => {
     if (!n.value) return !1;
-    for (const c of e.value)
-      if (c && b(c, n.value))
+    for (const u of e.value)
+      if (u && b(u, n.value))
         return !0;
     return !1;
   }), s = T(() => {
     if (!n.value) return !1;
-    for (const c of e.value)
-      if (c && b(n.value, c))
+    for (const u of e.value)
+      if (u && b(n.value, u))
         return !0;
     return !1;
   }), o = () => {
@@ -759,13 +775,13 @@ const K = ve(() => {
   };
 };
 export {
-  re as DnDOperations,
-  Ye as default,
+  se as DnDOperations,
+  Ue as default,
   B as getBoundingBox,
-  K as useDnDStore,
-  Ae as useDragContainer,
-  Oe as useDraggable,
+  Z as useDnDStore,
+  Se as useDragContainer,
+  He as useDraggable,
   Re as useDroppable,
-  He as useSelection
+  Be as useSelection
 };
 //# sourceMappingURL=vue-dnd-kit-core.es.js.map