@vue-dnd-kit/core 1.0.1 → 1.1.1

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

@@ -85,12 +85,12 @@ b(y, "remove", (e, t) => {
     );
   } else r && e.draggingElements.value.forEach(
     (u) => {
-      var d, v, g, m, h, L, p;
+      var d, v, g, m, h, z, w;
       return y.move(
         (d = u.data) == null ? void 0 : d.source,
         (v = u.data) == null ? void 0 : v.index,
         (m = (g = e.zonesMap.value.get(r)) == null ? void 0 : g.data) == null ? void 0 : m.source,
-        (p = (L = (h = e.zonesMap.value.get(r)) == null ? void 0 : h.data) == null ? void 0 : L.source) == null ? void 0 : p.length
+        (w = (z = (h = e.zonesMap.value.get(r)) == null ? void 0 : h.data) == null ? void 0 : z.source) == null ? void 0 : w.length
       );
     }
   );
@@ -151,7 +151,7 @@ const T = ie(() => {
       percent: U(null),
       pixel: U(null)
     }
-  }, { w: g, s: m, a: h, d: L, ctrl: p, shift: _, alt: M, meta: A } = Me(), R = {
+  }, { w: g, s: m, a: h, d: z, ctrl: w, shift: _, alt: P, meta: A } = Me(), R = {
     zone: U(null),
     element: U(null)
   };
