fluid-dnd 2.0.0 → 2.0.2

package/dist/{index-8zYdjZIf.js → index-BQUYvZRn.js}

@@ -1,29 +1,63 @@
 var Te = Object.defineProperty;
 var Ee = (t, e, n) => e in t ? Te(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var j = (t, e, n) => Ee(t, typeof e != "symbol" ? e + "" : e, n);
-const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging", Wt = "dragging-handler-class", Vt = "dropping", oe = "grabbing", ye = "grab", Kt = "disable-transition", nt = (t, e) => t.classList.contains(e), bt = (t, e, n = !1) => {
+const V = "horizontal", tt = "vertical", U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging", Wt = "dragging-handler-class", Vt = "dropping", oe = "grabbing", ye = "grab", Kt = "disable-transition", Ce = (t, e) => {
+  const n = (l, f) => t.removeAtEvent(l, f), s = (l, f, g) => t.insertEvent(l, f, g), o = () => t.getLength(), r = (l) => t.getValue(l), c = (l) => l;
+  return {
+    direction: (e == null ? void 0 : e.direction) ?? tt,
+    handlerSelector: (e == null ? void 0 : e.handlerSelector) ?? U,
+    draggingClass: (e == null ? void 0 : e.draggingClass) ?? "dragging",
+    droppableClass: (e == null ? void 0 : e.droppableClass) ?? "droppable-hover",
+    isDraggable: (e == null ? void 0 : e.isDraggable) ?? (() => !0),
+    onDragStart: (e == null ? void 0 : e.onDragStart) ?? (() => {
+    }),
+    onDragEnd: (e == null ? void 0 : e.onDragEnd) ?? (() => {
+    }),
+    droppableGroup: e == null ? void 0 : e.droppableGroup,
+    onRemoveAtEvent: n,
+    onInsertEvent: s,
+    onGetLegth: o,
+    onGetValue: r,
+    animationDuration: (e == null ? void 0 : e.animationDuration) ?? 200,
+    removingClass: (e == null ? void 0 : e.removingClass) ?? "removing",
+    insertingFromClass: (e == null ? void 0 : e.insertingFromClass) ?? "from-inserting",
+    delayBeforeRemove: (e == null ? void 0 : e.delayBeforeRemove) ?? 200,
+    delayBeforeInsert: (e == null ? void 0 : e.delayBeforeInsert) ?? 200,
+    mapFrom: (e == null ? void 0 : e.mapFrom) ?? c
+  };
+}, Ae = (t, e) => {
+  const { config: n, droppable: s } = t, { onInsertEvent: o, onDragEnd: r } = n;
+  return {
+    ...n,
+    onDragEnd: (f) => {
+      const { index: g, value: m } = f;
+      r({ index: g, value: e(m, s) });
+    },
+    onInsertEvent: (f, g) => o(f, e(g, s), !0)
+  };
+}, nt = (t, e) => t.classList.contains(e), bt = (t, e, n = !1) => {
   t.classList.toggle(e, n);
 }, st = (t, e) => {
   t.classList.add(e);
 }, Ct = (t, e) => {
   t.classList.remove(e);
-}, Ce = (t, e) => At(e).every(
+}, xe = (t, e) => At(e).every(
   (n) => nt(t, n)
-), gt = (t) => t ? `.${At(t).join(".")}` : "", Ae = (t, e) => {
+), gt = (t) => t ? `.${At(t).join(".")}` : "", we = (t, e) => {
   if (!e)
     return;
   const n = At(e);
   t.classList.add(...n);
-}, At = (t) => t ? t.split(" ").filter((e) => e) : [], V = "horizontal", tt = "vertical", xe = () => {
+}, At = (t) => t ? t.split(" ").filter((e) => e) : [], Be = () => {
   const { scrollX: t, scrollY: e } = window;
   return { scrollX: t, scrollY: e };
-}, zt = (t) => !t || t.trim().length == 0 || t == "normal" ? 0 : parseFloat(t), we = (t) => t ? parseInt(t) : -1, Be = (t) => {
+}, zt = (t) => !t || t.trim().length == 0 || t == "normal" ? 0 : parseFloat(t), Me = (t) => t ? parseInt(t) : -1, Re = (t) => {
   const e = getComputedStyle(t), n = new DOMMatrixReadOnly(e.transform);
   return {
     x: n.m41,
     y: n.m42
   };
-}, re = (t, e) => t.x1 > e.x1 ? re(e, t) : t.x2 < e.x1 ? 0 : t.x2 >= e.x2 ? t.x2 - t.x1 : t.x2 - e.x1, pt = (t, e) => !Me(t, e), Me = (t, e) => {
+}, re = (t, e) => t.x1 > e.x1 ? re(e, t) : t.x2 < e.x1 ? 0 : t.x2 >= e.x2 ? t.x2 - t.x1 : t.x2 - e.x1, pt = (t, e) => !Le(t, e), Le = (t, e) => {
   const n = Ot(t), s = Ot(e), o = Qt(n, s, tt), r = Qt(n, s, V);
   return o >= Math.min(n.height, s.height) / 2 && r >= Math.min(n.width, s.width) / 2;
 }, Qt = (t, e, n) => {
@@ -63,9 +97,9 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
     paddingBefore: e ? "paddingLeft" : "paddingTop",
     getRect: Ot
   };
