fluid-dnd 1.0.0-beta.0 → 1.0.1-beta.0

package/dist/{fluid-dnd.js → index-D1rUx9iZ.js}

@@ -1,30 +1,7 @@
-var pe = Object.defineProperty;
-var he = (t, e, n) => e in t ? pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var J = (t, e, n) => he(t, typeof e != "symbol" ? e + "" : e, n);
-const H = "horizontal", U = "vertical", Q = "draggable", Wt = "droppable", Ot = "handler-class", _t = "dragging", Xt = "dragging-handler-class", Yt = "dropping", ne = "grabbing", me = "grab", Zt = "disable-transition", Se = (t, e) => {
-  const n = (c) => t.removeAtEvent(c), s = (c, l) => t.insertEvent(c, l), o = () => t.getLength(), i = (c) => t.getValue(c);
-  return {
-    direction: (e == null ? void 0 : e.direction) ?? U,
-    handlerSelector: (e == null ? void 0 : e.handlerSelector) ?? Q,
-    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: i,
-    animationDuration: (e == null ? void 0 : e.animationDuration) ?? 150,
-    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
-  };
-}, et = (t, e) => t.classList.contains(e), vt = (t, e, n = !1) => {
+var he = Object.defineProperty;
+var me = (t, e, n) => e in t ? he(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var J = (t, e, n) => me(t, typeof e != "symbol" ? e + "" : e, n);
+const Q = "draggable", It = "droppable", Ot = "handler-class", _t = "dragging", Wt = "dragging-handler-class", Xt = "dropping", ne = "grabbing", Se = "grab", Zt = "disable-transition", et = (t, e) => t.classList.contains(e), bt = (t, e, n = !1) => {
   t.classList.toggle(e, n);
 }, nt = (t, e) => {
   t.classList.add(e);
@@ -32,12 +9,12 @@ const H = "horizontal", U = "vertical", Q = "draggable", Wt = "droppable", Ot =
   t.classList.remove(e);
 }, De = (t, e) => Ct(e).every(
   (n) => et(t, n)
-), gt = (t) => t ? `.${Ct(t).join(".")}` : "", be = (t, e) => {
+), gt = (t) => t ? `.${Ct(t).join(".")}` : "", ve = (t, e) => {
   if (!e)
     return;
   const n = Ct(e);
   t.classList.add(...n);
-}, Ct = (t) => t ? t.split(" ").filter((e) => e) : [], ve = () => {
+}, Ct = (t) => t ? t.split(" ").filter((e) => e) : [], H = "horizontal", U = "vertical", be = () => {
   const { scrollX: t, scrollY: e } = window;
   return { scrollX: t, scrollY: e };
 }, qt = (t) => !t || t.trim().length == 0 || t == "normal" ? 0 : parseFloat(t), Te = (t) => t ? parseInt(t) : -1, Ee = (t) => {
@@ -113,7 +90,7 @@ const H = "horizontal", U = "vertical", Q = "draggable", Wt = "droppable", Ot =
     borderBeforeWidth: s
   } = w(e), o = Ae(t);
   return o ? Mt(o)[n] + L(o, s) : 0;
-}, It = (t) => window.TouchEvent && t instanceof TouchEvent, at = (t) => t instanceof HTMLElement, ie = (t) => t instanceof MouseEvent, xe = ["onmouseup", "onmousedown", "onmousemove"], we = (t, e, n) => {
+}, Yt = (t) => window.TouchEvent && t instanceof TouchEvent, at = (t) => t instanceof HTMLElement, ie = (t) => t instanceof MouseEvent, xe = ["onmouseup", "onmousedown", "onmousemove"], we = (t, e, n) => {
   t && (t.style.height = `${e}px`, t.style.width = `${n}px`);
 }, Tt = (t, e, n) => {
   !t || !at(t) || (n == 0 && e == 0 ? t.style.transform = "" : t.style.transform = `translate(${n}px,${e}px)`);
@@ -168,7 +145,7 @@ const H = "horizontal", U = "vertical", Q = "draggable", Wt = "droppable", Ot =
     offsetY: s
   };
 }, Me = (t) => {
-  if (It(t))
+  if (Yt(t))
     return t.touches[0] ?? t.changedTouches[0];
   if (ie(t))
     return t;
@@ -207,95 +184,9 @@ const H = "horizontal", U = "vertical", Q = "draggable", Wt = "droppable", Ot =
 }, ae = (t, e = {}) => {
   for (const n of Object.keys(e)) {
     const s = e[n];
-    s != null && We(t, `--${n}`, s);
+    s != null && Ie(t, `--${n}`, s);
   }
-}, We = (t, e, n) => t && t.style.setProperty(e, n), Xe = (t, e, n) => {
-  n != 0 && (e === "vertical" ? t.scrollBy(0, n) : t.scrollBy(n, 0));
-}, Ye = (t, e, n) => {
-  const { scrollDistance: s, clientDistance: o, scrollElement: i } = w(t);
-  return n[i] / (e[s] - e[o]);
-}, Ie = (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)`;
-  }, i = (f) => {
-    t.style.top = `${f.top}px`, t.style.left = `${f.left}px`;
-  };
-  return [
-    (f, p, h, v) => {
-      const B = (D) => {
-        const {
-          beforeMargin: b,
-          borderBeforeWidth: R,
-          before: N,
-          offset: W,
-          scroll: X,
-          page: Y,
-          inner: F,
-          distance: st,
-          axis: _,
-          getRect: P
-        } = w(D), k = h[Y], q = window[X], z = window[F], I = P(f)[st], j = L(f, R), V = L(f, b), $ = k - e[W], tt = re(f, D);
-        if ($ >= q - I / 2 && $ <= q + z) {
-          const lt = $ - n[N] - j - V - q - tt;
-          return M(D), lt;
-        }
-        return s[_];
-      }, M = (D) => {
-        if (f && et(f, _t) && D === v) {
-          const { before: b, distance: R, axis: N, getRect: W } = w(v), X = W(f)[R], Y = W(p), F = n[b] - Y[b] + s[N], _ = Y[R] - X, P = F / _, k = X / _, q = 0.1, z = 0.2, I = 0.8;
-          let j = 0;
-          const V = dt(f, p);
-          !V && P < z && P > -k ? j = P / z - 1 : !V && P > I && P < 1 + k && (j = 1 / (1 - I) * (P - I));
-          const $ = q * X * j;
-          Xe(p, v, $);
-        }
-      }, S = (D) => {
-        const { axis: b } = w(D);
-        s[b] = B(D), o(s);
-      };
-      S(H), S(U);
-    },
-    (f, p) => {
-      const [h, v, B, M] = _e(
-        f,
-        p,
-        t
-      );
-      n = {
-        top: h,
-        left: v
-      }, i(n), e = { offsetX: B, offsetY: M };
-    }
-  ];
-}, Lt = (t, e, n) => {
-  const { borderBeforeWidth: s, before: o, getRect: i } = w(t);
-  return i(e)[o] - i(n)[o] - L(n, s);
-}, Ve = (t, e) => {
-  let { offsetX: n, offsetY: s, target: o } = t, i = He(o, e);
-  const c = o;
-  return c && i && !c.isSameNode(i) && (n += Lt(H, c, i), s += Lt(U, c, i)), i && e != o && (n += Lt(H, i, e), s += Lt(U, i, e)), [n, s];
-}, He = (t, e) => {
-  const n = t == null ? void 0 : t.closest(`.${Ot}`);
-  return n && n.isSameNode(e) ? t : n;
-}, Qt = (t, e, n, s) => {
-  const { offset: o, beforeMargin: i, page: c, borderBeforeWidth: l, scroll: f } = w(t), p = re(n, t);
-  return e[c] - s[o] - L(n, i) - L(n, l) - window[f] - p;
-}, _e = (t, e, n) => {
-  const [s, o] = Ve(t, n);
-  return [
-    Qt(U, t, e, {
-      offsetX: s,
-      offsetY: o
-    }),
-    Qt(H, t, e, {
-      offsetX: s,
-      offsetY: o
-    }),
-    s,
-    o
-  ];
-}, le = "startDrag", Pt = "drag", zt = "startDrop", qe = "drop", pt = "temp-child", ue = "cubic-bezier(0.2, 0, 0, 1)", ze = (t) => t === qe || t === zt, Ht = (t) => !t || t.length == 0 ? 0 : qt(t.replace("px", "")), je = (t, e) => {
+}, Ie = (t, e, n) => t && t.style.setProperty(e, n), le = "startDrag", Pt = "drag", zt = "startDrop", We = "drop", pt = "temp-child", ue = "cubic-bezier(0.2, 0, 0, 1)", Xe = (t) => t === We || t === zt, Ht = (t) => !t || t.length == 0 ? 0 : qt(t.replace("px", "")), Ye = (t, e) => {
   const n = getComputedStyle(t)[e];
   if (n.match("%")) {
     const o = qt(n.replace("%", "")), { width: i } = t.getBoundingClientRect();
@@ -308,17 +199,17 @@ const H = "horizontal", U = "vertical", Q = "draggable", Wt = "droppable", Ot =
       0,
       !1
     ];
-  const n = je(t, e), s = getComputedStyle(t).display, o = n > 0 || s === "flex";
+  const n = Ye(t, e), s = getComputedStyle(t).display, o = n > 0 || s === "flex";
   return [n, o];
-}, ke = (t) => {
+}, Ve = (t) => {
   const { top: e, left: n } = getComputedStyle(t);
   return [Ht(e), Ht(n)];
-}, Ze = (t, e) => {
+}, He = (t, e) => {
   const { gap: n } = w(e), [s, o] = jt(t, n);
   return o ? s : 0;
 };
 function Et(t, e, n, s, o = t.previousElementSibling, i = t.nextElementSibling) {
-  let { height: c, width: l } = Je(
+  let { height: c, width: l } = _e(
     n,
     t,
     o,
@@ -326,28 +217,28 @@ function Et(t, e, n, s, o = t.previousElementSibling, i = t.nextElementSibling)
   );
   return dt(t, s) && e == Pt && (c = 0, l = 0), { height: c, width: l };
 }
-const Je = (t, e, n, s) => {
+const _e = (t, e, n, s) => {
   const {
     afterMargin: o,
     beforeMargin: i,
     distance: c,
     gap: l,
     getRect: f
-  } = w(t), p = L(e, o), h = L(e, i), v = L(s, i), [B, M] = jt(
+  } = w(t), p = L(e, o), h = L(e, i), b = L(s, i), [B, M] = jt(
     e.parentElement,
     l
   ), S = f(e)[c];
   if (M)
-    return Ut(S, h, p, B, 0, t);
-  const [D, b, R] = Ke(
+    return Qt(S, h, p, B, 0, t);
+  const [D, v, R] = qe(
     n,
-    v,
+    b,
     p,
     h,
     o
   );
-  return Ut(S, b, D, 0, R, t);
-}, Ke = (t, e, n, s, o) => {
+  return Qt(S, v, D, 0, R, t);
+}, qe = (t, e, n, s, o) => {
   const i = Math.max(e, n);
   let c = s, l = e;
   if (t) {
@@ -358,7 +249,7 @@ const Je = (t, e, n, s) => {
     c = Math.max(f, s), l = Math.max(l, f);
   }
   return [i, c, l];
-}, Ut = (t, e, n, s, o, i) => Qe(i, t + e + n + s - o), Qe = (t, e) => t == H ? { width: e, height: 0 } : { width: 0, height: e }, te = (t, e) => {
+}, Qt = (t, e, n, s, o, i) => ze(i, t + e + n + s - o), ze = (t, e) => t == H ? { width: e, height: 0 } : { width: 0, height: e }, Ut = (t, e) => {
   const {
     borderBeforeWidth: n,
     paddingBefore: s,
@@ -366,79 +257,79 @@ const Je = (t, e, n, s) => {
     getRect: i
   } = w(t), c = L(e, n), l = L(e, s), f = i(e)[o];
   return c + l + f;
-}, Ue = (t, e) => {
-  const [n, s] = ke(e), o = te(U, t);
+}, je = (t, e) => {
+  const [n, s] = Ve(e), o = Ut(U, t);
   return [
-    te(H, t) - s,
+    Ut(H, t) - s,
     o - n
   ];
 };
-function tn(t, e, n, s, o, i, c, l, f) {
+function ke(t, e, n, s, o, i, c, l, f) {
   let p = 0, h = 0;
-  const v = !!(n < 0 && f);
-  if (n === s && !v)
-    return ee(
+  const b = !!(n < 0 && f);
+  if (n === s && !b)
+    return te(
       { height: p, width: h },
       t,
       o,
       c,
-      v
+      b
     );
-  const [B, M, S, D] = sn(e, n, s, f);
-  if (v) {
-    const [tt, ot] = Ue(l, f);
+  const [B, M, S, D] = Ke(e, n, s, f);
+  if (b) {
+    const [tt, ot] = je(l, f);
     p += ot, h += tt;
   }
   const {
-    scrollElement: b,
+    scrollElement: v,
     beforeMargin: R,
     afterMargin: N,
-    distance: W,
-    gap: X
-  } = w(t), [Y, F] = jt(l, X), [
+    distance: I,
+    gap: W
+  } = w(t), [X, F] = jt(l, W), [
     st,
     _,
     P
-  ] = rn(
+  ] = Ue(
     R,
     N,
     B,
     M == null ? void 0 : M.previousElementSibling,
     D,
     F,
-    v
-  ), [k, q, z] = on(
+    b
+  ), [k, q, z] = Qe(
     R,
     N,
-    W,
+    I,
     S,
-    Y,
+    X,
     F
-  ), I = nn(
+  ), Y = Je(
     q,
     k,
     z,
     _,
     st,
-    Y
-  ), j = v ? l[b] : en(b, l, i), $ = (D ? I - P : P - I) - j;
-  return t === U ? p += $ : t === H && (h += $), ee(
+    X
+  ), j = b ? l[v] : Ze(v, l, i), $ = (D ? Y - P : P - Y) - j;
+  return t === U ? p += $ : t === H && (h += $), te(
     { height: p, width: h },
     t,
     o,
     c,
-    v
+    b
   );
 }
-const en = (t, e, n) => {
+const Ze = (t, e, n) => {
   const s = e[t], o = n[t];
   return s - o;
-}, nn = (t, e, n, s, o, i) => {
+}, Je = (t, e, n, s, o, i) => {
   const c = Math.max(e, o);
   return Math.max(n, s) + t + c + i;
-}, sn = (t, e, n, s) => {
+}, Ke = (t, e, n, s) => {
   const o = e < n, [i, c] = [e, n].toSorted(
-    (h, v) => h - v
+    (h, b) => h - b
   ), l = t[e] ?? s, f = t[n];
   let p = o ? t.slice(i + 1, c + 1) : t.slice(i, c);
   return i < 0 && s && (p = t.slice(i + 1, c)), [
@@ -447,22 +338,22 @@ const en = (t, e, n) => {
     p,
     o
   ];
-}, on = (t, e, n, s, o, i) => {
+}, Qe = (t, e, n, s, o, i) => {
   if (s.length == 0)
     return [0, 0, 0];
   const c = L(s[0], t);
   let l = 0, f = -c;
   for (const [p, h] of s.entries()) {
-    const v = h.getBoundingClientRect()[n], B = L(h, t);
-    i && (l += B), i && p > 0 ? l += o : l = Math.max(l, B), f += l + v, l = L(h, e);
+    const b = h.getBoundingClientRect()[n], B = L(h, t);
+    i && (l += B), i && p > 0 ? l += o : l = Math.max(l, B), f += l + b, l = L(h, e);
   }
   return [c, f, l];
-}, ee = (t, e, n, s, o) => {
+}, te = (t, e, n, s, o) => {
   const { scroll: i, distance: c } = w(e), l = window[i], f = n[i], p = o ? 0 : f - 2 * l + s[i];
   return t[c] += p, t;
-}, rn = (t, e, n, s, o, i, c) => {
+}, Ue = (t, e, n, s, o, i, c) => {
   const l = o ? n.previousElementSibling : s;
-  return cn(
+  return tn(
     t,
     e,
     l,
@@ -470,7 +361,7 @@ const en = (t, e, n) => {
     i,
     c
   );
-}, cn = (t, e, n, s, o, i) => {
+}, tn = (t, e, n, s, o, i) => {
   if (o)
     return [0, 0, 0];
   const c = L(
@@ -486,18 +377,23 @@ const en = (t, e, n) => {
     });
   });
   return s.observe(e, n), s;
-}, an = "startDrag", fe = "cubic-bezier(0.2, 0, 0, 1)", ln = (t, e, n) => {
+}, en = (t, e, n) => {
+  n != 0 && (e === "vertical" ? t.scrollBy(0, n) : t.scrollBy(n, 0));
+}, nn = (t, e, n) => {
+  const { scrollDistance: s, clientDistance: o, scrollElement: i } = w(t);
+  return n[i] / (e[s] - e[o]);
+}, sn = "startDrag", fe = "cubic-bezier(0.2, 0, 0, 1)", on = (t, e, n) => {
   let s = Et(
     e,
-    an,
+    sn,
     n,
     t
   );
-  const o = Ze(t, n), { distance: i } = w(n);
+  const o = He(t, n), { distance: i } = w(n);
   s[i] -= o;
-  const [c, l] = un(n, e);
+  const [c, l] = rn(n, e);
   return s[l] = c, s;
-}, un = (t, e) => {
+}, rn = (t, e) => {
   const n = t == H ? U : H, { distance: s, getRect: o } = w(n);
   return [
     o(e)[s],
@@ -505,22 +401,22 @@ const en = (t, e, n) => {
   ];
 }, ht = (t, e, n) => {
   we(t, e, n), t.style.minWidth = `${n}px`;
-}, fn = (t, e, n) => (s) => {
+}, cn = (t, e, n) => (s) => {
   e.contains(t) && (ht(t, n.height, n.width), s.disconnect());
-}, gn = (t, e) => {
+}, an = (t, e) => {
   if (!e)
     return;
-  const { droppable: n, config: s, scroll: o } = t, { direction: i } = s, c = Ye(s.direction, n, o) > 0.99, { scrollDistance: l, clientDistance: f, scrollElement: p } = w(i);
+  const { droppable: n, config: s, scroll: o } = t, { direction: i } = s, c = nn(s.direction, n, o) > 0.99, { scrollDistance: l, clientDistance: f, scrollElement: p } = w(i);
   c && (n[p] = n[l] - n[f]);
 }, ge = (t, e, n, s) => {
   if (!n)
     return;
   const { droppable: o, config: i } = n, { direction: c, animationDuration: l } = i;
-  if (gn(n, e), o.querySelector(`.${pt}`) || !t)
+  if (an(n, e), o.querySelector(`.${pt}`) || !t)
     return;
   var f = t.tagName == "LI" ? "DIV" : t.tagName, p = document.createElement(f);
   nt(p, pt), ht(p, 0, 0);
-  const h = ln(o, t, c);
+  const h = on(o, t, c);
   return Nt(
     p,
     l,
@@ -533,20 +429,20 @@ const en = (t, e, n) => {
     return;
   const [c, l, f] = i;
   e.isSameNode(f) && ht(c, l.height, l.width), kt(
-    fn(c, f, l),
+    cn(c, f, l),
     f,
     {
       childList: !0,
       subtree: !0
     }
   ), f.appendChild(c);
-}, dn = (t, e, n) => {
+}, ln = (t, e, n) => {
   const s = ge(t, e, n);
   if (!s)
     return;
   const [o, i, c] = s;
-  c.appendChild(o), pn(o, i);
-}, pn = (t, e) => requestAnimationFrame(() => {
+  c.appendChild(o), un(o, i);
+}, un = (t, e) => requestAnimationFrame(() => {
   ht(t, e.height, e.width), requestAnimationFrame(() => {
     Nt(
       t,
@@ -555,7 +451,7 @@ const en = (t, e, n) => {
       "width, min-width, height"
     );
   });
-}), hn = (t, e, n, s, o = !0) => {
+}), fn = (t, e, n, s, o = !0) => {
   if (n) {
     var i = document.querySelectorAll(
       `${gt(n)} > .${pt}`
@@ -570,22 +466,22 @@ const en = (t, e, n) => {
       }, s);
     });
   }
-}, bt = (t, e, n = !1) => {
+}, vt = (t, e, n = !1) => {
   var s = t.querySelectorAll(`.${pt}`);
   s.forEach((o) => {
     n ? (ht(o, 0, 0), setTimeout(() => {
       t.contains(o) && t.removeChild(o);
     }, e)) : t.removeChild(o);
   });
-}, mn = 50;
-function Sn(t, e, n, s, o, i) {
+}, gn = 50;
+function dn(t, e, n, s, o, i) {
   let c = e;
   const {
     direction: l,
     handlerSelector: f,
     onRemoveAtEvent: p,
     animationDuration: h,
-    delayBeforeInsert: v,
+    delayBeforeInsert: b,
     draggingClass: B
   } = t, M = (r, u, g, m, C) => {
     if (!m)
@@ -596,7 +492,7 @@ function Sn(t, e, n, s, o, i) {
       E.direction,
       T
     );
-    ze(u) ? F(
+    Xe(u) ? F(
       r,
       u,
       A,
@@ -617,10 +513,10 @@ function Sn(t, e, n, s, o, i) {
       g
     ), { onInsertEvent: E } = t, A = oe(g);
     for (const [O, x] of A.entries())
-      et(x, Q) && O >= r && Y(x, T);
+      et(x, Q) && O >= r && X(x, T);
     C(), setTimeout(() => {
-      E(r, m), bt(n, 0, !0), Dn(r, g, t), tt(u), V(u, n);
-    }, v);
+      E(r, m), vt(n, 0, !0), de(r, g, t), tt(u), V(u, n);
+    }, b);
   }, D = (r, u, g, m) => {
     if (!g || !g.droppable || !g.config)
       return;
@@ -634,16 +530,16 @@ function Sn(t, e, n, s, o, i) {
       C
     );
     for (const [O, x] of E.entries())
-      O >= r && (X(x, A), setTimeout(() => {
+      O >= r && (W(x, A), setTimeout(() => {
         m(x);
       }, h));
-  }, b = (r) => {
-    bt(n, h, !0), setTimeout(() => {
+  }, v = (r) => {
+    vt(n, h, !0), setTimeout(() => {
       tt(r), V(r, n);
     }, h);
   }, R = (r, u, g, m) => {
     const { config: C, droppable: T } = m, [E] = Rt(r, T), A = dt(r, T);
-    E.length == 0 && W(
+    E.length == 0 && I(
       g,
       1,
       C.direction,
@@ -663,25 +559,25 @@ function Sn(t, e, n, s, o, i) {
       else if (!A)
         continue;
       const Z = E.length - O;
-      W(
+      I(
         g,
         Z,
         C.direction,
         E
-      ), u === le ? X(x, g) : u === Pt && Y(x, g);
+      ), u === le ? W(x, g) : u === Pt && X(x, g);
     }
   }, N = (r, u, g, m) => {
     const { before: C, distance: T, axis: E, getRect: A } = w(r), O = A(u), x = A(g), G = O[C], Z = x[C], ut = x[T], mt = Z + ut / 2, St = Ee(g)[E], ct = mt - St;
     return G > ct ? { height: 0, width: 0 } : m;
-  }, W = (r, u, g, m) => {
+  }, I = (r, u, g, m) => {
     const C = m.filter(
       (E) => et(E, Q)
     ).length, { distance: T } = w(g);
     r[T] == 0 ? c = Math.max(c, u) : c = Math.min(c, u - 1), c = Math.min(c, C);
-  }, X = (r, u) => {
+  }, W = (r, u) => {
     const { width: g, height: m } = u;
     Tt(r, m, g);
-  }, Y = (r, u) => {
+  }, X = (r, u) => {
     const { width: g, height: m } = u;
     Tt(r, m, g), Nt(r, h, ue);
   }, F = (r, u, g, m, C, T) => {
@@ -704,7 +600,7 @@ function Sn(t, e, n, s, o, i) {
       mt,
       St
     );
-    const Ft = ve(), At = tn(
+    const Ft = be(), At = ke(
       O.direction,
       Z,
       G,
@@ -752,8 +648,8 @@ function Sn(t, e, n, s, o, i) {
     );
   }, P = (r, u, g, m, C) => {
     const { onInsertEvent: T, onDragEnd: E } = g;
-    nt(u, Yt), z(u, n, m, () => {
-      if (yt(u, Yt), C != null) {
+    nt(u, Xt), z(u, n, m, () => {
+      if (yt(u, Xt), C != null) {
         const A = p(C);
         A != null && (T(r, A), E({ value: A, index: r })), q(u), k();
       }
@@ -769,13 +665,13 @@ function Sn(t, e, n, s, o, i) {
   }, q = (r) => {
     setTimeout(() => {
       yt(r, B);
-    }, mn);
+    }, gn);
   }, z = (r, u, g, m) => {
     setTimeout(() => {
-      m && m(), I(u, g), j(g), tt(r), V(r, u), V(r, g);
+      m && m(), Y(u, g), j(g), tt(r), V(r, u), V(r, g);
     }, h);
-  }, I = (r, u) => {
-    r.isSameNode(u) ? bt(r, h) : (bt(r, h, !0), bt(u, h));
+  }, Y = (r, u) => {
+    r.isSameNode(u) ? vt(r, h) : (vt(r, h, !0), vt(u, h));
   }, j = (r) => {
     if (n.isSameNode(r))
       return;
@@ -797,19 +693,19 @@ function Sn(t, e, n, s, o, i) {
     });
   }, ot = (r, u) => {
     const g = u.querySelector(f);
-    vt(document.body, ne, r), vt(g || u, Xt, r);
+    bt(document.body, ne, r), bt(g || u, Wt, r);
   }, lt = (r, u) => {
-    vt(r, _t, u), ot(u, r), o.toggleGrabClass(!u);
+    bt(r, _t, u), ot(u, r), o.toggleGrabClass(!u);
   };
   return [
     M,
     D,
     S,
-    b,
+    v,
     lt
   ];
 }
-const Dn = (t, e, n) => {
+const de = (t, e, n) => {
   const { insertingFromClass: s, animationDuration: o } = n, i = kt(() => {
     const l = oe(e)[t];
     nt(l, s), nt(l, Zt), setTimeout(() => {
@@ -818,6 +714,117 @@ const Dn = (t, e, n) => {
   }, e, {
     childList: !0
   });
+}, Cn = (t, e, n, s) => {
+  if (!e)
+    return;
+  const { onInsertEvent: o, delayBeforeInsert: i } = t;
+  setTimeout(() => {
+    o(n, s), de(n, e, t);
+  }, i);
+}, pn = (t, e) => {
+  const n = (c) => t.removeAtEvent(c), s = (c, l) => t.insertEvent(c, l), o = () => t.getLength(), i = (c) => t.getValue(c);
+  return {
+    direction: (e == null ? void 0 : e.direction) ?? U,
+    handlerSelector: (e == null ? void 0 : e.handlerSelector) ?? Q,
+    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: i,
+    animationDuration: (e == null ? void 0 : e.animationDuration) ?? 150,
+    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
+  };
+}, hn = (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)`;
+  }, i = (f) => {
+    t.style.top = `${f.top}px`, t.style.left = `${f.left}px`;
+  };
+  return [
+    (f, p, h, b) => {
+      const B = (D) => {
+        const {
+          beforeMargin: v,
+          borderBeforeWidth: R,
+          before: N,
+          offset: I,
+          scroll: W,
+          page: X,
+          inner: F,
+          distance: st,
+          axis: _,
+          getRect: P
+        } = w(D), k = h[X], q = window[W], z = window[F], Y = P(f)[st], j = L(f, R), V = L(f, v), $ = k - e[I], tt = re(f, D);
+        if ($ >= q - Y / 2 && $ <= q + z) {
+          const lt = $ - n[N] - j - V - q - tt;
+          return M(D), lt;
+        }
+        return s[_];
+      }, M = (D) => {
+        if (f && et(f, _t) && D === b) {
+          const { before: v, distance: R, axis: N, getRect: I } = w(b), W = I(f)[R], X = I(p), F = n[v] - X[v] + s[N], _ = X[R] - W, P = F / _, k = W / _, q = 0.1, z = 0.2, Y = 0.8;
+          let j = 0;
+          const V = dt(f, p);
+          !V && P < z && P > -k ? j = P / z - 1 : !V && P > Y && P < 1 + k && (j = 1 / (1 - Y) * (P - Y));
+          const $ = q * W * j;
+          en(p, b, $);
+        }
+      }, S = (D) => {
+        const { axis: v } = w(D);
+        s[v] = B(D), o(s);
+      };
+      S(H), S(U);
+    },
+    (f, p) => {
+      const [h, b, B, M] = Dn(
+        f,
+        p,
+        t
+      );
+      n = {
+        top: h,
+        left: b
+      }, i(n), e = { offsetX: B, offsetY: M };
+    }
+  ];
+}, Lt = (t, e, n) => {
+  const { borderBeforeWidth: s, before: o, getRect: i } = w(t);
+  return i(e)[o] - i(n)[o] - L(n, s);
+}, mn = (t, e) => {
+  let { offsetX: n, offsetY: s, target: o } = t, i = Sn(o, e);
+  const c = o;
+  return c && i && !c.isSameNode(i) && (n += Lt(H, c, i), s += Lt(U, c, i)), i && e != o && (n += Lt(H, i, e), s += Lt(U, i, e)), [n, s];
+}, Sn = (t, e) => {
+  const n = t == null ? void 0 : t.closest(`.${Ot}`);
+  return n && n.isSameNode(e) ? t : n;
+}, ee = (t, e, n, s) => {
+  const { offset: o, beforeMargin: i, page: c, borderBeforeWidth: l, scroll: f } = w(t), p = re(n, t);
+  return e[c] - s[o] - L(n, i) - L(n, l) - window[f] - p;
+}, Dn = (t, e, n) => {
+  const [s, o] = mn(t, n);
+  return [
+    ee(U, t, e, {
+      offsetX: s,
+      offsetY: o
+    }),
+    ee(H, t, e, {
+      offsetX: s,
+      offsetY: o
+    }),
+    s,
+    o
+  ];
 }, K = class K {
   static addConfig(e, n) {
     const s = K.configs.filter(
@@ -848,7 +855,7 @@ J(K, "configs", []), J(K, "removeObsoleteConfigs", () => {
   K.configs = e;
 });
 let it = K;
-class bn {
+class vn {
   constructor(e, n, s, o, i) {
     J(this, "initial");
     J(this, "current");
@@ -918,7 +925,7 @@ class bn {
     return !this.getCurrent(s, e, n);
   }
 }
-function vn(t, e, n, s, o) {
+function bn(t, e, n, s, o) {
   const {
     handlerSelector: i,
     isDraggable: c,
@@ -926,16 +933,16 @@ function vn(t, e, n, s, o) {
     animationDuration: f,
     delayBeforeRemove: p,
     draggingClass: h,
-    removingClass: v,
+    removingClass: b,
     onRemoveAtEvent: B,
     droppableClass: M,
     onDragStart: S
   } = n, D = Ct(l).map((a) => `droppable-group-${a}`).join(" ");
-  let b = 0, R = {
+  let v = 0, R = {
     scrollX: 0,
     scrollY: 0
-  }, N = { pageX: 0, pageY: 0 }, W;
-  const [X, Y] = Ie(
+  }, N = { pageX: 0, pageY: 0 }, I;
+  const [W, X] = hn(
     t
   ), [
     F,
@@ -943,19 +950,19 @@ function vn(t, e, n, s, o) {
     _,
     P,
     k
-  ] = Sn(
+  ] = dn(
     n,
     e,
     s,
     D,
     o,
-    () => b = 0
+    () => v = 0
     /* NOT_DRAGGING */
   ), q = () => {
     nt(t, Q);
   }, z = (a) => {
     nt(a, Ot), o.addSubscriber(a);
-  }, I = () => {
+  }, Y = () => {
     if (c(t)) {
       const a = t.querySelector(i);
       z(a || t);
@@ -964,18 +971,18 @@ function vn(t, e, n, s, o) {
     $e(document.body, [
       `.${Q}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,
       `.${Ot}{pointer-events:auto!important;}`,
-      `.${me}{cursor:grab;}`,
+      `.${Se}{cursor:grab;}`,
       ".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",
       ".droppable{box-sizing:border-box!important;}",
       `.${_t}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,
+      `.${Wt}{pointer-events:none!important;}`,
       `.${Xt}{pointer-events:none!important;}`,
-      `.${Yt}{pointer-events:none!important;}`,
       `.${ne}{cursor:grabbing;}`,
       ".disable-transition{transition:none!important;}"
-    ]), I(), q();
+    ]), Y(), q();
   }, V = (a) => {
     const d = a == null ? void 0 : a.querySelector(`.${Ot}`), y = d == null ? void 0 : d.parentElement;
-    return d && y && et(y, Wt) && !y.isSameNode(s) ? null : d;
+    return d && y && et(y, It) && !y.isSameNode(s) ? null : d;
   }, $ = (a) => {
     const d = V(a) ?? a;
     d && c(a) && ($t(
@@ -986,7 +993,7 @@ function vn(t, e, n, s, o) {
       d,
       "ontouchstart",
       O("touchmove", "touchend")
-    ), tt(d)), a != null && a.isSameNode(d) || $t(a, "onmousedown", x), nt(s, Wt);
+    ), tt(d)), a != null && a.isSameNode(d) || $t(a, "onmousedown", x), nt(s, It);
   }, tt = (a) => {
     const d = a.querySelectorAll("img");
     Array.from(d).forEach((y) => {
@@ -996,20 +1003,20 @@ function vn(t, e, n, s, o) {
     if (N.pageX == 0 && N.pageY == 0 || !r.current)
       return;
     const { droppable: a, config: d } = r.current;
-    X(t, a, N, d.direction), F(
+    W(t, a, N, d.direction), F(
       t,
       Pt,
       R,
       r.current
     );
   }, lt = (a, d) => {
-    d && b == 2 && !(a != null && a.droppable.isSameNode(d.droppable)) && F(
+    d && v == 2 && !(a != null && a.droppable.isSameNode(d.droppable)) && F(
       t,
       Pt,
       R,
       d
     );
-  }, r = new bn(
+  }, r = new vn(
     t,
     D,
     s,
@@ -1029,12 +1036,12 @@ function vn(t, e, n, s, o) {
   }, g = (a) => {
     r.updateConfig(a);
     const d = r.isOutside(a);
-    u(d), b === 1 ? ut(a) : b === 2 && (m(d), St(a));
+    u(d), v === 1 ? ut(a) : v === 2 && (m(d), St(a));
   }, m = (a = !0) => {
     if (!r.current)
       return;
     const { droppable: d } = r.current;
-    hn(
+    fn(
       d,
       s,
       D,
@@ -1043,18 +1050,18 @@ function vn(t, e, n, s, o) {
     ), !a && Gt(
       t,
       s,
-      b == 1,
+      v == 1,
       r.current
     );
   }, C = (a) => {
-    if (It(a) && a.cancelable)
+    if (Yt(a) && a.cancelable)
       a.preventDefault();
-    else if (It(a))
+    else if (Yt(a))
       return;
     const d = Vt(a);
     g(d);
   }, T = (a, d) => {
-    a == "touchmove" ? W = setTimeout(() => {
+    a == "touchmove" ? I = setTimeout(() => {
       d();
     }, 200) : d();
   }, E = (a, d) => {
@@ -1068,8 +1075,8 @@ function vn(t, e, n, s, o) {
       return;
     it.updateScrolls(s, D);
     const { scrollX: ft, scrollY: rt } = window;
-    if (R = { scrollX: ft, scrollY: rt }, b === 0) {
-      b = 1;
+    if (R = { scrollX: ft, scrollY: rt }, v === 0) {
+      v = 1;
       const Dt = A(t);
       Dt && S(Dt), T(a, () => {
         a == "touchmove" && (r.updateConfig(y), u(r.isOutside(y)), ut(y)), document.addEventListener(a, C, {
@@ -1082,7 +1089,7 @@ function vn(t, e, n, s, o) {
   }, x = (a) => r.updateConfig(a), G = (a) => (d) => {
     u(!0);
     const y = Vt(d);
-    clearTimeout(W), At(r.isOutside(y, !1)), document.removeEventListener(a, C), r.updateConfig(y);
+    clearTimeout(I), At(r.isOutside(y, !1)), document.removeEventListener(a, C), r.updateConfig(y);
     const ft = r.getCurrentConfig(y);
     if (ft) {
       const { droppable: rt } = ft;
@@ -1101,25 +1108,25 @@ function vn(t, e, n, s, o) {
     Gt(
       t,
       s,
-      b == 1,
+      v == 1,
       r.current
     ), mt(), F(
       t,
       le,
       R,
       r.current
-    ), wt(t), Y(a, t);
+    ), wt(t), X(a, t);
   }, mt = () => {
-    b = 2;
+    v = 2;
   }, St = (a) => {
     const { pageX: d, pageY: y } = a;
     N = { pageX: d, pageY: y }, ot();
   }, ct = (a) => ce(a, "onscroll", Ft), Ft = () => ot(), At = (a) => {
-    if (b !== 2) {
-      b = 0;
+    if (v !== 2) {
+      v = 0;
       return;
     }
-    b = 3, xt(t), F(
+    v = 3, xt(t), F(
       t,
       zt,
       R,
@@ -1133,16 +1140,16 @@ function vn(t, e, n, s, o) {
     ae(a, {
       fixedHeight: `${d}px`,
       fixedWidth: `${y}px`
-    }), k(a, !0), vt(a, h, !0), a.style.transition = "";
+    }), k(a, !0), bt(a, h, !0), a.style.transition = "";
   }, Bt = (a) => {
     if (!r.initial)
       return;
     const d = r.initial;
-    a == e && (nt(t, v), setTimeout(() => {
-      B(e), yt(t, v), Gt(
+    a == e && (nt(t, b), setTimeout(() => {
+      B(e), yt(t, b), Gt(
         t,
         s,
-        b == 1,
+        v == 1,
         r.initial
       ), st(
         a,
@@ -1153,25 +1160,25 @@ function vn(t, e, n, s, o) {
         }
       );
     }, p));
-  }, de = (a, d) => {
+  }, pe = (a, d) => {
     (a === e || a === n.onGetLegth() && e === a - 1) && _(
       a,
       t,
       s,
       d,
       () => {
-        dn(
+        ln(
           t,
-          b == 1,
+          v == 1,
           r.initial
         );
       }
     );
   };
-  return j(), $(t), [Bt, de];
+  return j(), $(t), [Bt, pe];
 }
 const Tn = (t, e) => {
-  t && be(e, t);
+  t && ve(e, t);
 };
 function En(t, e, n, s = "index") {
   const o = s;
@@ -1185,11 +1192,11 @@ function En(t, e, n, s = "index") {
   const f = Ct(l).map((p) => `droppable-group-${p}`).join(" ");
   Tn(f, n);
   for (const p of n.children) {
-    const h = p.getAttribute(o), v = Te(h), B = p;
-    if (B && v >= 0) {
-      const [M, S] = vn(
+    const h = p.getAttribute(o), b = Te(h), B = p;
+    if (B && b >= 0) {
+      const [M, S] = bn(
         B,
-        v,
+        b,
         t,
         n,
         e
@@ -1202,9 +1209,9 @@ function En(t, e, n, s = "index") {
     c
   ];
 }
-function Cn(t, e, n, s = "index") {
+function An(t, e, n, s = "index") {
   let o = [], i = [];
-  const c = Se(t, n), l = (S) => {
+  const c = pn(t, n), l = (S) => {
     for (const D of o)
       D(S);
   }, f = (S, D) => {
@@ -1214,8 +1221,8 @@ function Cn(t, e, n, s = "index") {
       for (const R of i)
         R(S, D);
   }, p = (S) => {
-    const [D, b] = En(c, e, S, s);
-    o = D, i = b;
+    const [D, v] = En(c, e, S, s);
+    o = D, i = v;
   }, h = (S) => {
     kt(
       () => {
@@ -1224,8 +1231,8 @@ function Cn(t, e, n, s = "index") {
       S,
       { childList: !0 }
     );
-  }, v = (S) => {
-    nt(S, Wt);
+  }, b = (S) => {
+    nt(S, It);
   }, B = (S) => {
     it.addConfig(
       S,
@@ -1233,9 +1240,13 @@ function Cn(t, e, n, s = "index") {
     );
   };
   return [l, f, (S) => {
-    S && (v(S), B(S), h(S), p(S), it.removeObsoleteConfigs());
+    S && (b(S), B(S), h(S), p(S), it.removeObsoleteConfigs());
   }];
 }
 export {
-  Cn as dragAndDrop
+  Se as G,
+  nt as a,
+  An as d,
+  Cn as i,
+  bt as t
 };