@@ -169,10 +169,10 @@ const T = ie(() => {
       w: g,
       s: m,
       a: h,
-      d: L,
-      ctrl: p,
+      d: z,
+      ctrl: w,
       shift: _,
-      alt: M,
+      alt: P,
       meta: A
     },
     hovered: R,
@@ -321,7 +321,7 @@ const T = ie(() => {
     if (!s.value || !o.value || !l.value.has(s.value)) return !1;
     const h = e.value.get(s.value);
     return h != null && h.groups.length ? !Array.from(t.value.entries()).some(
-      ([L, p]) => p.groups.length ? !p.groups.some(
+      ([z, w]) => w.groups.length ? !w.groups.some(
         (_) => h.groups.includes(_)
       ) : !1
     ) : !0;
@@ -341,7 +341,7 @@ const T = ie(() => {
       }), c("add", s.value), s.value.addEventListener("dragstart", S), s.value.addEventListener("drag", S), s.value.setAttribute(se, "true"), s.value.setAttribute("draggable", "false");
     },
     unregisterElement: () => {
-      s.value && (c("remove", s.value), e.value.delete(s.value), a.value.delete(s.value), s.value.removeEventListener("dragstart", S), s.value.removeEventListener("drag", S), s.value.removeAttribute(se), s.value.removeAttribute("draggable"));
+      s.value && (e.value.delete(s.value), a.value.delete(s.value), s.value.removeEventListener("dragstart", S), s.value.removeEventListener("drag", S), s.value.removeAttribute(se), s.value.removeAttribute("draggable"));
     },
     isDragging: d,
     isOvered: i,
@@ -355,16 +355,16 @@ const T = ie(() => {
     const m = O(v);
     return m && e && re(m, e);
   }).map(([v, g]) => {
-    const m = O(v), h = $(m), L = r >= m.x && r <= m.x + m.width && a >= m.y && a <= m.y + m.height, p = le(m, e), _ = ae(t, h);
-    let M = 0;
+    const m = O(v), h = $(m), z = r >= m.x && r <= m.x + m.width && a >= m.y && a <= m.y + m.height, w = le(m, e), _ = ae(t, h);
+    let P = 0;
     for (const [A, R] of n.visibleElements.value.entries())
-      A !== v && A && v && k(v, A) && M++;
+      A !== v && A && v && k(v, A) && P++;
     return {
       element: g,
       node: v,
-      isPointerInElement: L,
-      overlapPercent: p,
-      depth: M,
+      isPointerInElement: z,
+      overlapPercent: w,
+      depth: P,
       centerDistance: _
     };
   }).sort((v, g) => {
@@ -383,16 +383,16 @@ const T = ie(() => {
     const m = O(v);
     return m && e && re(m, e);
   }).map(([v, g]) => {
-    const m = O(v), h = $(m), L = r >= m.x && r <= m.x + m.width && a >= m.y && a <= m.y + m.height, p = le(m, e), _ = ae(t, h);
-    let M = 0;
+    const m = O(v), h = $(m), z = r >= m.x && r <= m.x + m.width && a >= m.y && a <= m.y + m.height, w = le(m, e), _ = ae(t, h);
+    let P = 0;
     for (const [A, R] of n.visibleZones.value.entries())
-      A !== v && A && v && k(v, A) && M++;
+      A !== v && A && v && k(v, A) && P++;
     return {
       zone: g,
       node: v,
-      isPointerInElement: L,
-      overlapPercent: p,
-      depth: M,
+      isPointerInElement: z,
+      overlapPercent: w,
+      depth: P,
       centerDistance: _
     };
   }).sort((v, g) => {
@@ -476,92 +476,102 @@ const T = ie(() => {
   );
   let i = null;
   const u = (f) => {
-    var D, E;
+    var D, M;
     if (!f) return /* @__PURE__ */ new Map();
-    const z = t.selectedElementsMap.value.has(f);
-    if (t.selectedElementsMap.value.size > 0 && z) {
-      const P = /* @__PURE__ */ new Map();
+    const x = t.selectedElementsMap.value.has(f);
+    if (t.selectedElementsMap.value.size > 0 && x) {
+      const L = /* @__PURE__ */ new Map();
       return Array.from(t.selectedElementsMap.value.entries()).forEach(
         ([I, Y]) => {
           var V, H;
-          P.set(I, {
+          L.set(I, {
             ...Y,
             initialHTML: ((V = Y.node) == null ? void 0 : V.outerHTML) ?? "",
             initialRect: (H = Y.node) == null ? void 0 : H.getBoundingClientRect()
           });
         }
-      ), P;
+      ), L;
     }
     t.selectedElementsMap.value.clear();
-    const x = t.elementsMap.value.get(f);
-    if (!x) return /* @__PURE__ */ new Map();
-    const w = /* @__PURE__ */ new Map();
-    return w.set(f, {
-      ...x,
-      initialHTML: ((D = x.node) == null ? void 0 : D.outerHTML) ?? "",
-      initialRect: (E = x.node) == null ? void 0 : E.getBoundingClientRect()
-    }), w;
+    const p = t.elementsMap.value.get(f);
+    if (!p) return /* @__PURE__ */ new Map();
+    const E = /* @__PURE__ */ new Map();
+    return E.set(f, {
+      ...p,
+      initialHTML: ((D = p.node) == null ? void 0 : D.outerHTML) ?? "",
+      initialRect: (M = p.node) == null ? void 0 : M.getBoundingClientRect()
+    }), E;
   }, d = (f) => {
     if (!f)
       return { element: null, zone: null };
-    const z = Array.isArray(f) ? f : [f], x = Array.from(t.draggingElements.value.keys()), w = z.find((E) => {
-      if (!t.visibleZones.value.has(E)) return !1;
-      const P = t.zonesMap.value.get(E);
-      return !(!P || x.some(
-        (I) => I && (I === P.node || k(P.node, I))
-      ) || P.groups.length && !!Array.from(
+    const x = Array.isArray(f) ? f : [f], p = Array.from(t.draggingElements.value.keys()), E = x.find((M) => {
+      if (!t.visibleZones.value.has(M)) return !1;
+      const L = t.zonesMap.value.get(M);
+      return !(!L || p.some(
+        (I) => I && (I === L.node || k(L.node, I))
+      ) || L.groups.length && !!Array.from(
         t.draggingElements.value.values()
-      ).some((Y) => Y.groups.length ? !Y.groups.some((V) => P.groups.includes(V)) : !1));
+      ).some((Y) => Y.groups.length ? !Y.groups.some((V) => L.groups.includes(V)) : !1));
     });
-    return w ? {
-      element: z.find(
-        (E) => t.visibleElements.value.has(E) && t.elementsMap.value.has(E) && !x.some(
-          (P) => P && (P === E || k(
-            E,
-            P
-          ) || k(P, E))
-        ) && (E === w || k(
-          E,
-          w
+    return E ? {
+      element: x.find(
+        (M) => t.visibleElements.value.has(M) && t.elementsMap.value.has(M) && !p.some(
+          (L) => L && (L === M || k(
+            M,
+            L
+          ) || k(L, M))
+        ) && (M === E || k(
+          M,
+          E
         ))
       ) || null,
-      zone: w
+      zone: E
     } : { element: null, zone: null };
   }, v = ((R = e == null ? void 0 : e.sensor) == null ? void 0 : R.setup) || _e, g = (f) => {
-    var w, D, E, P, I, Y, V, H, j, J, X, Q;
-    const z = t.hovered.element.value, x = t.hovered.zone.value;
-    t.hovered.element.value = f.element, t.hovered.zone.value = f.zone, z && t.hovered.element.value !== z && ((E = (D = (w = t.elementsMap.value.get(z)) == null ? void 0 : w.events) == null ? void 0 : D.onLeave) == null || E.call(D, t), t.hovered.element.value && ((Y = (I = (P = t.elementsMap.value.get(t.hovered.element.value)) == null ? void 0 : P.events) == null ? void 0 : I.onHover) == null || Y.call(I, t))), x && t.hovered.zone.value !== x && ((j = (H = (V = t.zonesMap.value.get(x)) == null ? void 0 : V.events) == null ? void 0 : H.onLeave) == null || j.call(H, t), t.hovered.zone.value && ((Q = (X = (J = t.zonesMap.value.get(t.hovered.zone.value)) == null ? void 0 : J.events) == null ? void 0 : X.onHover) == null || Q.call(X, t)));
+    var E, D, M, L, I, Y, V, H, j, J, X, Q;
+    const x = t.hovered.element.value, p = t.hovered.zone.value;
+    t.hovered.element.value = f.element, t.hovered.zone.value = f.zone, x && t.hovered.element.value !== x && ((M = (D = (E = t.elementsMap.value.get(x)) == null ? void 0 : E.events) == null ? void 0 : D.onLeave) == null || M.call(D, t), t.hovered.element.value && ((Y = (I = (L = t.elementsMap.value.get(t.hovered.element.value)) == null ? void 0 : L.events) == null ? void 0 : I.onHover) == null || Y.call(I, t))), p && t.hovered.zone.value !== p && ((j = (H = (V = t.zonesMap.value.get(p)) == null ? void 0 : V.events) == null ? void 0 : H.onLeave) == null || j.call(H, t), t.hovered.zone.value && ((Q = (X = (J = t.zonesMap.value.get(t.hovered.zone.value)) == null ? void 0 : J.events) == null ? void 0 : X.onHover) == null || Q.call(X, t)));
   }, m = we(() => {
-    const f = v(t), z = d(f);
-    g(z);
+    const f = v(t), x = d(f);
+    g(x);
   }, ((Z = e == null ? void 0 : e.sensor) == null ? void 0 : Z.throttle) ?? 0), h = () => {
     m(), i = requestAnimationFrame(h);
-  }, L = () => h(), p = () => {
+  }, z = () => h(), w = () => {
     i !== null && (cancelAnimationFrame(i), i = null);
   };
   return {
     activate: (f) => {
-      t.draggingElements.value = u(n.value), f instanceof PointerEvent ? r(f) : l(f), L();
+      t.draggingElements.value = u(n.value), t.draggingElements.value.forEach(
+        (x) => {
+          var p, E;
+          return (E = (p = x.events).onStart) == null ? void 0 : E.call(p, t);
+        }
+      ), f instanceof PointerEvent ? r(f) : l(f), z();
     },
     track: (f) => {
-      f instanceof KeyboardEvent ? c() : a(f);
+      t.draggingElements.value.forEach(
+        (x) => {
+          var p, E;
+          return (E = (p = x.events).onMove) == null ? void 0 : E.call(p, t);
+        }
+      ), f instanceof KeyboardEvent ? c() : a(f);
     },
     deactivate: (f = !0) => {
-      var z, x;
+      var x, p;
       if (o(), s(), f) {
         if (t.hovered.zone.value) {
-          const w = t.zonesMap.value.get(t.hovered.zone.value);
-          (x = w == null ? void 0 : (z = w.events).onDrop) == null || x.call(z, t);
+          const E = t.zonesMap.value.get(t.hovered.zone.value);
+          (p = E == null ? void 0 : (x = E.events).onDrop) == null || p.call(x, t);
         } else
-          Array.from(t.draggingElements.value.values()).forEach(
-            (w) => {
-              var D, E;
-              return (E = (D = w.events).onEnd) == null ? void 0 : E.call(D, t);
+          t.draggingElements.value.forEach(
+            (E) => {
+              var D, M;
+              return (M = (D = E.events).onEnd) == null ? void 0 : M.call(D, t);
             }
           );
         t.selectedElementsMap.value.clear();
       }
-      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, p();
+      t.draggingElements.value.clear(), t.hovered.zone.value = null, t.hovered.element.value = null, w();
     }
   };
 }, ke = ie(() => {
@@ -578,14 +588,14 @@ const T = ie(() => {
   return {
     handleDragStart: (g, m, h) => {
       d(), g.target.blur(), h != null && h.container && (s.component.value = pe(h.container));
-      const { activate: L, track: p, deactivate: _ } = be(m, h);
+      const { activate: z, track: w, deactivate: _ } = be(m, h);
       a = () => {
         s.component.value = null, u(), _(!0), d();
       }, o = () => {
         s.component.value = null, u(), _(!1), d();
-      }, r = (M) => p(M), l = (M) => p(M), c = (M) => {
-        M.type === "keyup" && (M.code === "Escape" && (o == null || o()), M.code === "Enter" && (a == null || a())), p(M);
-      }, i(), L(g), document.addEventListener("pointermove", r), document.addEventListener("pointerup", a), document.addEventListener("wheel", l), document.addEventListener("keydown", c), document.addEventListener("keypress", c), document.addEventListener("keyup", c);
+      }, r = (P) => w(P), l = (P) => w(P), c = (P) => {
+        P.type === "keyup" && (P.code === "Escape" && (o == null || o()), P.code === "Enter" && (a == null || a())), w(P);
+      }, i(), z(g), document.addEventListener("pointermove", r), document.addEventListener("pointerup", a), document.addEventListener("wheel", l), document.addEventListener("keydown", c), document.addEventListener("keypress", c), document.addEventListener("keyup", c);
     }
   };
 }), Ye = (n) => {
@@ -680,6 +690,7 @@ export {
   Te as default,
   O as getBoundingBox,
   T as useDnDStore,
+  Pe as useDragContainer,
   Ye as useDraggable,
   Ue as useDroppable,
   Ve as useSelection