-}, Mt = (t, e) => Re(t, e), ie = (t) => [...t.children].filter(
+}, Mt = (t, e) => Oe(t, e), ie = (t) => [...t.children].filter(
   (n) => nt(n, U)
-), Re = (t, e) => {
+), Oe = (t, e) => {
   const n = [...e.children].filter(
     (o) => nt(o, U) && !o.isEqualNode(t)
   ).toReversed(), s = [...e.children].findLastIndex(
@@ -76,7 +110,7 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
     s,
     e
   ];
-}, Le = (t) => {
+}, Ne = (t) => {
   let e = t.parentElement;
   for (; e; ) {
     if (window.getComputedStyle(e).position === "fixed")
@@ -88,13 +122,13 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
   const {
     before: n,
     borderBeforeWidth: s
-  } = B(e), o = Le(t);
+  } = B(e), o = Ne(t);
   return o ? Ot(o)[n] + L(o, s) : 0;
-}, Tt = (t) => window.TouchEvent && t instanceof TouchEvent, it = (t) => t instanceof HTMLElement, ae = (t) => t instanceof MouseEvent, Oe = ["onmouseup", "onmousedown", "onmousemove"], Ne = (t, e, n) => {
+}, Tt = (t) => window.TouchEvent && t instanceof TouchEvent, it = (t) => t instanceof HTMLElement, ae = (t) => t instanceof MouseEvent, Fe = ["onmouseup", "onmousedown", "onmousemove"], Pe = (t, e, n) => {
   t && (t.style.height = `${e}px`, t.style.width = `${n}px`);
 }, Et = (t, e, n) => {
   !t || !it(t) || (n == 0 && e == 0 ? t.style.transform = "" : t.style.transform = `translate(${n}px,${e}px)`);
-}, Fe = (t, e, n, s) => {
+}, $e = (t, e, n, s) => {
   t[e] = (o) => {
     if (o.defaultPrevented)
       return;
@@ -103,8 +137,8 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
     n(r);
   };
 }, It = (t, e, n, s) => {
-  n && (Pe(e) ? t[e] = n : Fe(t, e, n, s));
-}, Pe = (t) => Oe.includes(t), $e = (t) => {
+  n && (Ge(e) ? t[e] = n : $e(t, e, n, s));
+}, Ge = (t) => Fe.includes(t), Ie = (t) => {
   const { target: e } = t;
   return {
     clientX: 0,
@@ -117,8 +151,8 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
     offsetX: 0,
     offsetY: 0
   };
-}, Ge = (t, e) => {
-  const n = (s, o) => Ye(e, window, o, s);
+}, Ye = (t, e) => {
+  const n = (s, o) => We(e, window, o, s);
   if (ae(t)) {
     const { offsetX: s, offsetY: o } = t;
     return [s, o];
@@ -130,10 +164,10 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
     ];
   }
 }, _t = (t) => {
-  const e = Ie(t);
+  const e = Xe(t);
   if (!e)
-    return $e(t);
-  const [n, s] = Ge(t, e), { clientX: o, clientY: r, pageX: c, pageY: l, screenX: f, screenY: g, target: m } = e;
+    return Ie(t);
+  const [n, s] = Ye(t, e), { clientX: o, clientY: r, pageX: c, pageY: l, screenX: f, screenY: g, target: m } = e;
   return {
     clientX: o,
     clientY: r,
@@ -145,12 +179,12 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
     offsetX: n,
     offsetY: s
   };
-}, Ie = (t) => {
+}, Xe = (t) => {
   if (Tt(t))
     return t.touches[0] ?? t.changedTouches[0];
   if (ae(t))
     return t;
-}, Ye = (t, e, n, s) => {
+}, We = (t, e, n, s) => {
   const { page: o, scroll: r, before: c, borderBeforeWidth: l, getRect: f } = B(n), g = f(s);
   return t[o] - e[r] - g[c] - L(s, l);
 }, Pt = (t, e, n = "ease-out", s = "transform") => {
@@ -159,14 +193,14 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
   !t || !it(t) || (t[e] = () => {
     n();
   });
-}, Xe = (t) => {
+}, Ve = (t) => {
   var e = t.querySelector("style");
   if (!e) {
     var n = document.createElement("style");
     return t.appendChild(n), n;
   }
   return e;
-}, We = (t, e) => {
+}, _e = (t, e) => {
   const n = /\.-?[_a-zA-Z0-9-*\s<>():]+/g, [s] = e.match(n) || [];
   for (const o of t.cssRules) {
     const [r] = o.cssText.match(n) || [];
@@ -174,20 +208,106 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
       return !0;
   }
   return !1;
-}, Ve = (t, e) => {
+}, He = (t, e) => {
   e.forEach((n) => {
-    _e(t, n);
+    qe(t, n);
   });
-}, _e = (t, e) => {
+}, qe = (t, e) => {
   var s;
-  var n = Xe(t);
-  n.sheet && (We(n.sheet, e) || (s = n.sheet) == null || s.insertRule(e, n.sheet.cssRules.length));
+  var n = Ve(t);
+  n.sheet && (_e(n.sheet, e) || (s = n.sheet) == null || s.insertRule(e, n.sheet.cssRules.length));
 }, ue = (t, e = {}) => {
   for (const n of Object.keys(e)) {
     const s = e[n];
-    s != null && He(t, `--${n}`, s);
+    s != null && ze(t, `--${n}`, s);
   }
-}, He = (t, e, n) => t && t.style.setProperty(e, n), fe = "startDrag", Nt = "drag", jt = "startDrop", qe = "drop", at = "temp-child", de = "cubic-bezier(0.2, 0, 0, 1)", ze = (t) => t === qe || t === jt, Ht = (t) => !t || t.length == 0 ? 0 : zt(t.replace("px", "")), je = (t, e) => {
+}, ze = (t, e, n) => t && t.style.setProperty(e, n), je = (t, e, n) => {
+  n != 0 && (e === "vertical" ? t.scrollBy(0, n) : t.scrollBy(n, 0));
+}, Ze = (t, e, n) => {
+  const { scrollDistance: s, clientDistance: o, scrollElement: r } = B(t);
+  return n[r] / (e[s] - e[o]);
+}, ke = (t) => {
+  let e = { offsetX: 0, offsetY: 0 }, n = { top: 0, left: 0 }, s = { x: 0, y: 0 };
+  const o = (f) => {
+    t.style.transform = `translate( ${f.x}px, ${f.y}px)`;
+  }, r = (f) => {
+    t.style.top = `${f.top}px`, t.style.left = `${f.left}px`;
+  };
+  return [
+    (f, g, m, b) => {
+      const M = (y) => {
+        const {
+          beforeMargin: p,
+          borderBeforeWidth: E,
+          before: R,
+          offset: w,
+          scroll: P,
+          page: X,
+          inner: Z,
+          distance: _,
+          axis: H,
+          getRect: $
+        } = B(y), k = m[X], q = window[P], J = window[Z], I = $(f)[_], z = L(f, E), W = L(f, p), Y = k - e[w], et = ce(f, y);
+        if (Y >= q - I / 2 && Y <= q + J) {
+          const ot = Y - n[R] - z - W - q - et;
+          return O(y), ot;
+        }
+        return s[H];
+      }, O = (y) => {
+        if (f && nt(f, Ft) && y === b) {
+          const { before: p, distance: E, axis: R, getRect: w } = B(b), P = w(f)[E], X = w(g), Z = n[p] - X[p] + s[R], H = X[E] - P, $ = Z / H, k = P / H, q = 0.1, J = 0.2, I = 0.8;
+          let z = 0;
+          const W = pt(f, g);
+          !W && $ < J && $ > -k ? z = $ / J - 1 : !W && $ > I && $ < 1 + k && (z = 1 / (1 - I) * ($ - I));
+          const Y = q * P * z;
+          je(g, b, Y);
+        }
+      }, F = (y) => {
+        const { axis: p } = B(y);
+        s[p] = M(y), o(s);
+      };
+      F(V), F(tt);
+    },
+    (f, g) => {
+      const [m, b, M, O] = Qe(
+        f,
+        g,
+        t
+      );
+      n = {
+        top: m,
+        left: b
+      }, r(n), e = { offsetX: M, offsetY: O };
+    }
+  ];
+}, Rt = (t, e, n) => {
+  const { borderBeforeWidth: s, before: o, getRect: r } = B(t);
+  return r(e)[o] - r(n)[o] - L(n, s);
+}, Je = (t, e) => {
+  let { offsetX: n, offsetY: s, target: o } = t, r = Ke(o, e);
+  const c = o;
+  return c && r && !c.isSameNode(r) && (n += Rt(V, c, r), s += Rt(tt, c, r)), r && e != o && (n += Rt(V, r, e), s += Rt(tt, r, e)), [n, s];
+}, Ke = (t, e) => {
+  const n = t == null ? void 0 : t.closest(`.${Lt}`);
+  return n && n.isSameNode(e) ? t : n;
+}, te = (t, e, n, s) => {
+  const { offset: o, beforeMargin: r, page: c, borderBeforeWidth: l, scroll: f } = B(t), g = ce(n, t);
+  return e[c] - s[o] - L(n, r) - L(n, l) - window[f] - g;
+}, Qe = (t, e, n) => {
+  const [s, o] = Je(t, n);
+  return [
+    te(tt, t, e, {
+      offsetX: s,
+      offsetY: o
+    }),
+    te(V, t, e, {
+      offsetX: s,
+      offsetY: o
+    }),
+    s,
+    o
+  ];
+}, fe = "startDrag", Nt = "drag", jt = "startDrop", Ue = "drop", at = "temp-child", de = "cubic-bezier(0.2, 0, 0, 1)", tn = (t) => t === Ue || t === jt, Ht = (t) => !t || t.length == 0 ? 0 : zt(t.replace("px", "")), en = (t, e) => {
   const n = getComputedStyle(t)[e];
   if (n.match("%")) {
     const o = zt(n.replace("%", "")), { width: r } = t.getBoundingClientRect();
@@ -200,17 +320,17 @@ const U = "draggable", Xt = "droppable", Lt = "handler-class", Ft = "dragging",
       0,
       !1
     ];
-  const n = je(t, e), s = getComputedStyle(t).display, o = n > 0 || s === "flex";
+  const n = en(t, e), s = getComputedStyle(t).display, o = n > 0 || s === "flex";
   return [n, o];
-}, Ze = (t) => {
+}, nn = (t) => {
   const { top: e, left: n } = getComputedStyle(t);
   return [Ht(e), Ht(n)];
-}, ke = (t, e) => {
+}, sn = (t, e) => {
   const { gap: n } = B(e), [s, o] = Zt(t, n);
   return o ? s : 0;
 };
 function yt(t, e, n, s, o = t.previousElementSibling, r = t.nextElementSibling) {
-  let { height: c, width: l } = Je(
+  let { height: c, width: l } = on(
     n,
     t,
     o,
@@ -218,7 +338,7 @@ function yt(t, e, n, s, o = t.previousElementSibling, r = t.nextElementSibling)
   );
   return pt(t, s) && e == Nt && (c = 0, l = 0), { height: c, width: l };
 }
-const Je = (t, e, n, s) => {
+const on = (t, e, n, s) => {
   const {
     afterMargin: o,
     beforeMargin: r,
@@ -230,16 +350,16 @@ const Je = (t, e, n, s) => {
     l
   ), F = f(e)[c];
   if (O)
-    return te(F, m, g, M, 0, t);
-  const [y, p, E] = Ke(
+    return ee(F, m, g, M, 0, t);
+  const [y, p, E] = rn(
     n,
     b,
     g,
     m,
     o
   );
-  return te(F, p, y, 0, E, t);
-}, Ke = (t, e, n, s, o) => {
+  return ee(F, p, y, 0, E, t);
+}, rn = (t, e, n, s, o) => {
   const r = Math.max(e, n);
   let c = s, l = e;
   if (t) {
@@ -250,7 +370,7 @@ const Je = (t, e, n, s) => {
     c = Math.max(f, s), l = Math.max(l, f);
   }
   return [r, c, l];
-}, te = (t, e, n, s, o, r) => Qe(r, t + e + n + s - o), Qe = (t, e) => t == V ? { width: e, height: 0 } : { width: 0, height: e }, ee = (t, e) => {
+}, ee = (t, e, n, s, o, r) => cn(r, t + e + n + s - o), cn = (t, e) => t == V ? { width: e, height: 0 } : { width: 0, height: e }, ne = (t, e) => {
   const {
     borderBeforeWidth: n,
     paddingBefore: s,
@@ -258,27 +378,27 @@ const Je = (t, e, n, s) => {
     getRect: r
   } = B(t), c = L(e, n), l = L(e, s), f = r(e)[o];
   return c + l + f;
-}, Ue = (t, e) => {
-  const [n, s] = Ze(e), o = ee(tt, t);
+}, an = (t, e) => {
+  const [n, s] = nn(e), o = ne(tt, t);
   return [
-    ee(V, t) - s,
+    ne(V, t) - s,
     o - n
   ];
 };
-function tn(t, e, n, s, o, r, c, l, f) {
+function ln(t, e, n, s, o, r, c, l, f) {
   let g = 0, m = 0;
   const b = !!(n < 0 && f);
   if (n === s && !b)
-    return ne(
+    return se(
       { height: g, width: m },
       t,
       o,
       c,
       b
     );
-  const [M, O, F, y] = sn(e, n, s, f);
+  const [M, O, F, y] = dn(e, n, s, f);
   if (b) {
-    const [et, ut] = Ue(l, f);
+    const [et, ut] = an(l, f);
     g += ut, m += et;
   }
   const {
@@ -291,7 +411,7 @@ function tn(t, e, n, s, o, r, c, l, f) {
     _,
     H,
     $
-  ] = rn(
+  ] = pn(
     E,
     R,
     M,
@@ -299,22 +419,22 @@ function tn(t, e, n, s, o, r, c, l, f) {
     y,
     Z,
     b
-  ), [k, q, J] = on(
+  ), [k, q, J] = gn(
     E,
     R,
     w,
     F,
     X,
     Z
-  ), I = nn(
+  ), I = fn(
     q,
     k,
     J,
     H,
     _,
     X
-  ), z = b ? l[p] : en(p, l, r), Y = (y ? I - $ : $ - I) - z;
-  return t === tt ? g += Y : t === V && (m += Y), ne(
+  ), z = b ? l[p] : un(p, l, r), Y = (y ? I - $ : $ - I) - z;
+  return t === tt ? g += Y : t === V && (m += Y), se(
     { height: g, width: m },
     t,
     o,
@@ -322,13 +442,13 @@ function tn(t, e, n, s, o, r, c, l, f) {
     b
   );
 }
-const en = (t, e, n) => {
+const un = (t, e, n) => {
   const s = e[t], o = n[t];
   return s - o;
-}, nn = (t, e, n, s, o, r) => {
+}, fn = (t, e, n, s, o, r) => {
   const c = Math.max(e, o);
   return Math.max(n, s) + t + c + r;
-}, sn = (t, e, n, s) => {
+}, dn = (t, e, n, s) => {
   const o = e < n, [r, c] = [e, n].toSorted(
     (m, b) => m - b
   ), l = t[e] ?? s, f = t[n];
@@ -339,7 +459,7 @@ const en = (t, e, n) => {
     g,
     o
   ];
-}, on = (t, e, n, s, o, r) => {
+}, gn = (t, e, n, s, o, r) => {
   if (s.length == 0)
     return [0, 0, 0];
   const c = L(s[0], t);
@@ -349,12 +469,12 @@ const en = (t, e, n) => {
     r && (l += M), r && g > 0 ? l += o : l = Math.max(l, M), f += l + b, l = L(m, e);
   }
   return [c, f, l];
-}, ne = (t, e, n, s, o) => {
+}, se = (t, e, n, s, o) => {
   const { scroll: r, distance: c } = B(e), l = window[r], f = n[r], g = o ? 0 : f - 2 * l + s[r];
   return t[c] += g, t;
-}, rn = (t, e, n, s, o, r, c) => {
+}, pn = (t, e, n, s, o, r, c) => {
   const l = o ? n.previousElementSibling : s;
-  return cn(
+  return hn(
     t,
     e,
     l,
@@ -362,7 +482,7 @@ const en = (t, e, n) => {
     r,
     c
   );
-}, cn = (t, e, n, s, o, r) => {
+}, hn = (t, e, n, s, o, r) => {
   if (o)
     return [0, 0, 0];
   const c = L(
@@ -379,46 +499,41 @@ const en = (t, e, n) => {
     }
   });
   return o.observe(e, n), o;
-}, an = (t, e, n) => {
-  n != 0 && (e === "vertical" ? t.scrollBy(0, n) : t.scrollBy(n, 0));
-}, ln = (t, e, n) => {
-  const { scrollDistance: s, clientDistance: o, scrollElement: r } = B(t);
-  return n[r] / (e[s] - e[o]);
-}, un = "startDrag", ge = "cubic-bezier(0.2, 0, 0, 1)", pe = 50, qt = (t) => it(t) ? t.classList.contains(at) : !1, fn = (t, e, n) => {
+}, mn = "startDrag", ge = "cubic-bezier(0.2, 0, 0, 1)", pe = 50, qt = (t) => it(t) ? t.classList.contains(at) : !1, Sn = (t, e, n) => {
   let s = yt(
     e,
-    un,
+    mn,
     n,
     t
   );
-  const o = ke(t, n), { distance: r } = B(n);
+  const o = sn(t, n), { distance: r } = B(n);
   s[r] -= o;
-  const [c, l] = dn(n, e);
+  const [c, l] = Dn(n, e);
   return s[l] = c, s;
-}, dn = (t, e) => {
+}, Dn = (t, e) => {
   const n = t == V ? tt : V, { distance: s, getRect: o } = B(n);
   return [
     o(e)[s],
     s
   ];
 }, ht = (t, e, n) => {
-  Ne(t, e, n), t.style.minWidth = `${n}px`;
-}, gn = (t, e, n) => (s) => {
+  Pe(t, e, n), t.style.minWidth = `${n}px`;
+}, vn = (t, e, n) => (s) => {
   e.contains(t) && (ht(t, n.height, n.width), s.disconnect());
-}, pn = (t, e) => {
+}, bn = (t, e) => {
   if (!e)
     return;
-  const { droppable: n, config: s, scroll: o } = t, { direction: r } = s, c = ln(s.direction, n, o) > 0.99, { scrollDistance: l, clientDistance: f, scrollElement: g } = B(r);
+  const { droppable: n, config: s, scroll: o } = t, { direction: r } = s, c = Ze(s.direction, n, o) > 0.99, { scrollDistance: l, clientDistance: f, scrollElement: g } = B(r);
   c && (n[g] = n[l] - n[f]);
 }, he = (t, e, n, s) => {
   if (!n)
     return;
   const { droppable: o, config: r } = n, { direction: c, animationDuration: l } = r;
-  if (pn(n, e), o.querySelector(`.${at}`) || !t)
+  if (bn(n, e), o.querySelector(`.${at}`) || !t)
     return;
   var f = t.tagName == "LI" ? "DIV" : t.tagName, g = document.createElement(f);
   st(g, at), ht(g, 0, 0);
-  const m = fn(o, t, c);
+  const m = Sn(o, t, c);
   return Pt(
     g,
     l,
@@ -431,20 +546,20 @@ const en = (t, e, n) => {
     return;
   const [c, l, f] = r;
   e.isSameNode(f) && ht(c, l.height, l.width), kt(
-    gn(c, f, l),
+    vn(c, f, l),
     f,
     {
       childList: !0,
       subtree: !0
     }
   ), f.appendChild(c);
-}, hn = (t, e, n) => {
+}, Tn = (t, e, n) => {
   const s = he(t, e, n);
   if (!s)
     return;
   const [o, r, c] = s;
-  c.appendChild(o), mn(o, r);
-}, mn = (t, e) => requestAnimationFrame(() => {
+  c.appendChild(o), En(o, r);
+}, En = (t, e) => requestAnimationFrame(() => {
   ht(t, e.height, e.width), requestAnimationFrame(() => {
     Pt(
       t,
@@ -453,7 +568,7 @@ const en = (t, e, n) => {
       "width, min-width, height"
     );
   });
-}), Sn = (t, e, n, s, o = !0) => {
+}), yn = (t, e, n, s, o = !0) => {
   if (n) {
     var r = document.querySelectorAll(
       `${gt(n)} > .${at}`
@@ -476,8 +591,8 @@ const en = (t, e, n) => {
       t.contains(r) && t.removeChild(r);
     }, e + pe)) : t.removeChild(o);
   });
-}, Dn = 50;
-function vn(t, e, n, s, o, r) {
+}, Cn = 50;
+function An(t, e, n, s, o, r) {
   let c = e;
   const {
     direction: l,
@@ -495,7 +610,7 @@ function vn(t, e, n, s, o, r) {
       v.direction,
       T
     );
-    ze(a) ? Z(
+    tn(a) ? Z(
       u,
       a,
       A,
@@ -570,7 +685,7 @@ function vn(t, e, n, s, o, r) {
       ), a === fe ? P(x, h) : a === Nt && X(x, h);
     }
   }, R = (u, a, h, D) => {
-    const { before: C, distance: T, axis: v, getRect: A } = B(u), N = A(a), x = A(h), G = N[C], K = x[C], mt = x[T], ft = K + mt / 2, St = Be(h)[v], rt = ft - St;
+    const { before: C, distance: T, axis: v, getRect: A } = B(u), N = A(a), x = A(h), G = N[C], K = x[C], mt = x[T], ft = K + mt / 2, St = Re(h)[v], rt = ft - St;
     return G > rt ? { height: 0, width: 0 } : D;
   }, w = (u, a, h, D) => {
     const C = D.filter(
@@ -603,7 +718,7 @@ function vn(t, e, n, s, o, r) {
       ft,
       St
     );
-    const $t = xe(), xt = tn(
+    const $t = Be(), xt = ln(
       N.direction,
       K,
       G,
@@ -668,7 +783,7 @@ function vn(t, e, n, s, o, r) {
   }, q = (u) => {
     setTimeout(() => {
       Ct(u, M);
-    }, Dn);
+    }, Cn);
   }, J = (u, a, h, D) => {
     setTimeout(() => {
       D && D(), I(a, h), z(h), et(u), W(u, a), W(u, h);
@@ -708,7 +823,7 @@ function vn(t, e, n, s, o, r) {
     ot
   ];
 }
-const bn = (t) => t.addedNodes.values().filter((n) => !qt(n)).toArray().length > 0, me = (t, e, n) => {
+const xn = (t) => t.addedNodes.values().filter((n) => !qt(n)).toArray().length > 0, me = (t, e, n) => {
   const { insertingFromClass: s, animationDuration: o } = n, r = kt(() => {
     const l = ie(e)[t];
     st(l, s), st(l, Kt), setTimeout(() => {
@@ -716,7 +831,7 @@ const bn = (t) => t.addedNodes.values().filter((n) => !qt(n)).toArray().length >
     }, o);
   }, e, {
     childList: !0
-  }, bn);
+  }, xn);
 }, Nn = (t, e, n, s) => {
   if (!e)
     return;
@@ -724,121 +839,6 @@ const bn = (t) => t.addedNodes.values().filter((n) => !qt(n)).toArray().length >
   setTimeout(() => {
     o(n, s), me(n, e, t);
   }, r);
-}, Tn = (t, e) => {
-  const n = (l, f) => t.removeAtEvent(l, f), s = (l, f, g) => t.insertEvent(l, f, g), o = () => t.getLength(), r = (l) => t.getValue(l), c = (l) => l;
-  return {
-    direction: (e == null ? void 0 : e.direction) ?? tt,
-    handlerSelector: (e == null ? void 0 : e.handlerSelector) ?? U,
-    draggingClass: (e == null ? void 0 : e.draggingClass) ?? "dragging",
-    droppableClass: (e == null ? void 0 : e.droppableClass) ?? "droppable-hover",
-    isDraggable: (e == null ? void 0 : e.isDraggable) ?? (() => !0),
-    onDragStart: (e == null ? void 0 : e.onDragStart) ?? (() => {
-    }),
-    onDragEnd: (e == null ? void 0 : e.onDragEnd) ?? (() => {
-    }),
-    droppableGroup: e == null ? void 0 : e.droppableGroup,
-    onRemoveAtEvent: n,
-    onInsertEvent: s,
-    onGetLegth: o,
-    onGetValue: r,
-    animationDuration: (e == null ? void 0 : e.animationDuration) ?? 200,
-    removingClass: (e == null ? void 0 : e.removingClass) ?? "removing",
-    insertingFromClass: (e == null ? void 0 : e.insertingFromClass) ?? "from-inserting",
-    delayBeforeRemove: (e == null ? void 0 : e.delayBeforeRemove) ?? 200,
-    delayBeforeInsert: (e == null ? void 0 : e.delayBeforeInsert) ?? 200,
-    mapFrom: (e == null ? void 0 : e.mapFrom) ?? c
-  };
-}, En = (t, e) => {
-  const { config: n, droppable: s } = t, { onInsertEvent: o, onDragEnd: r } = n;
-  return {
-    ...n,
-    onDragEnd: (f) => {
-      const { index: g, value: m } = f;
-      r({ index: g, value: e(m, s) });
-    },
-    onInsertEvent: (f, g) => o(f, e(g, s), !0)
-  };
-}, yn = (t) => {
-  let e = { offsetX: 0, offsetY: 0 }, n = { top: 0, left: 0 }, s = { x: 0, y: 0 };
-  const o = (f) => {
-    t.style.transform = `translate( ${f.x}px, ${f.y}px)`;
-  }, r = (f) => {
-    t.style.top = `${f.top}px`, t.style.left = `${f.left}px`;
-  };
-  return [
-    (f, g, m, b) => {
-      const M = (y) => {
-        const {
-          beforeMargin: p,
-          borderBeforeWidth: E,
-          before: R,
-          offset: w,
-          scroll: P,
-          page: X,
-          inner: Z,
-          distance: _,
-          axis: H,
-          getRect: $
-        } = B(y), k = m[X], q = window[P], J = window[Z], I = $(f)[_], z = L(f, E), W = L(f, p), Y = k - e[w], et = ce(f, y);
-        if (Y >= q - I / 2 && Y <= q + J) {
-          const ot = Y - n[R] - z - W - q - et;
-          return O(y), ot;
-        }
-        return s[H];
-      }, O = (y) => {
-        if (f && nt(f, Ft) && y === b) {
-          const { before: p, distance: E, axis: R, getRect: w } = B(b), P = w(f)[E], X = w(g), Z = n[p] - X[p] + s[R], H = X[E] - P, $ = Z / H, k = P / H, q = 0.1, J = 0.2, I = 0.8;
-          let z = 0;
-          const W = pt(f, g);
-          !W && $ < J && $ > -k ? z = $ / J - 1 : !W && $ > I && $ < 1 + k && (z = 1 / (1 - I) * ($ - I));
-          const Y = q * P * z;
-          an(g, b, Y);
-        }
-      }, F = (y) => {
-        const { axis: p } = B(y);
-        s[p] = M(y), o(s);
-      };
-      F(V), F(tt);
-    },
-    (f, g) => {
-      const [m, b, M, O] = xn(
-        f,
-        g,
-        t
-      );
-      n = {
-        top: m,
-        left: b
-      }, r(n), e = { offsetX: M, offsetY: O };
-    }
-  ];
-}, Rt = (t, e, n) => {
-  const { borderBeforeWidth: s, before: o, getRect: r } = B(t);
-  return r(e)[o] - r(n)[o] - L(n, s);
-}, Cn = (t, e) => {
-  let { offsetX: n, offsetY: s, target: o } = t, r = An(o, e);
-  const c = o;
-  return c && r && !c.isSameNode(r) && (n += Rt(V, c, r), s += Rt(tt, c, r)), r && e != o && (n += Rt(V, r, e), s += Rt(tt, r, e)), [n, s];
-}, An = (t, e) => {
-  const n = t == null ? void 0 : t.closest(`.${Lt}`);
-  return n && n.isSameNode(e) ? t : n;
-}, se = (t, e, n, s) => {
-  const { offset: o, beforeMargin: r, page: c, borderBeforeWidth: l, scroll: f } = B(t), g = ce(n, t);
-  return e[c] - s[o] - L(n, r) - L(n, l) - window[f] - g;
-}, xn = (t, e, n) => {
-  const [s, o] = Cn(t, n);
-  return [
-    se(tt, t, e, {
-      offsetX: s,
-      offsetY: o
-    }),
-    se(V, t, e, {
-      offsetX: s,
-      offsetY: o
-    }),
-    s,
-    o
-  ];
 }, Q = class Q {
   static addConfig(e, n) {
     const s = Q.configs.filter(
@@ -853,7 +853,7 @@ const bn = (t) => t.addedNodes.values().filter((n) => !qt(n)).toArray().length >
   static updateScrolls(e, n) {
     for (const s of Q.configs) {
       const { droppable: o } = s;
-      (n && Ce(o, n) || o.isSameNode(e)) && (s.scroll = Ut(o));
+      (n && xe(o, n) || o.isSameNode(e)) && (s.scroll = Ut(o));
     }
   }
   static getConfig(e) {
@@ -925,7 +925,7 @@ class wn {
     if (n)
       return e.isSameNode(this.parent) ? n : {
         ...n,
-        config: En(n, this.mapFrom)
+        config: Ae(n, this.mapFrom)
       };
   }
   getCurrentConfig(e) {
@@ -965,7 +965,7 @@ function Bn(t, e, n, s, o) {
     scrollX: 0,
     scrollY: 0
   }, R = { pageX: 0, pageY: 0 }, w, P;
-  const [X, Z] = yn(
+  const [X, Z] = ke(
     t
   ), [
     _,
@@ -973,7 +973,7 @@ function Bn(t, e, n, s, o) {
     $,
     k,
     q
-  ] = vn(
+  ] = An(
     n,
     e,
     s,
@@ -1060,7 +1060,7 @@ function Bn(t, e, n, s, o) {
     if (!a.current)
       return;
     const { droppable: d } = a.current;
-    Sn(
+    yn(
       d,
       s,
       y,
@@ -1198,7 +1198,7 @@ function Bn(t, e, n, s, o) {
       s,
       d,
       () => {
-        hn(
+        Tn(
           t,
           p == 1,
           a.initial
@@ -1209,9 +1209,9 @@ function Bn(t, e, n, s, o) {
   return W(), et(t), [ve, be];
 }
 const Mn = (t, e) => {
-  t && Ae(e, t);
+  t && we(e, t);
 }, Rn = () => {
-  Ve(document.body, [
+  He(document.body, [
     `.${U}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,
     `.${Lt}{pointer-events:auto!important;}`,
     `.${ye}{cursor:grab;}`,
@@ -1236,7 +1236,7 @@ function Ln(t, e, n, s = "index") {
   const f = At(l).map((g) => `droppable-group-${g}`).join(" ");
   Rn(), Mn(f, n);
   for (const g of n.children) {
-    const m = g.getAttribute(o), b = we(m), M = g;
+    const m = g.getAttribute(o), b = Me(m), M = g;
     if (M && b >= 0) {
       const [O, F] = Bn(
         M,
@@ -1255,7 +1255,7 @@ function Ln(t, e, n, s = "index") {
 }
 function Fn(t, e, n, s = "index") {
   let o = [], r = [], c;
-  const l = Tn(t, n), f = (p) => {
+  const l = Ce(t, n), f = (p) => {
     for (const E of o)
       E(p);
   }, g = (p, E) => {