fluid-dnd 1.0.9-beta.0 → 1.1.1-beta.0

package/dist/{index-yDxrxM5t.js → index-ANSOhcfo.js}

@@ -1,23 +1,23 @@
 var Se = Object.defineProperty;
 var De = (t, e, n) => e in t ? Se(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var J = (t, e, n) => De(t, typeof e != "symbol" ? e + "" : e, n);
+var k = (t, e, n) => De(t, typeof e != "symbol" ? e + "" : e, n);
 const Q = "draggable", It = "droppable", Ot = "handler-class", Ht = "dragging", Yt = "dragging-handler-class", Wt = "dropping", se = "grabbing", ve = "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);
-}, Et = (t, e) => {
+}, Ct = (t, e) => {
   t.classList.remove(e);
-}, be = (t, e) => Ct(e).every(
+}, be = (t, e) => yt(e).every(
   (n) => et(t, n)
-), gt = (t) => t ? `.${Ct(t).join(".")}` : "", Te = (t, e) => {
+), gt = (t) => t ? `.${yt(t).join(".")}` : "", Te = (t, e) => {
   if (!e)
     return;
-  const n = Ct(e);
+  const n = yt(e);
   t.classList.add(...n);
-}, Ct = (t) => t ? t.split(" ").filter((e) => e) : [], _ = "horizontal", U = "vertical", ye = () => {
+}, yt = (t) => t ? t.split(" ").filter((e) => e) : [], _ = "horizontal", U = "vertical", Ee = () => {
   const { scrollX: t, scrollY: e } = window;
   return { scrollX: t, scrollY: e };
-}, qt = (t) => !t || t.trim().length == 0 || t == "normal" ? 0 : parseFloat(t), Ee = (t) => t ? parseInt(t) : -1, Ce = (t) => {
+}, qt = (t) => !t || t.trim().length == 0 || t == "normal" ? 0 : parseFloat(t), Ce = (t) => t ? parseInt(t) : -1, ye = (t) => {
   const e = getComputedStyle(t), n = new DOMMatrixReadOnly(e.transform);
   return {
     x: n.m41,
@@ -90,10 +90,10 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", Ht = "dragging",
     borderBeforeWidth: s
   } = w(e), o = we(t);
   return o ? Mt(o)[n] + L(o, s) : 0;
-}, Xt = (t) => window.TouchEvent && t instanceof TouchEvent, ct = (t) => t instanceof HTMLElement, ce = (t) => t instanceof MouseEvent, Be = ["onmouseup", "onmousedown", "onmousemove"], Re = (t, e, n) => {
+}, Xt = (t) => window.TouchEvent && t instanceof TouchEvent, it = (t) => t instanceof HTMLElement, ce = (t) => t instanceof MouseEvent, Be = ["onmouseup", "onmousedown", "onmousemove"], Re = (t, e, n) => {
   t && (t.style.height = `${e}px`, t.style.width = `${n}px`);
 }, Tt = (t, e, n) => {
-  !t || !ct(t) || (n == 0 && e == 0 ? t.style.transform = "" : t.style.transform = `translate(${n}px,${e}px)`);
+  !t || !it(t) || (n == 0 && e == 0 ? t.style.transform = "" : t.style.transform = `translate(${n}px,${e}px)`);
 }, Le = (t, e, n) => {
   t[e] = (s) => {
     if (s.defaultPrevented)
@@ -116,8 +116,8 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", Ht = "dragging",
     offsetX: 0,
     offsetY: 0
   };
-}, Ne = (t, e) => {
-  const n = (s, o) => Fe(e, window, o, s);
+}, Fe = (t, e) => {
+  const n = (s, o) => Pe(e, window, o, s);
   if (ce(t)) {
     const { offsetX: s, offsetY: o } = t;
     return [s, o];
@@ -129,33 +129,33 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", Ht = "dragging",
     ];
   }
 }, Vt = (t) => {
-  const e = Pe(t);
+  const e = Ne(t);
   if (!e)
     return Me(t);
-  const [n, s] = Ne(t, e), { clientX: o, clientY: r, pageX: c, pageY: l, screenX: f, screenY: p, target: S } = e;
+  const [n, s] = Fe(t, e), { clientX: o, clientY: r, pageX: c, pageY: l, screenX: u, screenY: d, target: m } = e;
   return {
     clientX: o,
     clientY: r,
     pageX: c,
     pageY: l,
-    screenX: f,
-    screenY: p,
-    target: S,
+    screenX: u,
+    screenY: d,
+    target: m,
     offsetX: n,
     offsetY: s
   };
-}, Pe = (t) => {
+}, Ne = (t) => {
   if (Xt(t))
     return t.touches[0] ?? t.changedTouches[0];
   if (ce(t))
     return t;
-}, Fe = (t, e, n, s) => {
-  const { page: o, scroll: r, before: c, borderBeforeWidth: l, getRect: f } = w(n), p = f(s);
-  return t[o] - e[r] - p[c] - L(s, l);
-}, Pt = (t, e, n = "ease-out", s = "transform") => {
-  ct(t) && (t.style.transitionDuration = `${e}ms`, t.style.transitionTimingFunction = `${n}`, t.style.transitionProperty = `${s}`);
+}, Pe = (t, e, n, s) => {
+  const { page: o, scroll: r, before: c, borderBeforeWidth: l, getRect: u } = w(n), d = u(s);
+  return t[o] - e[r] - d[c] - L(s, l);
+}, Nt = (t, e, n = "ease-out", s = "transform") => {
+  it(t) && (t.style.transitionDuration = `${e}ms`, t.style.transitionTimingFunction = `${n}`, t.style.transitionProperty = `${s}`);
 }, ae = (t, e, n) => {
-  !t || !ct(t) || (t[e] = () => {
+  !t || !it(t) || (t[e] = () => {
     n();
   });
 }, $e = (t) => {
@@ -186,7 +186,7 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", Ht = "dragging",
     const s = e[n];
     s != null && We(t, `--${n}`, s);
   }
-}, We = (t, e, n) => t && t.style.setProperty(e, n), ue = "startDrag", Nt = "drag", zt = "startDrop", Xe = "drop", lt = "temp-child", fe = "cubic-bezier(0.2, 0, 0, 1)", Ve = (t) => t === Xe || t === zt, _t = (t) => !t || t.length == 0 ? 0 : qt(t.replace("px", "")), _e = (t, e) => {
+}, We = (t, e, n) => t && t.style.setProperty(e, n), ue = "startDrag", Ft = "drag", zt = "startDrop", Xe = "drop", at = "temp-child", fe = "cubic-bezier(0.2, 0, 0, 1)", Ve = (t) => t === Xe || t === zt, _t = (t) => !t || t.length == 0 ? 0 : qt(t.replace("px", "")), _e = (t, e) => {
   const n = getComputedStyle(t)[e];
   if (n.match("%")) {
     const o = qt(n.replace("%", "")), { width: r } = t.getBoundingClientRect();
@@ -208,14 +208,14 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", Ht = "dragging",
   const { gap: n } = w(e), [s, o] = jt(t, n);
   return o ? s : 0;
 };
-function yt(t, e, n, s, o = t.previousElementSibling, r = t.nextElementSibling) {
+function Et(t, e, n, s, o = t.previousElementSibling, r = t.nextElementSibling) {
   let { height: c, width: l } = ze(
     n,
     t,
     o,
     r
   );
-  return pt(t, s) && e == Nt && (c = 0, l = 0), { height: c, width: l };
+  return pt(t, s) && e == Ft && (c = 0, l = 0), { height: c, width: l };
 }
 const ze = (t, e, n, s) => {
   const {
@@ -223,30 +223,30 @@ const ze = (t, e, n, s) => {
     beforeMargin: r,
     distance: c,
     gap: l,
-    getRect: f
-  } = w(t), p = L(e, o), S = L(e, r), v = L(s, r), [B, O] = jt(
+    getRect: u
+  } = w(t), d = L(e, o), m = L(e, r), v = L(s, r), [B, O] = jt(
     e.parentElement,
     l
-  ), P = f(e)[c];
+  ), N = u(e)[c];
   if (O)
-    return Qt(P, S, p, B, 0, t);
-  const [h, m, C] = je(
+    return Qt(N, m, d, B, 0, t);
+  const [h, S, y] = je(
     n,
     v,
-    p,
-    S,
+    d,
+    m,
     o
   );
-  return Qt(P, m, h, 0, C, t);
+  return Qt(N, S, h, 0, y, t);
 }, je = (t, e, n, s, o) => {
   const r = Math.max(e, n);
   let c = s, l = e;
   if (t) {
-    const f = L(
+    const u = L(
       t,
       o
     );
-    c = Math.max(f, s), l = Math.max(l, f);
+    c = Math.max(u, s), l = Math.max(l, u);
   }
   return [r, c, l];
 }, Qt = (t, e, n, s, o, r) => ke(r, t + e + n + s - o), ke = (t, e) => t == _ ? { width: e, height: 0 } : { width: 0, height: e }, Ut = (t, e) => {
@@ -255,8 +255,8 @@ const ze = (t, e, n, s) => {
     paddingBefore: s,
     axis: o,
     getRect: r
-  } = w(t), c = L(e, n), l = L(e, s), f = r(e)[o];
-  return c + l + f;
+  } = w(t), c = L(e, n), l = L(e, s), u = r(e)[o];
+  return c + l + u;
 }, Ze = (t, e) => {
   const [n, s] = He(e), o = Ut(U, t);
   return [
@@ -264,57 +264,57 @@ const ze = (t, e, n, s) => {
     o - n
   ];
 };
-function Je(t, e, n, s, o, r, c, l, f) {
-  let p = 0, S = 0;
-  const v = !!(n < 0 && f);
+function Je(t, e, n, s, o, r, c, l, u) {
+  let d = 0, m = 0;
+  const v = !!(n < 0 && u);
   if (n === s && !v)
     return te(
-      { height: p, width: S },
+      { height: d, width: m },
       t,
       o,
       c,
       v
     );
-  const [B, O, P, h] = Ue(e, n, s, f);
+  const [B, O, N, h] = Ue(e, n, s, u);
   if (v) {
-    const [tt, ot] = Ze(l, f);
-    p += ot, S += tt;
+    const [tt, ot] = Ze(l, u);
+    d += ot, m += tt;
   }
   const {
-    scrollElement: m,
-    beforeMargin: C,
+    scrollElement: S,
+    beforeMargin: y,
     afterMargin: R,
     distance: I,
     gap: Y
-  } = w(t), [W, F] = jt(l, Y), [
+  } = w(t), [W, P] = jt(l, Y), [
     st,
     H,
-    N
+    F
   ] = en(
-    C,
+    y,
     R,
     B,
     O == null ? void 0 : O.previousElementSibling,
     h,
-    F,
+    P,
     v
-  ), [k, q, z] = tn(
-    C,
+  ), [Z, q, z] = tn(
+    y,
     R,
     I,
-    P,
+    N,
     W,
-    F
+    P
   ), X = Qe(
     q,
-    k,
+    Z,
     z,
     H,
     st,
     W
-  ), j = v ? l[m] : Ke(m, l, r), $ = (h ? X - N : N - X) - j;
-  return t === U ? p += $ : t === _ && (S += $), te(
-    { height: p, width: S },
+  ), j = v ? l[S] : Ke(S, l, r), $ = (h ? X - F : F - X) - j;
+  return t === U ? d += $ : t === _ && (m += $), te(
+    { height: d, width: m },
     t,
     o,
     c,
@@ -329,28 +329,28 @@ const Ke = (t, e, n) => {
   return Math.max(n, s) + t + c + r;
 }, Ue = (t, e, n, s) => {
   const o = e < n, [r, c] = [e, n].toSorted(
-    (S, v) => S - v
-  ), l = t[e] ?? s, f = t[n];
-  let p = o ? t.slice(r + 1, c + 1) : t.slice(r, c);
-  return r < 0 && s && (p = t.slice(r + 1, c)), [
+    (m, v) => m - v
+  ), l = t[e] ?? s, u = t[n];
+  let d = o ? t.slice(r + 1, c + 1) : t.slice(r, c);
+  return r < 0 && s && (d = t.slice(r + 1, c)), [
     l,
-    f,
-    p,
+    u,
+    d,
     o
   ];
 }, tn = (t, e, n, s, o, r) => {
   if (s.length == 0)
     return [0, 0, 0];
   const c = L(s[0], t);
-  let l = 0, f = -c;
-  for (const [p, S] of s.entries()) {
-    const v = S.getBoundingClientRect()[n], B = L(S, t);
-    r && (l += B), r && p > 0 ? l += o : l = Math.max(l, B), f += l + v, l = L(S, e);
+  let l = 0, u = -c;
+  for (const [d, m] of s.entries()) {
+    const v = m.getBoundingClientRect()[n], B = L(m, t);
+    r && (l += B), r && d > 0 ? l += o : l = Math.max(l, B), u += l + v, l = L(m, e);
   }
-  return [c, f, l];
+  return [c, u, l];
 }, te = (t, e, n, s, o) => {
-  const { scroll: r, distance: c } = w(e), l = window[r], f = n[r], p = o ? 0 : f - 2 * l + s[r];
-  return t[c] += p, t;
+  const { scroll: r, distance: c } = w(e), l = window[r], u = n[r], d = o ? 0 : u - 2 * l + s[r];
+  return t[c] += d, t;
 }, en = (t, e, n, s, o, r, c) => {
   const l = o ? n.previousElementSibling : s;
   return nn(
@@ -368,8 +368,8 @@ const Ke = (t, e, n) => {
     r ? null : n,
     e
   ), l = L(s, t);
-  let f = Math.max(c, l);
-  return [c, l, f];
+  let u = Math.max(c, l);
+  return [c, l, u];
 }, kt = (t, e, n, s = () => !0) => {
   const o = new MutationObserver((r) => {
     if (r = r.filter(s), r.length > 0) {
@@ -383,8 +383,8 @@ const Ke = (t, e, n) => {
 }, on = (t, e, n) => {
   const { scrollDistance: s, clientDistance: o, scrollElement: r } = w(t);
   return n[r] / (e[s] - e[o]);
-}, rn = "startDrag", de = "cubic-bezier(0.2, 0, 0, 1)", ge = 50, ee = (t) => ct(t) ? t.classList.contains(lt) : !1, cn = (t, e, n) => {
-  let s = yt(
+}, rn = "startDrag", de = "cubic-bezier(0.2, 0, 0, 1)", ge = 50, ee = (t) => it(t) ? t.classList.contains(at) : !1, cn = (t, e, n) => {
+  let s = Et(
     e,
     rn,
     n,
@@ -407,36 +407,36 @@ const Ke = (t, e, n) => {
 }, un = (t, e) => {
   if (!e)
     return;
-  const { droppable: n, config: s, scroll: o } = t, { direction: r } = s, c = on(s.direction, n, o) > 0.99, { scrollDistance: l, clientDistance: f, scrollElement: p } = w(r);
-  c && (n[p] = n[l] - n[f]);
+  const { droppable: n, config: s, scroll: o } = t, { direction: r } = s, c = on(s.direction, n, o) > 0.99, { scrollDistance: l, clientDistance: u, scrollElement: d } = w(r);
+  c && (n[d] = n[l] - n[u]);
 }, pe = (t, e, n, s) => {
   if (!n)
     return;
   const { droppable: o, config: r } = n, { direction: c, animationDuration: l } = r;
-  if (un(n, e), o.querySelector(`.${lt}`) || !t)
+  if (un(n, e), o.querySelector(`.${at}`) || !t)
     return;
-  var f = t.tagName == "LI" ? "DIV" : t.tagName, p = document.createElement(f);
-  nt(p, lt), ht(p, 0, 0);
-  const S = cn(o, t, c);
-  return Pt(
-    p,
+  var u = t.tagName == "LI" ? "DIV" : t.tagName, d = document.createElement(u);
+  nt(d, at), ht(d, 0, 0);
+  const m = cn(o, t, c);
+  return Nt(
+    d,
     l,
     de,
     "width, min-width, height"
-  ), [p, S, o];
+  ), [d, m, o];
 }, Gt = (t, e, n, s, o) => {
   const r = pe(t, n, s);
   if (!r)
     return;
-  const [c, l, f] = r;
-  e.isSameNode(f) && ht(c, l.height, l.width), kt(
-    ln(c, f, l),
-    f,
+  const [c, l, u] = r;
+  e.isSameNode(u) && ht(c, l.height, l.width), kt(
+    ln(c, u, l),
+    u,
     {
       childList: !0,
       subtree: !0
     }
-  ), f.appendChild(c);
+  ), u.appendChild(c);
 }, fn = (t, e, n) => {
   const s = pe(t, e, n);
   if (!s)
@@ -445,7 +445,7 @@ const Ke = (t, e, n) => {
   c.appendChild(o), dn(o, r);
 }, dn = (t, e) => requestAnimationFrame(() => {
   ht(t, e.height, e.width), requestAnimationFrame(() => {
-    Pt(
+    Nt(
       t,
       0,
       de,
@@ -455,20 +455,20 @@ const Ke = (t, e, n) => {
 }), gn = (t, e, n, s, o = !0) => {
   if (n) {
     var r = document.querySelectorAll(
-      `${gt(n)} > .${lt}`
+      `${gt(n)} > .${at}`
     );
     r.forEach((c) => {
       const l = c.parentElement;
       if (l != null && l.isSameNode(e) || !o && (l != null && l.isSameNode(t)))
         return;
       ht(c, 0, 0), setTimeout(() => {
-        var p;
-        (p = c.parentNode) == null || p.removeChild(c);
+        var d;
+        (d = c.parentNode) == null || d.removeChild(c);
       }, s + ge);
     });
   }
 }, vt = (t, e, n = !1) => {
-  var s = t.querySelectorAll(`.${lt}`);
+  var s = t.querySelectorAll(`.${at}`);
   s.forEach((o) => {
     const r = o;
     n ? (ht(r, 0, 0), setTimeout(() => {
@@ -480,134 +480,134 @@ function hn(t, e, n, s, o, r) {
   let c = e;
   const {
     direction: l,
-    handlerSelector: f,
-    onRemoveAtEvent: p,
-    animationDuration: S,
+    handlerSelector: u,
+    onRemoveAtEvent: d,
+    animationDuration: m,
     delayBeforeInsert: v,
     draggingClass: B
-  } = t, O = (i, u, d, D, E) => {
+  } = t, O = (i, f, g, D, C) => {
     if (!D)
       return;
-    const { droppable: b, config: T } = D, A = yt(
+    const { droppable: b, config: T } = D, A = Et(
       i,
-      u,
+      f,
       T.direction,
       b
     );
-    Ve(u) ? F(
+    Ve(f) ? P(
       i,
-      u,
+      f,
       A,
-      d,
+      g,
       D,
-      E
-    ) : C(
+      C
+    ) : y(
       i,
-      u,
+      f,
       A,
       D
     );
-  }, P = (i, u, d, D, E) => {
-    const b = yt(
-      u,
+  }, N = (i, f, g, D, C) => {
+    const b = Et(
+      f,
       "insert",
       t.direction,
-      d
-    ), { onInsertEvent: T } = t, A = re(d);
+      g
+    ), { onInsertEvent: T } = t, A = re(g);
     for (const [M, x] of A.entries())
       et(x, Q) && M >= i && W(x, b);
-    E(), setTimeout(() => {
-      T(i, D), vt(n, 0, !0), he(i, d, t), tt(u), V(u, n);
+    C(), setTimeout(() => {
+      T(i, D), vt(n, 0, !0), he(i, g, t), tt(f), V(f, n);
     }, v);
-  }, h = (i, u, d, D) => {
-    if (!d || !d.droppable || !d.config)
+  }, h = (i, f, g, D) => {
+    if (!g || !g.droppable || !g.config)
       return;
-    const { droppable: E, config: b } = d;
-    let [T] = Rt(u, E);
-    T = [u, ...T].toReversed();
-    const A = yt(
-      u,
+    const { droppable: C, config: b } = g;
+    let [T] = Rt(f, C);
+    T = [f, ...T].toReversed();
+    const A = Et(
+      f,
       "remove",
       b.direction,
-      E
+      C
     );
     for (const [M, x] of T.entries())
       M >= i && (Y(x, A), setTimeout(() => {
         D(x);
-      }, S));
-  }, m = (i) => {
-    vt(n, S, !0), setTimeout(() => {
+      }, m));
+  }, S = (i) => {
+    vt(n, m, !0), setTimeout(() => {
       tt(i), V(i, n);
-    }, S);
-  }, C = (i, u, d, D) => {
-    const { config: E, droppable: b } = D, [T] = Rt(i, b), A = pt(i, b);
+    }, m);
+  }, y = (i, f, g, D) => {
+    const { config: C, droppable: b } = D, [T] = Rt(i, b), A = pt(i, b);
     T.length == 0 && I(
-      d,
+      g,
       1,
-      E.direction,
+      C.direction,
       T
     );
     for (const [M, x] of T.entries()) {
       if (!et(x, Q))
         continue;
       const G = R(
-        E.direction,
+        C.direction,
         i,
         x,
-        d
+        g
       );
       if (!A && G)
-        d = G;
+        g = G;
       else if (!A)
         continue;
-      const Z = T.length - M;
+      const J = T.length - M;
       I(
-        d,
-        Z,
-        E.direction,
+        g,
+        J,
+        C.direction,
         T
-      ), u === ue ? Y(x, d) : u === Nt && W(x, d);
+      ), f === ue ? Y(x, g) : f === Ft && W(x, g);
     }
-  }, R = (i, u, d, D) => {
-    const { before: E, distance: b, axis: T, getRect: A } = w(i), M = A(u), x = A(d), G = M[E], Z = x[E], ft = x[b], mt = Z + ft / 2, St = Ce(d)[T], at = mt - St;
-    return G > at ? { height: 0, width: 0 } : D;
-  }, I = (i, u, d, D) => {
-    const E = D.filter(
+  }, R = (i, f, g, D) => {
+    const { before: C, distance: b, axis: T, getRect: A } = w(i), M = A(f), x = A(g), G = M[C], J = x[C], ft = x[b], mt = J + ft / 2, St = ye(g)[T], ct = mt - St;
+    return G > ct ? { height: 0, width: 0 } : D;
+  }, I = (i, f, g, D) => {
+    const C = D.filter(
       (T) => et(T, Q)
-    ).length, { distance: b } = w(d);
-    i[b] == 0 ? c = Math.max(c, u) : c = Math.min(c, u - 1), c = Math.min(c, E);
-  }, Y = (i, u) => {
-    const { width: d, height: D } = u;
-    Tt(i, D, d);
-  }, W = (i, u) => {
-    const { width: d, height: D } = u;
-    Tt(i, D, d), Pt(i, S, fe);
-  }, F = (i, u, d, D, E, b) => {
-    const { droppable: T, scroll: A, config: M } = E, [x, G] = Rt(
+    ).length, { distance: b } = w(g);
+    i[b] == 0 ? c = Math.max(c, f) : c = Math.min(c, f - 1), c = Math.min(c, C);
+  }, Y = (i, f) => {
+    const { width: g, height: D } = f;
+    Tt(i, D, g);
+  }, W = (i, f) => {
+    const { width: g, height: D } = f;
+    Tt(i, D, g), Nt(i, m, fe);
+  }, P = (i, f, g, D, C, b) => {
+    const { droppable: T, scroll: A, config: M } = C, [x, G] = Rt(
       i,
       T
-    ), Z = x.toReversed(), ft = G === -1 ? Z.length : G;
-    Z.splice(ft, 0, i);
-    const [mt, St, at] = st(
+    ), J = x.toReversed(), ft = G === -1 ? J.length : G;
+    J.splice(ft, 0, i);
+    const [mt, St, ct] = st(
       i,
       G,
-      Z,
+      J,
       T
     );
-    d = yt(
+    g = Et(
       i,
-      u,
+      f,
       M.direction,
       n,
       mt,
       St
     );
-    const Ft = ye(), At = Je(
+    const Pt = Ee(), At = Je(
       M.direction,
-      Z,
+      J,
       G,
-      at,
-      Ft,
+      ct,
+      Pt,
       A,
       D,
       T,
@@ -615,95 +615,95 @@ function hn(t, e, n, s, o, r) {
     );
     x.length == 0 && H(
       void 0,
-      d,
+      g,
       i,
       At
     );
     for (const [xt, wt] of x.toReversed().entries()) {
-      let Bt = d;
-      at - 1 >= xt && (Bt = { height: 0, width: 0 }), u === zt && !et(wt, lt) && H(
+      let Bt = g;
+      ct - 1 >= xt && (Bt = { height: 0, width: 0 }), f === zt && !et(wt, at) && H(
         wt,
         Bt,
         i,
         At
       );
     }
-    N(
-      at,
+    F(
+      ct,
       i,
       M,
       T,
       b
     );
-  }, st = (i, u, d, D) => {
-    const b = pt(i, D) ? u : c, T = () => u < b ? [b, b + 1] : u > b ? [b - 1, b] : [b - 1, b + 1], [A, M] = T(), x = d[A] ?? null, G = d[M] ?? null;
+  }, st = (i, f, g, D) => {
+    const b = pt(i, D) ? f : c, T = () => f < b ? [b, b + 1] : f > b ? [b - 1, b] : [b - 1, b + 1], [A, M] = T(), x = g[A] ?? null, G = g[M] ?? null;
     return [
       x,
       G,
       b
     ];
-  }, H = (i, u, d, D) => {
-    Tt(i, u.height, u.width), Tt(
-      d,
+  }, H = (i, f, g, D) => {
+    Tt(i, f.height, f.width), Tt(
+      g,
       D.height,
       D.width
     );
-  }, N = (i, u, d, D, E) => {
-    const { onInsertEvent: b, onDragEnd: T } = d;
-    nt(u, Wt), z(u, n, D, () => {
-      if (Et(u, Wt), E != null) {
-        const A = p(E);
-        A != null && (b(i, A), T({ value: A, index: i })), q(u), k();
+  }, F = (i, f, g, D, C) => {
+    const { onInsertEvent: b, onDragEnd: T } = g;
+    nt(f, Wt), z(f, n, D, () => {
+      if (Ct(f, Wt), C != null) {
+        const A = d(C);
+        A != null && (b(i, A), T({ value: A, index: i })), q(f), Z();
       }
     });
-  }, k = () => {
+  }, Z = () => {
     if (s) {
       var i = document.querySelectorAll(
         `${gt(s)} > .${Q}`
       );
-      for (const u of i)
-        $(u);
+      for (const f of i)
+        $(f);
     }
   }, q = (i) => {
     setTimeout(() => {
-      Et(i, B);
+      Ct(i, B);
     }, pn);
-  }, z = (i, u, d, D) => {
+  }, z = (i, f, g, D) => {
     setTimeout(() => {
-      D && D(), X(u, d), j(d), tt(i), V(i, u), V(i, d);
-    }, S);
-  }, X = (i, u) => {
-    i.isSameNode(u) ? vt(i, S) : (vt(i, S, !0), vt(u, S));
+      D && D(), X(f, g), j(g), tt(i), V(i, f), V(i, g);
+    }, m);
+  }, X = (i, f) => {
+    i.isSameNode(f) ? vt(i, m) : (vt(i, m, !0), vt(f, m));
   }, j = (i) => {
     if (n.isSameNode(i))
       return;
-    var [u] = n.querySelectorAll(`.${lt}`);
-    if (!u)
+    var [f] = n.querySelectorAll(`.${at}`);
+    if (!f)
       return;
-    const { distance: d } = w(l);
-    ct(u) && (u.style[d] = "0px");
-  }, V = (i, u) => {
-    const [d] = Rt(i, u);
-    for (const D of [...d, i])
+    const { distance: g } = w(l);
+    it(f) && (f.style[g] = "0px");
+  }, V = (i, f) => {
+    const [g] = Rt(i, f);
+    for (const D of [...g, i])
       $(D);
   }, $ = (i) => {
-    ct(i) && (i.style.transition = "", i.style.transform = "");
+    it(i) && (i.style.transition = "", i.style.transform = "");
   }, tt = (i) => {
     r(), ut(i, !1), i.style.transform = "", i.style.transition = "", i.style.top = "", i.style.left = "", le(i, {
       fixedHeight: "",
       fixedWidth: ""
     });
-  }, ot = (i, u) => {
-    const d = u.querySelector(f);
-    bt(document.body, se, i), bt(d || u, Yt, i);
-  }, ut = (i, u) => {
-    bt(i, Ht, u), ot(u, i), o.toggleGrabClass(!u);
+  }, ot = (i, f) => {
+    const g = f.querySelector(u);
+    bt(document.body, se, i), bt(g || f, Yt, i);
+  }, ut = (i, f) => {
+    bt(i, Ht, f), ot(f, i), o.toggleGrabClass(!f);
   };
   return [
     O,
     h,
-    P,
-    m,
+    N,
+    S,
     ut
   ];
 }
@@ -711,12 +711,12 @@ const he = (t, e, n) => {
   const { insertingFromClass: s, animationDuration: o } = n, r = kt(() => {
     const l = re(e)[t];
     nt(l, s), nt(l, Zt), setTimeout(() => {
-      Et(l, Zt), Et(l, s), r.disconnect();
+      Ct(l, Zt), Ct(l, s), r.disconnect();
     }, o);
   }, e, {
     childList: !0
   });
-}, xn = (t, e, n, s) => {
+}, wn = (t, e, n, s) => {
   if (!e)
     return;
   const { onInsertEvent: o, delayBeforeInsert: r } = t;
@@ -724,7 +724,7 @@ const he = (t, e, n) => {
     o(n, s), he(n, e, t);
   }, r);
 }, mn = (t, e) => {
-  const n = (c) => t.removeAtEvent(c), s = (c, l) => t.insertEvent(c, l), o = () => t.getLength(), r = (c) => t.getValue(c);
+  const n = (l) => t.removeAtEvent(l), s = (l, u) => t.insertEvent(l, u), o = () => t.getLength(), r = (l) => t.getValue(l), c = (l) => l;
   return {
     direction: (e == null ? void 0 : e.direction) ?? U,
     handlerSelector: (e == null ? void 0 : e.handlerSelector) ?? Q,
@@ -744,58 +744,69 @@ const he = (t, e, n) => {
     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
+    delayBeforeInsert: (e == null ? void 0 : e.delayBeforeInsert) ?? 200,
+    mapFrom: (e == null ? void 0 : e.mapFrom) ?? c
   };
-}, Sn = (t) => {
+}, Sn = (t, e) => {
+  const { config: n, droppable: s } = t, { onInsertEvent: o, onDragEnd: r } = n;
+  return {
+    ...n,
+    onDragEnd: (u) => {
+      const { index: d, value: m } = u;
+      r({ index: d, value: e(m, s) });
+    },
+    onInsertEvent: (u, d) => o(u, e(d, s))
+  };
+}, Dn = (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`;
+  const o = (u) => {
+    t.style.transform = `translate( ${u.x}px, ${u.y}px)`;
+  }, r = (u) => {
+    t.style.top = `${u.top}px`, t.style.left = `${u.left}px`;
   };
   return [
-    (f, p, S, v) => {
+    (u, d, m, v) => {
       const B = (h) => {
         const {
-          beforeMargin: m,
-          borderBeforeWidth: C,
+          beforeMargin: S,
+          borderBeforeWidth: y,
           before: R,
           offset: I,
           scroll: Y,
           page: W,
-          inner: F,
+          inner: P,
           distance: st,
           axis: H,
-          getRect: N
-        } = w(h), k = S[W], q = window[Y], z = window[F], X = N(f)[st], j = L(f, C), V = L(f, m), $ = k - e[I], tt = ie(f, h);
+          getRect: F
+        } = w(h), Z = m[W], q = window[Y], z = window[P], X = F(u)[st], j = L(u, y), V = L(u, S), $ = Z - e[I], tt = ie(u, h);
         if ($ >= q - X / 2 && $ <= q + z) {
           const ut = $ - n[R] - j - V - q - tt;
           return O(h), ut;
         }
         return s[H];
       }, O = (h) => {
-        if (f && et(f, Ht) && h === v) {
-          const { before: m, distance: C, axis: R, getRect: I } = w(v), Y = I(f)[C], W = I(p), F = n[m] - W[m] + s[R], H = W[C] - Y, N = F / H, k = Y / H, q = 0.1, z = 0.2, X = 0.8;
+        if (u && et(u, Ht) && h === v) {
+          const { before: S, distance: y, axis: R, getRect: I } = w(v), Y = I(u)[y], W = I(d), P = n[S] - W[S] + s[R], H = W[y] - Y, F = P / H, Z = Y / H, q = 0.1, z = 0.2, X = 0.8;
           let j = 0;
-          const V = pt(f, p);
-          !V && N < z && N > -k ? j = N / z - 1 : !V && N > X && N < 1 + k && (j = 1 / (1 - X) * (N - X));
+          const V = pt(u, d);
+          !V && F < z && F > -Z ? j = F / z - 1 : !V && F > X && F < 1 + Z && (j = 1 / (1 - X) * (F - X));
           const $ = q * Y * j;
-          sn(p, v, $);
+          sn(d, v, $);
         }
-      }, P = (h) => {
-        const { axis: m } = w(h);
-        s[m] = B(h), o(s);
+      }, N = (h) => {
+        const { axis: S } = w(h);
+        s[S] = B(h), o(s);
       };
-      P(_), P(U);
+      N(_), N(U);
     },
-    (f, p) => {
-      const [S, v, B, O] = bn(
-        f,
-        p,
+    (u, d) => {
+      const [m, v, B, O] = Tn(
+        u,
+        d,
         t
       );
       n = {
-        top: S,
+        top: m,
         left: v
       }, r(n), e = { offsetX: B, offsetY: O };
     }
@@ -803,18 +814,18 @@ const he = (t, e, n) => {
 }, Lt = (t, e, n) => {
   const { borderBeforeWidth: s, before: o, getRect: r } = w(t);
   return r(e)[o] - r(n)[o] - L(n, s);
-}, Dn = (t, e) => {
-  let { offsetX: n, offsetY: s, target: o } = t, r = vn(o, e);
+}, vn = (t, e) => {
+  let { offsetX: n, offsetY: s, target: o } = t, r = bn(o, e);
   const c = o;
   return c && r && !c.isSameNode(r) && (n += Lt(_, c, r), s += Lt(U, c, r)), r && e != o && (n += Lt(_, r, e), s += Lt(U, r, e)), [n, s];
-}, vn = (t, e) => {
+}, bn = (t, e) => {
   const n = t == null ? void 0 : t.closest(`.${Ot}`);
   return n && n.isSameNode(e) ? t : n;
 }, ne = (t, e, n, s) => {
-  const { offset: o, beforeMargin: r, page: c, borderBeforeWidth: l, scroll: f } = w(t), p = ie(n, t);
-  return e[c] - s[o] - L(n, r) - L(n, l) - window[f] - p;
-}, bn = (t, e, n) => {
-  const [s, o] = Dn(t, n);
+  const { offset: o, beforeMargin: r, page: c, borderBeforeWidth: l, scroll: u } = w(t), d = ie(n, t);
+  return e[c] - s[o] - L(n, r) - L(n, l) - window[u] - d;
+}, Tn = (t, e, n) => {
+  const [s, o] = vn(t, n);
   return [
     ne(U, t, e, {
       offsetX: s,
@@ -850,23 +861,24 @@ const he = (t, e, n) => {
     );
   }
 };
-J(K, "configs", []), J(K, "removeObsoleteConfigs", () => {
+k(K, "configs", []), k(K, "removeObsoleteConfigs", () => {
   const e = K.configs.filter(
     ({ droppable: n }) => document.contains(n)
   );
   K.configs = e;
 });
-let it = K;
-class Tn {
-  constructor(e, n, s, o, r) {
-    J(this, "initial");
-    J(this, "current");
-    J(this, "parent");
-    J(this, "draggableElement");
-    J(this, "groupClass");
-    J(this, "dragEvent");
-    J(this, "changeDroppable");
-    this.parent = s, this.draggableElement = e, this.groupClass = n, this.dragEvent = o, this.initial = s ? it.getConfig(s) : void 0, this.changeDroppable = r;
+let lt = K;
+class En {
+  constructor(e, n, s, o, r, c) {
+    k(this, "initial");
+    k(this, "current");
+    k(this, "parent");
+    k(this, "draggableElement");
+    k(this, "groupClass");
+    k(this, "dragEvent");
+    k(this, "changeDroppable");
+    k(this, "mapFrom");
+    this.parent = s, this.draggableElement = e, this.groupClass = n, this.dragEvent = o, this.mapFrom = c, this.initial = s ? lt.getConfig(s) : void 0, this.changeDroppable = r;
   }
   getDraggableAncestor(e, n, s) {
     return document.elementsFromPoint(e, n).filter((o) => !o.isSameNode(s));
@@ -907,6 +919,14 @@ class Tn {
       this.onScrollEvent();
     });
   }
+  getConfigFrom(e) {
+    const n = lt.getConfig(e);
+    if (n)
+      return {
+        ...n,
+        config: Sn(n, this.mapFrom)
+      };
+  }
   getCurrentConfig(e) {
     var o;
     const n = this.draggableElement;
@@ -916,7 +936,7 @@ class Tn {
     ))
       return this.current;
     const s = this.getCurrent(n, e);
-    return s ? (ct(s) && !s.onscroll && this.setOnScroll(s), it.getConfig(s)) : it.getConfig(this.parent);
+    return s ? (it(s) && !s.onscroll && this.setOnScroll(s), this.getConfigFrom(s)) : this.getConfigFrom(this.parent);
   }
   updateConfig(e) {
     const n = this.current;
@@ -927,38 +947,38 @@ class Tn {
     return !this.getCurrent(s, e, n);
   }
 }
-function yn(t, e, n, s, o) {
+function Cn(t, e, n, s, o) {
   const {
     handlerSelector: r,
     isDraggable: c,
     droppableGroup: l,
-    animationDuration: f,
-    delayBeforeRemove: p,
-    draggingClass: S,
+    animationDuration: u,
+    delayBeforeRemove: d,
+    draggingClass: m,
     removingClass: v,
     onRemoveAtEvent: B,
     droppableClass: O,
-    onDragStart: P
-  } = n, h = Ct(l).map((a) => `droppable-group-${a}`).join(" ");
-  let m = 0, C = {
+    onDragStart: N
+  } = n, h = yt(l).map((a) => `droppable-group-${a}`).join(" ");
+  let S = 0, y = {
     scrollX: 0,
     scrollY: 0
   }, R = { pageX: 0, pageY: 0 }, I;
-  const [Y, W] = Sn(
+  const [Y, W] = Dn(
     t
   ), [
-    F,
+    P,
     st,
     H,
-    N,
-    k
+    F,
+    Z
   ] = hn(
     n,
     e,
     s,
     h,
     o,
-    () => m = 0
+    () => S = 0
     /* NOT_DRAGGING */
   ), q = () => {
     nt(t, Q);
@@ -983,195 +1003,196 @@ function yn(t, e, n, s, o) {
       ".disable-transition{transition:none!important;}"
     ]), X(), q();
   }, V = (a) => {
-    const g = a == null ? void 0 : a.querySelector(`.${Ot}`), y = g == null ? void 0 : g.parentElement;
-    return g && y && et(y, It) && !y.isSameNode(s) ? null : g;
+    const p = a == null ? void 0 : a.querySelector(`.${Ot}`), E = p == null ? void 0 : p.parentElement;
+    return p && E && et(E, It) && !E.isSameNode(s) ? null : p;
   }, $ = (a) => {
-    const g = V(a) ?? a;
-    g && c(a) && ($t(
-      g,
+    const p = V(a) ?? a;
+    p && c(a) && ($t(
+      p,
       "onmousedown",
       M("mousemove", "mouseup")
     ), $t(
-      g,
+      p,
       "ontouchstart",
       M("touchmove", "touchend")
-    ), tt(g)), a != null && a.isSameNode(g) || $t(a, "onmousedown", x), nt(s, It);
+    ), tt(p)), a != null && a.isSameNode(p) || $t(a, "onmousedown", x), nt(s, It);
   }, tt = (a) => {
-    const g = a.querySelectorAll("img");
-    Array.from(g).forEach((y) => {
-      y.onmousedown = () => !1;
+    const p = a.querySelectorAll("img");
+    Array.from(p).forEach((E) => {
+      E.onmousedown = () => !1;
     });
   }, ot = () => {
     if (R.pageX == 0 && R.pageY == 0 || !i.current)
       return;
-    const { droppable: a, config: g } = i.current;
-    Y(t, a, R, g.direction), F(
+    const { droppable: a, config: p } = i.current;
+    Y(t, a, R, p.direction), P(
       t,
-      Nt,
-      C,
+      Ft,
+      y,
       i.current
     );
-  }, ut = (a, g) => {
-    g && m == 2 && !(a != null && a.droppable.isSameNode(g.droppable)) && F(
+  }, ut = (a, p) => {
+    p && S == 2 && !(a != null && a.droppable.isSameNode(p.droppable)) && P(
       t,
-      Nt,
-      C,
-      g
+      Ft,
+      y,
+      p
     );
-  }, i = new Tn(
+  }, i = new En(
     t,
     h,
     s,
     ot,
-    ut
-  ), u = (a) => {
+    ut,
+    n.mapFrom
+  ), f = (a) => {
     if (!i.current)
       return;
-    const g = h ? Array.from(
+    const p = h ? Array.from(
       document.querySelectorAll(gt(h))
     ) : [s];
-    for (const y of g)
-      y.classList.toggle(
+    for (const E of p)
+      E.classList.toggle(
         O,
-        !a && y.isSameNode(i.current.droppable)
+        !a && E.isSameNode(i.current.droppable)
       );
-  }, d = (a) => {
+  }, g = (a) => {
     i.updateConfig(a);
-    const g = i.isOutside(a);
-    u(g), m === 1 ? ft(a) : m === 2 && (D(g), St(a));
+    const p = i.isOutside(a);
+    f(p), S === 1 ? ft(a) : S === 2 && (D(p), St(a));
   }, D = (a = !0) => {
     if (!i.current)
       return;
-    const { droppable: g } = i.current;
+    const { droppable: p } = i.current;
     gn(
-      g,
+      p,
       s,
       h,
-      f,
+      u,
       a
     ), !a && Gt(
       t,
       s,
-      m == 1,
+      S == 1,
       i.current
     );
-  }, E = (a) => {
+  }, C = (a) => {
     if (Xt(a) && a.cancelable)
       a.preventDefault();
     else if (Xt(a))
       return;
-    const g = Vt(a);
-    d(g);
-  }, b = (a, g) => {
+    const p = Vt(a);
+    g(p);
+  }, b = (a, p) => {
     a == "touchmove" ? I = setTimeout(() => {
-      g();
-    }, 200) : g();
-  }, T = (a, g) => {
-    const { clientX: y, clientY: dt } = a, rt = document.elementFromPoint(y, dt), Dt = rt == null ? void 0 : rt.closest(`.${Q}`);
-    return rt && g && Dt && !g.isSameNode(Dt);
+      p();
+    }, 200) : p();
+  }, T = (a, p) => {
+    const { clientX: E, clientY: dt } = a, rt = document.elementFromPoint(E, dt), Dt = rt == null ? void 0 : rt.closest(`.${Q}`);
+    return rt && p && Dt && !p.isSameNode(Dt);
   }, A = (a) => {
-    const g = n.onGetValue(e);
-    return { index: e, element: a, value: g };
-  }, M = (a, g) => (y) => {
-    if (T(y, t))
+    const p = n.onGetValue(e);
+    return { index: e, element: a, value: p };
+  }, M = (a, p) => (E) => {
+    if (T(E, t))
       return;
-    it.updateScrolls(s, h);
+    lt.updateScrolls(s, h);
     const { scrollX: dt, scrollY: rt } = window;
-    if (C = { scrollX: dt, scrollY: rt }, m === 0) {
-      m = 1;
+    if (y = { scrollX: dt, scrollY: rt }, S === 0) {
+      S = 1;
       const Dt = A(t);
-      Dt && P(Dt), b(a, () => {
-        a == "touchmove" && (i.updateConfig(y), u(i.isOutside(y)), ft(y)), document.addEventListener(a, E, {
+      Dt && N(Dt), b(a, () => {
+        a == "touchmove" && (i.updateConfig(E), f(i.isOutside(E)), ft(E)), document.addEventListener(a, C, {
           passive: !1
         });
-      }), at(s), document.addEventListener(g, G(a), {
+      }), ct(s), document.addEventListener(p, G(a), {
         once: !0
       });
     }
-  }, x = (a) => i.updateConfig(a), G = (a) => (g) => {
-    u(!0);
-    const y = Vt(g);
-    clearTimeout(I), At(i.isOutside(y, !1)), document.removeEventListener(a, E), i.updateConfig(y);
-    const dt = i.getCurrentConfig(y);
+  }, x = (a) => i.updateConfig(a), G = (a) => (p) => {
+    f(!0);
+    const E = Vt(p);
+    clearTimeout(I), At(i.isOutside(E, !1)), document.removeEventListener(a, C), i.updateConfig(E);
+    const dt = i.getCurrentConfig(E);
     if (dt) {
       const { droppable: rt } = dt;
-      Z(rt);
+      J(rt);
     }
     s.onscroll = null;
-  }, Z = (a) => {
+  }, J = (a) => {
     if (a.onscroll = null, !h)
       return;
-    const g = Array.from(
+    const p = Array.from(
       document.querySelectorAll(gt(h))
     );
-    for (const y of g)
-      ct(y) && (y.onscroll = null);
+    for (const E of p)
+      it(E) && (E.onscroll = null);
   }, ft = (a) => {
     Gt(
       t,
       s,
-      m == 1,
+      S == 1,
       i.current
-    ), mt(), F(
+    ), mt(), P(
       t,
       ue,
-      C,
+      y,
       i.current
     ), wt(t), W(a, t);
   }, mt = () => {
-    m = 2;
+    S = 2;
   }, St = (a) => {
-    const { pageX: g, pageY: y } = a;
-    R = { pageX: g, pageY: y }, ot();
-  }, at = (a) => ae(a, "onscroll", Ft), Ft = () => ot(), At = (a) => {
-    if (m !== 2) {
-      m = 0;
+    const { pageX: p, pageY: E } = a;
+    R = { pageX: p, pageY: E }, ot();
+  }, ct = (a) => ae(a, "onscroll", Pt), Pt = () => ot(), At = (a) => {
+    if (S !== 2) {
+      S = 0;
       return;
     }
-    m = 3, xt(t), F(
+    S = 3, xt(t), P(
       t,
       zt,
-      C,
+      y,
       a ? i.initial : i.current,
       e
     );
   }, xt = (a) => {
-    Pt(a, f, fe), Tt(a, 0, 0);
+    Nt(a, u, fe), Tt(a, 0, 0);
   }, wt = (a) => {
-    const { height: g, width: y } = a.getBoundingClientRect();
+    const { height: p, width: E } = a.getBoundingClientRect();
     le(a, {
-      fixedHeight: `${g}px`,
-      fixedWidth: `${y}px`
-    }), k(a, !0), bt(a, S, !0), a.style.transition = "";
+      fixedHeight: `${p}px`,
+      fixedWidth: `${E}px`
+    }), Z(a, !0), bt(a, m, !0), a.style.transition = "";
   }, Bt = (a) => {
     if (!i.initial)
       return;
-    const g = i.initial;
+    const p = i.initial;
     a == e && (nt(t, v), setTimeout(() => {
-      B(e), Et(t, v), Gt(
+      B(e), Ct(t, v), Gt(
         t,
         s,
-        m == 1,
+        S == 1,
         i.initial
       ), st(
         a,
         t,
-        g,
-        (y) => {
-          xt(y), N(t);
+        p,
+        (E) => {
+          xt(E), F(t);
         }
       );
-    }, p));
-  }, me = (a, g) => {
+    }, d));
+  }, me = (a, p) => {
     (a === e || a === n.onGetLegth() && e === a - 1) && H(
       a,
       t,
       s,
-      g,
+      p,
       () => {
         fn(
           t,
-          m == 1,
+          S == 1,
           i.initial
         );
       }
@@ -1179,10 +1200,10 @@ function yn(t, e, n, s, o) {
   };
   return j(), $(t), [Bt, me];
 }
-const En = (t, e) => {
+const yn = (t, e) => {
   t && Te(e, t);
 };
-function Cn(t, e, n, s = "index") {
+function An(t, e, n, s = "index") {
   const o = s;
   let r = [], c = [];
   const { droppableGroup: l } = t;
@@ -1191,19 +1212,19 @@ function Cn(t, e, n, s = "index") {
       r,
       c
     ];
-  const f = Ct(l).map((p) => `droppable-group-${p}`).join(" ");
-  En(f, n);
-  for (const p of n.children) {
-    const S = p.getAttribute(o), v = Ee(S), B = p;
+  const u = yt(l).map((d) => `droppable-group-${d}`).join(" ");
+  yn(u, n);
+  for (const d of n.children) {
+    const m = d.getAttribute(o), v = Ce(m), B = d;
     if (B && v >= 0) {
-      const [O, P] = yn(
+      const [O, N] = Cn(
         B,
         v,
         t,
         n,
         e
       );
-      r.push(O), c.push(P);
+      r.push(O), c.push(N);
     }
   }
   return [
@@ -1211,48 +1232,48 @@ function Cn(t, e, n, s = "index") {
     c
   ];
 }
-function wn(t, e, n, s = "index") {
+function Bn(t, e, n, s = "index") {
   let o = [], r = [];
   const c = mn(t, n), l = (h) => {
-    for (const m of o)
-      m(h);
-  }, f = (h, m) => {
+    for (const S of o)
+      S(h);
+  }, u = (h, S) => {
     if (c.onGetLegth() === 0)
-      t.insertToListEmpty(c, h, m);
+      t.insertToListEmpty(c, h, S);
     else
       for (const R of r)
-        R(h, m);
-  }, p = (h) => {
-    const [m, C] = Cn(c, e, h, s);
-    o = m, r = C;
-  }, S = (h) => {
-    const m = h.addedNodes.values().filter((R) => !ee(R)).toArray(), C = h.removedNodes.values().filter((R) => !ee(R)).toArray();
-    return m.length > 0 || C.length > 0;
+        R(h, S);
+  }, d = (h) => {
+    const [S, y] = An(c, e, h, s);
+    o = S, r = y;
+  }, m = (h) => {
+    const S = h.addedNodes.values().filter((R) => !ee(R)).toArray(), y = h.removedNodes.values().filter((R) => !ee(R)).toArray();
+    return S.length > 0 || y.length > 0;
   }, v = (h) => {
     kt(
       () => {
-        p(h);
+        d(h);
       },
       h,
       { childList: !0 },
-      S
+      m
     );
   }, B = (h) => {
     nt(h, It);
   }, O = (h) => {
-    it.addConfig(
+    lt.addConfig(
       h,
       c
     );
   };
-  return [l, f, (h) => {
-    h && (B(h), O(h), v(h), p(h), it.removeObsoleteConfigs());
+  return [l, u, (h) => {
+    h && (B(h), O(h), v(h), d(h), lt.removeObsoleteConfigs());
   }];
 }
 export {
   ve as G,
   nt as a,
-  wn as d,
-  xn as i,
+  Bn as d,
+  wn as i,
   bt as t
 };