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

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

@@ -1,110 +1,110 @@
 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 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);
-}, Ct = (t, e) => {
-  t.classList.remove(e);
-}, be = (t, e) => yt(e).every(
-  (n) => et(t, n)
-), gt = (t) => t ? `.${yt(t).join(".")}` : "", Te = (t, e) => {
-  if (!e)
+var De = (e, t, n) => t in e ? Se(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var k = (e, t, n) => De(e, typeof t != "symbol" ? t + "" : t, 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 = (e, t) => e.classList.contains(t), bt = (e, t, n = !1) => {
+  e.classList.toggle(t, n);
+}, nt = (e, t) => {
+  e.classList.add(t);
+}, Ct = (e, t) => {
+  e.classList.remove(t);
+}, be = (e, t) => yt(t).every(
+  (n) => et(e, n)
+), gt = (e) => e ? `.${yt(e).join(".")}` : "", Te = (e, t) => {
+  if (!t)
     return;
-  const n = yt(e);
-  t.classList.add(...n);
-}, 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), Ce = (t) => t ? parseInt(t) : -1, ye = (t) => {
-  const e = getComputedStyle(t), n = new DOMMatrixReadOnly(e.transform);
+  const n = yt(t);
+  e.classList.add(...n);
+}, yt = (e) => e ? e.split(" ").filter((t) => t) : [], _ = "horizontal", U = "vertical", Ee = () => {
+  const { scrollX: e, scrollY: t } = window;
+  return { scrollX: e, scrollY: t };
+}, qt = (e) => !e || e.trim().length == 0 || e == "normal" ? 0 : parseFloat(e), Ce = (e) => e ? parseInt(e) : -1, ye = (e) => {
+  const t = getComputedStyle(e), n = new DOMMatrixReadOnly(t.transform);
   return {
     x: n.m41,
     y: n.m42
   };
-}, oe = (t, e) => t.x1 > e.x1 ? oe(e, t) : t.x2 < e.x1 ? 0 : t.x2 >= e.x2 ? t.x2 - t.x1 : t.x2 - e.x1, pt = (t, e) => !Ae(t, e), Ae = (t, e) => {
-  const n = Mt(t), s = Mt(e), o = Jt(n, s, U), r = Jt(n, s, _);
+}, oe = (e, t) => e.x1 > t.x1 ? oe(t, e) : e.x2 < t.x1 ? 0 : e.x2 >= t.x2 ? e.x2 - e.x1 : e.x2 - t.x1, pt = (e, t) => !Ae(e, t), Ae = (e, t) => {
+  const n = Mt(e), s = Mt(t), o = Jt(n, s, U), r = Jt(n, s, _);
   return o >= Math.min(n.height, s.height) / 2 && r >= Math.min(n.width, s.width) / 2;
-}, Jt = (t, e, n) => {
+}, Jt = (e, t, n) => {
   const { before: s, distance: o } = w(n);
   return oe(
-    {
-      x1: t[s],
-      x2: t[s] + t[o]
-    },
     {
       x1: e[s],
       x2: e[s] + e[o]
+    },
+    {
+      x1: t[s],
+      x2: t[s] + t[o]
     }
   );
-}, L = (t, e) => t ? qt(getComputedStyle(t)[e]) : 0, Kt = (t) => {
-  const { scrollLeft: e, scrollTop: n } = t;
-  return { scrollLeft: e, scrollTop: n };
-}, Mt = (t) => t.getBoundingClientRect(), w = (t) => {
-  const e = t == _;
+}, L = (e, t) => e ? qt(getComputedStyle(e)[t]) : 0, Kt = (e) => {
+  const { scrollLeft: t, scrollTop: n } = e;
+  return { scrollLeft: t, scrollTop: n };
+}, Mt = (e) => e.getBoundingClientRect(), w = (e) => {
+  const t = e == _;
   return {
-    beforeMargin: e ? "marginLeft" : "marginTop",
-    afterMargin: e ? "marginRight" : "marginBottom",
-    borderBeforeWidth: e ? "borderLeftWidth" : "borderTopWidth",
-    before: e ? "left" : "top",
-    after: e ? "right" : "down",
-    gap: e ? "columnGap" : "rowGap",
-    distance: e ? "width" : "height",
-    axis: e ? "x" : "y",
-    offset: e ? "offsetX" : "offsetY",
-    scroll: e ? "scrollX" : "scrollY",
-    scrollElement: e ? "scrollLeft" : "scrollTop",
-    page: e ? "pageX" : "pageY",
-    inner: e ? "innerWidth" : "innerHeight",
-    offsetElement: e ? "offsetLeft" : "offsetTop",
-    scrollDistance: e ? "scrollWidth" : "scrollHeight",
-    clientDistance: e ? "clientWidth" : "clientHeight",
-    paddingBefore: e ? "paddingLeft" : "paddingTop",
+    beforeMargin: t ? "marginLeft" : "marginTop",
+    afterMargin: t ? "marginRight" : "marginBottom",
+    borderBeforeWidth: t ? "borderLeftWidth" : "borderTopWidth",
+    before: t ? "left" : "top",
+    after: t ? "right" : "down",
+    gap: t ? "columnGap" : "rowGap",
+    distance: t ? "width" : "height",
+    axis: t ? "x" : "y",
+    offset: t ? "offsetX" : "offsetY",
+    scroll: t ? "scrollX" : "scrollY",
+    scrollElement: t ? "scrollLeft" : "scrollTop",
+    page: t ? "pageX" : "pageY",
+    inner: t ? "innerWidth" : "innerHeight",
+    offsetElement: t ? "offsetLeft" : "offsetTop",
+    scrollDistance: t ? "scrollWidth" : "scrollHeight",
+    clientDistance: t ? "clientWidth" : "clientHeight",
+    paddingBefore: t ? "paddingLeft" : "paddingTop",
     getRect: Mt
   };
-}, Rt = (t, e) => xe(t, e), re = (t) => [...t.children].filter(
+}, Rt = (e, t) => xe(e, t), re = (e) => [...e.children].filter(
   (n) => et(n, Q)
-), xe = (t, e) => {
-  const n = [...e.children].filter(
-    (o) => et(o, Q) && !o.isEqualNode(t)
-  ).toReversed(), s = [...e.children].findLastIndex(
-    (o) => o.isEqualNode(t)
+), xe = (e, t) => {
+  const n = [...t.children].filter(
+    (o) => et(o, Q) && !o.isEqualNode(e)
+  ).toReversed(), s = [...t.children].findLastIndex(
+    (o) => o.isEqualNode(e)
   );
   return [
     n,
     s,
-    e
+    t
   ];
-}, we = (t) => {
-  let e = t.parentElement;
-  for (; e; ) {
-    if (window.getComputedStyle(e).position === "fixed")
-      return e;
-    e = e.parentElement;
+}, we = (e) => {
+  let t = e.parentElement;
+  for (; t; ) {
+    if (window.getComputedStyle(t).position === "fixed")
+      return t;
+    t = t.parentElement;
   }
   return null;
-}, ie = (t, e) => {
+}, ie = (e, t) => {
   const {
     before: n,
     borderBeforeWidth: s
-  } = w(e), o = we(t);
+  } = w(t), o = we(e);
   return o ? Mt(o)[n] + L(o, s) : 0;
-}, 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 || !it(t) || (n == 0 && e == 0 ? t.style.transform = "" : t.style.transform = `translate(${n}px,${e}px)`);
-}, Le = (t, e, n) => {
-  t[e] = (s) => {
+}, Xt = (e) => window.TouchEvent && e instanceof TouchEvent, it = (e) => e instanceof HTMLElement, ce = (e) => e instanceof MouseEvent, Be = ["onmouseup", "onmousedown", "onmousemove"], Re = (e, t, n) => {
+  e && (e.style.height = `${t}px`, e.style.width = `${n}px`);
+}, Tt = (e, t, n) => {
+  !e || !it(e) || (n == 0 && t == 0 ? e.style.transform = "" : e.style.transform = `translate(${n}px,${t}px)`);
+}, Le = (e, t, n) => {
+  e[t] = (s) => {
     if (s.defaultPrevented)
       return;
     const o = Vt(s);
     n(o);
   };
-}, $t = (t, e, n) => {
-  n && (Oe(e) ? t[e] = n : Le(t, e, n));
-}, Oe = (t) => Be.includes(t), Me = (t) => {
-  const { target: e } = t;
+}, $t = (e, t, n) => {
+  n && (Oe(t) ? e[t] = n : Le(e, t, n));
+}, Oe = (e) => Be.includes(e), Me = (e) => {
+  const { target: t } = e;
   return {
     clientX: 0,
     clientY: 0,
@@ -112,27 +112,27 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", Ht = "dragging",
     pageY: 0,
     screenX: 0,
     screenY: 0,
-    target: e,
+    target: t,
     offsetX: 0,
     offsetY: 0
   };
-}, Fe = (t, e) => {
-  const n = (s, o) => Pe(e, window, o, s);
-  if (ce(t)) {
-    const { offsetX: s, offsetY: o } = t;
+}, Ne = (e, t) => {
+  const n = (s, o) => Pe(t, window, o, s);
+  if (ce(e)) {
+    const { offsetX: s, offsetY: o } = e;
     return [s, o];
   } else {
-    const s = t.target;
+    const s = e.target;
     return [
       n(s, _),
       n(s, U)
     ];
   }
-}, Vt = (t) => {
-  const e = Ne(t);
-  if (!e)
-    return Me(t);
-  const [n, s] = Fe(t, e), { clientX: o, clientY: r, pageX: c, pageY: l, screenX: u, screenY: d, target: m } = e;
+}, Vt = (e) => {
+  const t = Fe(e);
+  if (!t)
+    return Me(e);
+  const [n, s] = Ne(e, t), { clientX: o, clientY: r, pageX: c, pageY: l, screenX: u, screenY: d, target: m } = t;
   return {
     clientX: o,
     clientY: r,
@@ -144,92 +144,92 @@ const Q = "draggable", It = "droppable", Ot = "handler-class", Ht = "dragging",
     offsetX: n,
     offsetY: s
   };
-}, Ne = (t) => {
-  if (Xt(t))
-    return t.touches[0] ?? t.changedTouches[0];
-  if (ce(t))
-    return t;
-}, Pe = (t, e, n, s) => {
+}, Fe = (e) => {
+  if (Xt(e))
+    return e.touches[0] ?? e.changedTouches[0];
+  if (ce(e))
+    return e;
+}, Pe = (e, t, 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 || !it(t) || (t[e] = () => {
+  return e[o] - t[r] - d[c] - L(s, l);
+}, Ft = (e, t, n = "ease-out", s = "transform") => {
+  it(e) && (e.style.transitionDuration = `${t}ms`, e.style.transitionTimingFunction = `${n}`, e.style.transitionProperty = `${s}`);
+}, ae = (e, t, n) => {
+  !e || !it(e) || (e[t] = () => {
     n();
   });
-}, $e = (t) => {
-  var e = t.querySelector("style");
-  if (!e) {
+}, $e = (e) => {
+  var t = e.querySelector("style");
+  if (!t) {
     var n = document.createElement("style");
-    return t.appendChild(n), n;
+    return e.appendChild(n), n;
   }
-  return e;
-}, Ge = (t, e) => {
-  const n = /\.-?[_a-zA-Z0-9-*\s<>():]+/g, [s] = e.match(n) || [];
-  for (const o of t.cssRules) {
+  return t;
+}, Ge = (e, t) => {
+  const n = /\.-?[_a-zA-Z0-9-*\s<>():]+/g, [s] = t.match(n) || [];
+  for (const o of e.cssRules) {
     const [r] = o.cssText.match(n) || [];
     if (s === r)
       return !0;
   }
   return !1;
-}, Ie = (t, e) => {
-  e.forEach((n) => {
-    Ye(t, n);
+}, Ie = (e, t) => {
+  t.forEach((n) => {
+    Ye(e, n);
   });
-}, Ye = (t, e) => {
+}, Ye = (e, t) => {
   var s;
-  var n = $e(t);
-  n.sheet && (Ge(n.sheet, e) || (s = n.sheet) == null || s.insertRule(e, n.sheet.cssRules.length));
-}, le = (t, e = {}) => {
-  for (const n of Object.keys(e)) {
-    const s = e[n];
-    s != null && We(t, `--${n}`, s);
+  var n = $e(e);
+  n.sheet && (Ge(n.sheet, t) || (s = n.sheet) == null || s.insertRule(t, n.sheet.cssRules.length));
+}, le = (e, t = {}) => {
+  for (const n of Object.keys(t)) {
+    const s = t[n];
+    s != null && We(e, `--${n}`, s);
   }
-}, 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];
+}, We = (e, t, n) => e && e.style.setProperty(t, n), ue = "startDrag", Nt = "drag", zt = "startDrop", Xe = "drop", at = "temp-child", fe = "cubic-bezier(0.2, 0, 0, 1)", Ve = (e) => e === Xe || e === zt, _t = (e) => !e || e.length == 0 ? 0 : qt(e.replace("px", "")), _e = (e, t) => {
+  const n = getComputedStyle(e)[t];
   if (n.match("%")) {
-    const o = qt(n.replace("%", "")), { width: r } = t.getBoundingClientRect();
+    const o = qt(n.replace("%", "")), { width: r } = e.getBoundingClientRect();
     return r * (o / 100);
   }
   return _t(n);
-}, jt = (t, e) => {
-  if (!(t instanceof Element))
+}, jt = (e, t) => {
+  if (!(e instanceof Element))
     return [
       0,
       !1
     ];
-  const n = _e(t, e), s = getComputedStyle(t).display, o = n > 0 || s === "flex";
+  const n = _e(e, t), s = getComputedStyle(e).display, o = n > 0 || s === "flex";
   return [n, o];
-}, He = (t) => {
-  const { top: e, left: n } = getComputedStyle(t);
-  return [_t(e), _t(n)];
-}, qe = (t, e) => {
-  const { gap: n } = w(e), [s, o] = jt(t, n);
+}, He = (e) => {
+  const { top: t, left: n } = getComputedStyle(e);
+  return [_t(t), _t(n)];
+}, qe = (e, t) => {
+  const { gap: n } = w(t), [s, o] = jt(e, n);
   return o ? s : 0;
 };
-function Et(t, e, n, s, o = t.previousElementSibling, r = t.nextElementSibling) {
+function Et(e, t, n, s, o = e.previousElementSibling, r = e.nextElementSibling) {
   let { height: c, width: l } = ze(
     n,
-    t,
+    e,
     o,
     r
   );
-  return pt(t, s) && e == Ft && (c = 0, l = 0), { height: c, width: l };
+  return pt(e, s) && t == Nt && (c = 0, l = 0), { height: c, width: l };
 }
-const ze = (t, e, n, s) => {
+const ze = (e, t, n, s) => {
   const {
     afterMargin: o,
     beforeMargin: r,
     distance: c,
     gap: l,
     getRect: u
-  } = w(t), d = L(e, o), m = L(e, r), v = L(s, r), [B, O] = jt(
-    e.parentElement,
+  } = w(e), d = L(t, o), m = L(t, r), v = L(s, r), [B, O] = jt(
+    t.parentElement,
     l
-  ), N = u(e)[c];
+  ), F = u(t)[c];
   if (O)
-    return Qt(N, m, d, B, 0, t);
+    return Qt(F, m, d, B, 0, e);
   const [h, S, y] = je(
     n,
     v,
@@ -237,45 +237,45 @@ const ze = (t, e, n, s) => {
     m,
     o
   );
-  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) {
+  return Qt(F, S, h, 0, y, e);
+}, je = (e, t, n, s, o) => {
+  const r = Math.max(t, n);
+  let c = s, l = t;
+  if (e) {
     const u = L(
-      t,
+      e,
       o
     );
     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) => {
+}, Qt = (e, t, n, s, o, r) => ke(r, e + t + n + s - o), ke = (e, t) => e == _ ? { width: t, height: 0 } : { width: 0, height: t }, Ut = (e, t) => {
   const {
     borderBeforeWidth: n,
     paddingBefore: s,
     axis: o,
     getRect: r
-  } = w(t), c = L(e, n), l = L(e, s), u = r(e)[o];
+  } = w(e), c = L(t, n), l = L(t, s), u = r(t)[o];
   return c + l + u;
-}, Ze = (t, e) => {
-  const [n, s] = He(e), o = Ut(U, t);
+}, Ze = (e, t) => {
+  const [n, s] = He(t), o = Ut(U, e);
   return [
-    Ut(_, t) - s,
+    Ut(_, e) - s,
     o - n
   ];
 };
-function Je(t, e, n, s, o, r, c, l, u) {
+function Je(e, t, n, s, o, r, c, l, u) {
   let d = 0, m = 0;
   const v = !!(n < 0 && u);
   if (n === s && !v)
     return te(
       { height: d, width: m },
-      t,
+      e,
       o,
       c,
       v
     );
-  const [B, O, N, h] = Ue(e, n, s, u);
+  const [B, O, F, h] = Ue(t, n, s, u);
   if (v) {
     const [tt, ot] = Ze(l, u);
     d += ot, m += tt;
@@ -286,10 +286,10 @@ function Je(t, e, n, s, o, r, c, l, u) {
     afterMargin: R,
     distance: I,
     gap: Y
-  } = w(t), [W, P] = jt(l, Y), [
+  } = w(e), [W, P] = jt(l, Y), [
     st,
     H,
-    F
+    N
   ] = en(
     y,
     R,
@@ -302,7 +302,7 @@ function Je(t, e, n, s, o, r, c, l, u) {
     y,
     R,
     I,
-    N,
+    F,
     W,
     P
   ), X = Qe(
@@ -312,124 +312,124 @@ function Je(t, e, n, s, o, r, c, l, u) {
     H,
     st,
     W
-  ), j = v ? l[S] : Ke(S, l, r), $ = (h ? X - F : F - X) - j;
-  return t === U ? d += $ : t === _ && (m += $), te(
+  ), j = v ? l[S] : Ke(S, l, r), $ = (h ? X - N : N - X) - j;
+  return e === U ? d += $ : e === _ && (m += $), te(
     { height: d, width: m },
-    t,
+    e,
     o,
     c,
     v
   );
 }
-const Ke = (t, e, n) => {
-  const s = e[t], o = n[t];
+const Ke = (e, t, n) => {
+  const s = t[e], o = n[e];
   return s - o;
-}, Qe = (t, e, n, s, o, r) => {
-  const c = Math.max(e, o);
-  return Math.max(n, s) + t + c + r;
-}, Ue = (t, e, n, s) => {
-  const o = e < n, [r, c] = [e, n].toSorted(
+}, Qe = (e, t, n, s, o, r) => {
+  const c = Math.max(t, o);
+  return Math.max(n, s) + e + c + r;
+}, Ue = (e, t, n, s) => {
+  const o = t < n, [r, c] = [t, n].toSorted(
     (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 = e[t] ?? s, u = e[n];
+  let d = o ? e.slice(r + 1, c + 1) : e.slice(r, c);
+  return r < 0 && s && (d = e.slice(r + 1, c)), [
     l,
     u,
     d,
     o
   ];
-}, tn = (t, e, n, s, o, r) => {
+}, tn = (e, t, n, s, o, r) => {
   if (s.length == 0)
     return [0, 0, 0];
-  const c = L(s[0], t);
+  const c = L(s[0], 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);
+    const v = m.getBoundingClientRect()[n], B = L(m, e);
+    r && (l += B), r && d > 0 ? l += o : l = Math.max(l, B), u += l + v, l = L(m, t);
   }
   return [c, u, l];
-}, te = (t, e, n, s, o) => {
-  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) => {
+}, te = (e, t, n, s, o) => {
+  const { scroll: r, distance: c } = w(t), l = window[r], u = n[r], d = o ? 0 : u - 2 * l + s[r];
+  return e[c] += d, e;
+}, en = (e, t, n, s, o, r, c) => {
   const l = o ? n.previousElementSibling : s;
   return nn(
-    t,
     e,
+    t,
     l,
     n,
     r,
     c
   );
-}, nn = (t, e, n, s, o, r) => {
+}, nn = (e, t, n, s, o, r) => {
   if (o)
     return [0, 0, 0];
   const c = L(
     r ? null : n,
-    e
-  ), l = L(s, t);
+    t
+  ), l = L(s, e);
   let u = Math.max(c, l);
   return [c, l, u];
-}, kt = (t, e, n, s = () => !0) => {
+}, kt = (e, t, n, s = () => !0) => {
   const o = new MutationObserver((r) => {
     if (r = r.filter(s), r.length > 0) {
       const c = r[0];
-      t(o, c);
+      e(o, c);
     }
   });
-  return o.observe(e, n), o;
-}, sn = (t, e, n) => {
-  n != 0 && (e === "vertical" ? t.scrollBy(0, n) : t.scrollBy(n, 0));
-}, 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) => it(t) ? t.classList.contains(at) : !1, cn = (t, e, n) => {
+  return o.observe(t, n), o;
+}, sn = (e, t, n) => {
+  n != 0 && (t === "vertical" ? e.scrollBy(0, n) : e.scrollBy(n, 0));
+}, on = (e, t, n) => {
+  const { scrollDistance: s, clientDistance: o, scrollElement: r } = w(e);
+  return n[r] / (t[s] - t[o]);
+}, rn = "startDrag", de = "cubic-bezier(0.2, 0, 0, 1)", ge = 50, ee = (e) => it(e) ? e.classList.contains(at) : !1, cn = (e, t, n) => {
   let s = Et(
-    e,
+    t,
     rn,
     n,
-    t
+    e
   );
-  const o = qe(t, n), { distance: r } = w(n);
+  const o = qe(e, n), { distance: r } = w(n);
   s[r] -= o;
-  const [c, l] = an(n, e);
+  const [c, l] = an(n, t);
   return s[l] = c, s;
-}, an = (t, e) => {
-  const n = t == _ ? U : _, { distance: s, getRect: o } = w(n);
+}, an = (e, t) => {
+  const n = e == _ ? U : _, { distance: s, getRect: o } = w(n);
   return [
-    o(e)[s],
+    o(t)[s],
     s
   ];
-}, ht = (t, e, n) => {
-  Re(t, e, n), t.style.minWidth = `${n}px`;
-}, ln = (t, e, n) => (s) => {
-  e.contains(t) && (ht(t, n.height, n.width), s.disconnect());
-}, un = (t, e) => {
-  if (!e)
+}, ht = (e, t, n) => {
+  Re(e, t, n), e.style.minWidth = `${n}px`;
+}, ln = (e, t, n) => (s) => {
+  t.contains(e) && (ht(e, n.height, n.width), s.disconnect());
+}, un = (e, t) => {
+  if (!t)
     return;
-  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);
+  const { droppable: n, config: s, scroll: o } = e, { 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) => {
+}, pe = (e, t, n, s) => {
   if (!n)
     return;
   const { droppable: o, config: r } = n, { direction: c, animationDuration: l } = r;
-  if (un(n, e), o.querySelector(`.${at}`) || !t)
+  if (un(n, t), o.querySelector(`.${at}`) || !e)
     return;
-  var u = t.tagName == "LI" ? "DIV" : t.tagName, d = document.createElement(u);
+  var u = e.tagName == "LI" ? "DIV" : e.tagName, d = document.createElement(u);
   nt(d, at), ht(d, 0, 0);
-  const m = cn(o, t, c);
-  return Nt(
+  const m = cn(o, e, c);
+  return Ft(
     d,
     l,
     de,
     "width, min-width, height"
   ), [d, m, o];
-}, Gt = (t, e, n, s, o) => {
-  const r = pe(t, n, s);
+}, Gt = (e, t, n, s, o) => {
+  const r = pe(e, n, s);
   if (!r)
     return;
   const [c, l, u] = r;
-  e.isSameNode(u) && ht(c, l.height, l.width), kt(
+  t.isSameNode(u) && ht(c, l.height, l.width), kt(
     ln(c, u, l),
     u,
     {
@@ -437,29 +437,29 @@ const Ke = (t, e, n) => {
       subtree: !0
     }
   ), u.appendChild(c);
-}, fn = (t, e, n) => {
-  const s = pe(t, e, n);
+}, fn = (e, t, n) => {
+  const s = pe(e, t, n);
   if (!s)
     return;
   const [o, r, c] = s;
   c.appendChild(o), dn(o, r);
-}, dn = (t, e) => requestAnimationFrame(() => {
-  ht(t, e.height, e.width), requestAnimationFrame(() => {
-    Nt(
-      t,
+}, dn = (e, t) => requestAnimationFrame(() => {
+  ht(e, t.height, t.width), requestAnimationFrame(() => {
+    Ft(
+      e,
       0,
       de,
       "width, min-width, height"
     );
   });
-}), gn = (t, e, n, s, o = !0) => {
+}), gn = (e, t, n, s, o = !0) => {
   if (n) {
     var r = document.querySelectorAll(
       `${gt(n)} > .${at}`
     );
     r.forEach((c) => {
       const l = c.parentElement;
-      if (l != null && l.isSameNode(e) || !o && (l != null && l.isSameNode(t)))
+      if (l != null && l.isSameNode(t) || !o && (l != null && l.isSameNode(e)))
         return;
       ht(c, 0, 0), setTimeout(() => {
         var d;
@@ -467,17 +467,17 @@ const Ke = (t, e, n) => {
       }, s + ge);
     });
   }
-}, vt = (t, e, n = !1) => {
-  var s = t.querySelectorAll(`.${at}`);
+}, vt = (e, t, n = !1) => {
+  var s = e.querySelectorAll(`.${at}`);
   s.forEach((o) => {
     const r = o;
     n ? (ht(r, 0, 0), setTimeout(() => {
-      t.contains(r) && t.removeChild(r);
-    }, e + ge)) : t.removeChild(o);
+      e.contains(r) && e.removeChild(r);
+    }, t + ge)) : e.removeChild(o);
   });
 }, pn = 50;
-function hn(t, e, n, s, o, r) {
-  let c = e;
+function hn(e, t, n, s, o, r) {
+  let c = t;
   const {
     direction: l,
     handlerSelector: u,
@@ -485,7 +485,7 @@ function hn(t, e, n, s, o, r) {
     animationDuration: m,
     delayBeforeInsert: v,
     draggingClass: B
-  } = t, O = (i, f, g, D, C) => {
+  } = e, O = (i, f, g, D, C) => {
     if (!D)
       return;
     const { droppable: b, config: T } = D, A = Et(
@@ -507,17 +507,17 @@ function hn(t, e, n, s, o, r) {
       A,
       D
     );
-  }, N = (i, f, g, D, C) => {
+  }, F = (i, f, g, D, C) => {
     const b = Et(
       f,
       "insert",
-      t.direction,
+      e.direction,
       g
-    ), { onInsertEvent: T } = t, A = re(g);
+    ), { onInsertEvent: T } = e, A = re(g);
     for (const [M, x] of A.entries())
       et(x, Q) && M >= i && W(x, b);
     C(), setTimeout(() => {
-      T(i, D), vt(n, 0, !0), he(i, g, t), tt(f), V(f, n);
+      T(i, D), he(i, g, e), tt(f), V(f, n), vt(n, 0, !0);
     }, v);
   }, h = (i, f, g, D) => {
     if (!g || !g.droppable || !g.config)
@@ -566,7 +566,7 @@ function hn(t, e, n, s, o, r) {
         J,
         C.direction,
         T
-      ), f === ue ? Y(x, g) : f === Ft && W(x, g);
+      ), f === ue ? Y(x, g) : f === Nt && W(x, g);
     }
   }, 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;
@@ -581,7 +581,7 @@ function hn(t, e, n, s, o, r) {
     Tt(i, D, g);
   }, W = (i, f) => {
     const { width: g, height: D } = f;
-    Tt(i, D, g), Nt(i, m, fe);
+    Tt(i, D, g), Ft(i, m, fe);
   }, P = (i, f, g, D, C, b) => {
     const { droppable: T, scroll: A, config: M } = C, [x, G] = Rt(
       i,
@@ -628,7 +628,7 @@ function hn(t, e, n, s, o, r) {
         At
       );
     }
-    F(
+    N(
       ct,
       i,
       M,
@@ -648,12 +648,12 @@ function hn(t, e, n, s, o, r) {
       D.height,
       D.width
     );
-  }, F = (i, f, g, D, C) => {
+  }, N = (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();
+        const A = d(C, !0);
+        A != null && (b(i, A, !0), T({ value: A, index: i })), q(f), Z();
       }
     });
   }, Z = () => {
@@ -702,67 +702,67 @@ function hn(t, e, n, s, o, r) {
   return [
     O,
     h,
-    N,
+    F,
     S,
     ut
   ];
 }
-const he = (t, e, n) => {
+const he = (e, t, n) => {
   const { insertingFromClass: s, animationDuration: o } = n, r = kt(() => {
-    const l = re(e)[t];
+    const l = re(t)[e];
     nt(l, s), nt(l, Zt), setTimeout(() => {
       Ct(l, Zt), Ct(l, s), r.disconnect();
     }, o);
-  }, e, {
+  }, t, {
     childList: !0
   });
-}, wn = (t, e, n, s) => {
-  if (!e)
+}, Bn = (e, t, n, s) => {
+  if (!t)
     return;
-  const { onInsertEvent: o, delayBeforeInsert: r } = t;
+  const { onInsertEvent: o, delayBeforeInsert: r } = e;
   setTimeout(() => {
-    o(n, s), he(n, e, t);
+    o(n, s), he(n, t, e);
   }, r);
-}, mn = (t, e) => {
-  const n = (l) => t.removeAtEvent(l), s = (l, u) => t.insertEvent(l, u), o = () => t.getLength(), r = (l) => t.getValue(l), c = (l) => l;
+}, mn = (e, t) => {
+  const n = (l, u) => e.removeAtEvent(l, u), s = (l, u, d) => e.insertEvent(l, u, d), o = () => e.getLength(), r = (l) => e.getValue(l), c = (l) => l;
   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) ?? (() => {
+    direction: (t == null ? void 0 : t.direction) ?? U,
+    handlerSelector: (t == null ? void 0 : t.handlerSelector) ?? Q,
+    draggingClass: (t == null ? void 0 : t.draggingClass) ?? "dragging",
+    droppableClass: (t == null ? void 0 : t.droppableClass) ?? "droppable-hover",
+    isDraggable: (t == null ? void 0 : t.isDraggable) ?? (() => !0),
+    onDragStart: (t == null ? void 0 : t.onDragStart) ?? (() => {
     }),
-    onDragEnd: (e == null ? void 0 : e.onDragEnd) ?? (() => {
+    onDragEnd: (t == null ? void 0 : t.onDragEnd) ?? (() => {
     }),
-    droppableGroup: e == null ? void 0 : e.droppableGroup,
+    droppableGroup: t == null ? void 0 : t.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
+    animationDuration: (t == null ? void 0 : t.animationDuration) ?? 200,
+    removingClass: (t == null ? void 0 : t.removingClass) ?? "removing",
+    insertingFromClass: (t == null ? void 0 : t.insertingFromClass) ?? "from-inserting",
+    delayBeforeRemove: (t == null ? void 0 : t.delayBeforeRemove) ?? 200,
+    delayBeforeInsert: (t == null ? void 0 : t.delayBeforeInsert) ?? 200,
+    mapFrom: (t == null ? void 0 : t.mapFrom) ?? c
   };
-}, Sn = (t, e) => {
-  const { config: n, droppable: s } = t, { onInsertEvent: o, onDragEnd: r } = n;
+}, Sn = (e, t) => {
+  const { config: n, droppable: s } = e, { onInsertEvent: o, onDragEnd: r } = n;
   return {
     ...n,
     onDragEnd: (u) => {
       const { index: d, value: m } = u;
-      r({ index: d, value: e(m, s) });
+      r({ index: d, value: t(m, s) });
     },
-    onInsertEvent: (u, d) => o(u, e(d, s))
+    onInsertEvent: (u, d) => o(u, t(d, s), !0)
   };
-}, Dn = (t) => {
-  let e = { offsetX: 0, offsetY: 0 }, n = { top: 0, left: 0 }, s = { x: 0, y: 0 };
+}, Dn = (e) => {
+  let t = { offsetX: 0, offsetY: 0 }, n = { top: 0, left: 0 }, s = { x: 0, y: 0 };
   const o = (u) => {
-    t.style.transform = `translate( ${u.x}px, ${u.y}px)`;
+    e.style.transform = `translate( ${u.x}px, ${u.y}px)`;
   }, r = (u) => {
-    t.style.top = `${u.top}px`, t.style.left = `${u.left}px`;
+    e.style.top = `${u.top}px`, e.style.left = `${u.left}px`;
   };
   return [
     (u, d, m, v) => {
@@ -777,8 +777,8 @@ const he = (t, e, n) => {
           inner: P,
           distance: st,
           axis: 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);
+          getRect: N
+        } = w(h), Z = m[W], q = window[Y], z = window[P], X = N(u)[st], j = L(u, y), V = L(u, S), $ = Z - t[I], tt = ie(u, h);
         if ($ >= q - X / 2 && $ <= q + z) {
           const ut = $ - n[R] - j - V - q - tt;
           return O(h), ut;
@@ -786,52 +786,52 @@ const he = (t, e, n) => {
         return s[H];
       }, O = (h) => {
         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;
+          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, N = P / H, Z = Y / H, q = 0.1, z = 0.2, X = 0.8;
           let j = 0;
           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));
+          !V && N < z && N > -Z ? j = N / z - 1 : !V && N > X && N < 1 + Z && (j = 1 / (1 - X) * (N - X));
           const $ = q * Y * j;
           sn(d, v, $);
         }
-      }, N = (h) => {
+      }, F = (h) => {
         const { axis: S } = w(h);
         s[S] = B(h), o(s);
       };
-      N(_), N(U);
+      F(_), F(U);
     },
     (u, d) => {
       const [m, v, B, O] = Tn(
         u,
         d,
-        t
+        e
       );
       n = {
         top: m,
         left: v
-      }, r(n), e = { offsetX: B, offsetY: O };
+      }, r(n), t = { offsetX: B, offsetY: O };
     }
   ];
-}, Lt = (t, e, n) => {
-  const { borderBeforeWidth: s, before: o, getRect: r } = w(t);
-  return r(e)[o] - r(n)[o] - L(n, s);
-}, vn = (t, e) => {
-  let { offsetX: n, offsetY: s, target: o } = t, r = bn(o, e);
+}, Lt = (e, t, n) => {
+  const { borderBeforeWidth: s, before: o, getRect: r } = w(e);
+  return r(t)[o] - r(n)[o] - L(n, s);
+}, vn = (e, t) => {
+  let { offsetX: n, offsetY: s, target: o } = e, r = bn(o, t);
   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];
-}, 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: 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 c && r && !c.isSameNode(r) && (n += Lt(_, c, r), s += Lt(U, c, r)), r && t != o && (n += Lt(_, r, t), s += Lt(U, r, t)), [n, s];
+}, bn = (e, t) => {
+  const n = e == null ? void 0 : e.closest(`.${Ot}`);
+  return n && n.isSameNode(t) ? e : n;
+}, ne = (e, t, n, s) => {
+  const { offset: o, beforeMargin: r, page: c, borderBeforeWidth: l, scroll: u } = w(e), d = ie(n, e);
+  return t[c] - s[o] - L(n, r) - L(n, l) - window[u] - d;
+}, Tn = (e, t, n) => {
+  const [s, o] = vn(e, n);
   return [
-    ne(U, t, e, {
+    ne(U, e, t, {
       offsetX: s,
       offsetY: o
     }),
-    ne(_, t, e, {
+    ne(_, e, t, {
       offsetX: s,
       offsetY: o
     }),
@@ -839,37 +839,37 @@ const he = (t, e, n) => {
     o
   ];
 }, K = class K {
-  static addConfig(e, n) {
+  static addConfig(t, n) {
     const s = K.configs.filter(
-      (r) => !r.droppable.isSameNode(e)
-    ), o = Kt(e);
+      (r) => !r.droppable.isSameNode(t)
+    ), o = Kt(t);
     s.push({
-      droppable: e,
+      droppable: t,
       config: n,
       scroll: o
     }), K.configs = s;
   }
-  static updateScrolls(e, n) {
+  static updateScrolls(t, n) {
     for (const s of K.configs) {
       const { droppable: o } = s;
-      (n && be(o, n) || o.isSameNode(e)) && (s.scroll = Kt(o));
+      (n && be(o, n) || o.isSameNode(t)) && (s.scroll = Kt(o));
     }
   }
-  static getConfig(e) {
+  static getConfig(t) {
     return K.configs.find(
-      ({ droppable: s }) => s.isSameNode(e)
+      ({ droppable: s }) => s.isSameNode(t)
     );
   }
 };
 k(K, "configs", []), k(K, "removeObsoleteConfigs", () => {
-  const e = K.configs.filter(
+  const t = K.configs.filter(
     ({ droppable: n }) => document.contains(n)
   );
-  K.configs = e;
+  K.configs = t;
 });
 let lt = K;
 class En {
-  constructor(e, n, s, o, r, c) {
+  constructor(t, n, s, o, r, c) {
     k(this, "initial");
     k(this, "current");
     k(this, "parent");
@@ -878,56 +878,56 @@ class En {
     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;
+    this.parent = s, this.draggableElement = t, 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));
+  getDraggableAncestor(t, n, s) {
+    return document.elementsFromPoint(t, n).filter((o) => !o.isSameNode(s));
   }
-  getElementBelow(e, n, s = !0) {
+  getElementBelow(t, n, s = !0) {
     const o = (c) => {
       const [l] = c.getDraggableAncestor(
         n.clientX,
         n.clientY,
-        e
+        t
       );
       return l;
     };
     let r = null;
-    return s ? (e.hidden = !0, r = o(this), e.hidden = !1) : r = o(this), r;
+    return s ? (t.hidden = !0, r = o(this), t.hidden = !1) : r = o(this), r;
   }
-  getCurrent(e, n, s = !0) {
-    const o = this.getElementBelow(e, n, s);
+  getCurrent(t, n, s = !0) {
+    const o = this.getElementBelow(t, n, s);
     return !this.groupClass || !o ? void 0 : o.closest(
       gt(this.groupClass)
     );
   }
-  isOutsideOfAllDroppables(e) {
+  isOutsideOfAllDroppables(t) {
     return (this.groupClass ? Array.from(
       document.querySelectorAll(gt(this.groupClass))
     ) : [this.parent]).every(
-      (s) => pt(e, s)
+      (s) => pt(t, s)
     );
   }
-  isNotInsideAnotherDroppable(e, n) {
-    return !pt(e, n) || this.isOutsideOfAllDroppables(e);
+  isNotInsideAnotherDroppable(t, n) {
+    return !pt(t, n) || this.isOutsideOfAllDroppables(t);
   }
   onScrollEvent() {
     this.dragEvent();
   }
-  setOnScroll(e) {
-    ae(e, "onscroll", () => {
+  setOnScroll(t) {
+    ae(t, "onscroll", () => {
       this.onScrollEvent();
     });
   }
-  getConfigFrom(e) {
-    const n = lt.getConfig(e);
+  getConfigFrom(t) {
+    const n = lt.getConfig(t);
     if (n)
-      return {
+      return t.isSameNode(this.parent) ? n : {
         ...n,
         config: Sn(n, this.mapFrom)
       };
   }
-  getCurrentConfig(e) {
+  getCurrentConfig(t) {
     var o;
     const n = this.draggableElement;
     if (this.current && this.isNotInsideAnotherDroppable(
@@ -935,19 +935,19 @@ class En {
       (o = this.current) == null ? void 0 : o.droppable
     ))
       return this.current;
-    const s = this.getCurrent(n, e);
+    const s = this.getCurrent(n, t);
     return s ? (it(s) && !s.onscroll && this.setOnScroll(s), this.getConfigFrom(s)) : this.getConfigFrom(this.parent);
   }
-  updateConfig(e) {
+  updateConfig(t) {
     const n = this.current;
-    this.current = this.getCurrentConfig(e), this.changeDroppable(this.current, n);
+    this.current = this.getCurrentConfig(t), this.changeDroppable(this.current, n);
   }
-  isOutside(e, n = !0) {
+  isOutside(t, n = !0) {
     const s = this.draggableElement;
-    return !this.getCurrent(s, e, n);
+    return !this.getCurrent(s, t, n);
   }
 }
-function Cn(t, e, n, s, o) {
+function Cn(e, t, n, s, o) {
   const {
     handlerSelector: r,
     isDraggable: c,
@@ -958,50 +958,39 @@ function Cn(t, e, n, s, o) {
     removingClass: v,
     onRemoveAtEvent: B,
     droppableClass: O,
-    onDragStart: N
+    onDragStart: F
   } = 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] = Dn(
-    t
+    e
   ), [
     P,
     st,
     H,
-    F,
+    N,
     Z
   ] = hn(
     n,
-    e,
+    t,
     s,
     h,
     o,
     () => S = 0
     /* NOT_DRAGGING */
   ), q = () => {
-    nt(t, Q);
+    nt(e, Q);
   }, z = (a) => {
     nt(a, Ot), o.addSubscriber(a);
   }, X = () => {
-    if (c(t)) {
-      const a = t.querySelector(r);
-      z(a || t);
+    if (c(e)) {
+      const a = e.querySelector(r);
+      z(a || e);
     }
   }, j = () => {
-    Ie(document.body, [
-      `.${Q}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,
-      `.${Ot}{pointer-events:auto!important;}`,
-      `.${ve}{cursor:grab;}`,
-      ".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",
-      ".droppable{box-sizing:border-box!important;}",
-      `.${Ht}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,
-      `.${Yt}{pointer-events:none!important;}`,
-      `.${Wt}{pointer-events:none!important;}`,
-      `.${se}{cursor:grabbing;}`,
-      ".disable-transition{transition:none!important;}"
-    ]), X(), q();
+    X(), q();
   }, V = (a) => {
     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;
@@ -1025,21 +1014,21 @@ function Cn(t, e, n, s, o) {
     if (R.pageX == 0 && R.pageY == 0 || !i.current)
       return;
     const { droppable: a, config: p } = i.current;
-    Y(t, a, R, p.direction), P(
-      t,
-      Ft,
+    Y(e, a, R, p.direction), P(
+      e,
+      Nt,
       y,
       i.current
     );
   }, ut = (a, p) => {
     p && S == 2 && !(a != null && a.droppable.isSameNode(p.droppable)) && P(
-      t,
-      Ft,
+      e,
+      Nt,
       y,
       p
     );
   }, i = new En(
-    t,
+    e,
     h,
     s,
     ot,
@@ -1071,7 +1060,7 @@ function Cn(t, e, n, s, o) {
       u,
       a
     ), !a && Gt(
-      t,
+      e,
       s,
       S == 1,
       i.current
@@ -1091,17 +1080,17 @@ function Cn(t, e, n, s, o) {
     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 p = n.onGetValue(e);
-    return { index: e, element: a, value: p };
+    const p = n.onGetValue(t);
+    return { index: t, element: a, value: p };
   }, M = (a, p) => (E) => {
-    if (T(E, t))
+    if (T(E, e))
       return;
     lt.updateScrolls(s, h);
     const { scrollX: dt, scrollY: rt } = window;
     if (y = { scrollX: dt, scrollY: rt }, S === 0) {
       S = 1;
-      const Dt = A(t);
-      Dt && N(Dt), b(a, () => {
+      const Dt = A(e);
+      Dt && F(Dt), b(a, () => {
         a == "touchmove" && (i.updateConfig(E), f(i.isOutside(E)), ft(E)), document.addEventListener(a, C, {
           passive: !1
         });
@@ -1129,16 +1118,16 @@ function Cn(t, e, n, s, o) {
       it(E) && (E.onscroll = null);
   }, ft = (a) => {
     Gt(
-      t,
+      e,
       s,
       S == 1,
       i.current
     ), mt(), P(
-      t,
+      e,
       ue,
       y,
       i.current
-    ), wt(t), W(a, t);
+    ), wt(e), W(a, e);
   }, mt = () => {
     S = 2;
   }, St = (a) => {
@@ -1149,15 +1138,15 @@ function Cn(t, e, n, s, o) {
       S = 0;
       return;
     }
-    S = 3, xt(t), P(
-      t,
+    S = 3, xt(e), P(
+      e,
       zt,
       y,
       a ? i.initial : i.current,
-      e
+      t
     );
   }, xt = (a) => {
-    Nt(a, u, fe), Tt(a, 0, 0);
+    Ft(a, u, fe), Tt(a, 0, 0);
   }, wt = (a) => {
     const { height: p, width: E } = a.getBoundingClientRect();
     le(a, {
@@ -1168,63 +1157,76 @@ function Cn(t, e, n, s, o) {
     if (!i.initial)
       return;
     const p = i.initial;
-    a == e && (nt(t, v), setTimeout(() => {
-      B(e), Ct(t, v), Gt(
-        t,
+    a == t && (nt(e, v), setTimeout(() => {
+      B(t), Ct(e, v), Gt(
+        e,
         s,
         S == 1,
         i.initial
       ), st(
         a,
-        t,
+        e,
         p,
         (E) => {
-          xt(E), F(t);
+          xt(E), N(e);
         }
       );
     }, d));
   }, me = (a, p) => {
-    (a === e || a === n.onGetLegth() && e === a - 1) && H(
+    (a === t || a === n.onGetLegth() && t === a - 1) && H(
       a,
-      t,
+      e,
       s,
       p,
       () => {
         fn(
-          t,
+          e,
           S == 1,
           i.initial
         );
       }
     );
   };
-  return j(), $(t), [Bt, me];
+  return j(), $(e), [Bt, me];
 }
-const yn = (t, e) => {
-  t && Te(e, t);
+const yn = (e, t) => {
+  e && Te(t, e);
+}, An = () => {
+  Ie(document.body, [
+    `.${Q}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,
+    `.${Ot}{pointer-events:auto!important;}`,
+    `.${ve}{cursor:grab;}`,
+    ".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",
+    ".droppable{box-sizing:border-box!important;}",
+    `.${Ht}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,
+    `.${Yt}{pointer-events:none!important;}`,
+    `.${Wt}{pointer-events:none!important;}`,
+    `.${se}{cursor:grabbing;}`,
+    ".disable-transition{transition:none!important;}"
+  ]);
 };
-function An(t, e, n, s = "index") {
+function xn(e, t, n, s = "index") {
   const o = s;
   let r = [], c = [];
-  const { droppableGroup: l } = t;
+  const { droppableGroup: l } = e;
   if (!n)
     return [
       r,
       c
     ];
   const u = yt(l).map((d) => `droppable-group-${d}`).join(" ");
-  yn(u, n);
+  An(), 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, N] = Cn(
+      const [O, F] = Cn(
         B,
         v,
-        t,
+        e,
         n,
-        e
+        t
       );
-      r.push(O), c.push(N);
+      r.push(O), c.push(F);
     }
   }
   return [
@@ -1232,19 +1234,19 @@ function An(t, e, n, s = "index") {
     c
   ];
 }
-function Bn(t, e, n, s = "index") {
+function Rn(e, t, n, s = "index") {
   let o = [], r = [];
-  const c = mn(t, n), l = (h) => {
+  const c = mn(e, n), l = (h) => {
     for (const S of o)
       S(h);
   }, u = (h, S) => {
     if (c.onGetLegth() === 0)
-      t.insertToListEmpty(c, h, S);
+      e.insertToListEmpty(c, h, S);
     else
       for (const R of r)
         R(h, S);
   }, d = (h) => {
-    const [S, y] = An(c, e, h, s);
+    const [S, y] = xn(c, t, 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();
@@ -1273,7 +1275,7 @@ function Bn(t, e, n, s = "index") {
 export {
   ve as G,
   nt as a,
-  Bn as d,
-  wn as i,
+  Rn as d,
+  Bn as i,
   bt as t
 };