fluid-dnd 2.5.1 → 2.6.0

package/dist/{index-CJpjY7r7.js → index-CJpYi4CM.js}

@@ -1,13 +1,13 @@
 var Ne = Object.defineProperty;
 var $e = (t, e, n) => e in t ? Ne(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var X = (t, e, n) => $e(t, typeof e != "symbol" ? e + "" : e, n);
-const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt = "handler-class", Bt = "dragging", Yt = "dragging-handler-class", Xt = "dropping", ce = "grabbing", Ge = "grab", Kn = "disable-transition", J = (t, e) => t.classList.contains(e), ht = (t, e, n = !1) => {
+const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", Mt = "handler-class", Lt = "dragging", Yt = "dragging-handler-class", Xt = "dropping", ce = "grabbing", Ge = "grab", Kn = "disable-transition", K = (t, e) => t.classList.contains(e), dt = (t, e, n = !1) => {
   t.classList.toggle(e, n);
 }, rt = (t, e) => {
   t.classList.add(e);
 }, Ut = (t, e) => {
   t.classList.remove(e);
-}, Ve = (t, e) => Et(e).every((n) => J(t, n)), at = (t) => `.${Et(t).join(".")}`, Ye = (t, e) => {
+}, Ve = (t, e) => Et(e).every((n) => K(t, n)), at = (t) => `.${Et(t).join(".")}`, Ye = (t, e) => {
   const n = Et(e);
   t.classList.add(...n);
 }, Et = (t) => ((t == null ? void 0 : t.split(" ")) ?? []).filter((e) => e), Xe = () => {
@@ -19,7 +19,7 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
     x: n.m41,
     y: n.m42
   };
-}, ie = (t, e) => t.x1 > e.x1 ? ie(e, t) : t.x2 < e.x1 ? 0 : t.x2 >= e.x2 ? t.x2 - t.x1 : t.x2 - e.x1, mt = (t, e) => !He(t, e), He = (t, e) => {
+}, ie = (t, e) => t.x1 > e.x1 ? ie(e, t) : t.x2 < e.x1 ? 0 : t.x2 >= e.x2 ? t.x2 - t.x1 : t.x2 - e.x1, St = (t, e) => !He(t, e), He = (t, e) => {
   const { intersectionX: n, intersectionY: s, rect1: o, rect2: r } = ae(t, e);
   return s >= Math.min(o.height, r.height) / 2 && n >= Math.min(o.width, r.width) / 2;
 }, qe = (t, e) => !ze(t, e), ze = (t, e) => {
@@ -34,7 +34,7 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
     intersectionY: o
   };
 }, Jt = (t, e, n) => {
-  const { before: s, distance: o } = I(n);
+  const { before: s, distance: o } = F(n);
   return ie(
     {
       x1: t[s],
@@ -45,46 +45,46 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
       x2: e[s] + e[o]
     }
   );
-}, vt = (t, e) => t ? qt(getComputedStyle(t)[e]) : 0, Kt = (t) => {
+}, Tt = (t, e) => t ? qt(getComputedStyle(t)[e]) : 0, Kt = (t) => {
   const { scrollLeft: e, scrollTop: n } = t;
   return { scrollLeft: e, scrollTop: n };
 }, w = (t) => t.getBoundingClientRect(), z = (t, e) => {
-  const { distance: n } = I(t);
+  const { distance: n } = F(t);
   return [e[n], n];
-}, Lt = (t, e) => {
-  const { axis: n } = I(t);
+}, Pt = (t, e) => {
+  const { axis: n } = F(t);
   return e[n];
 }, lt = (t, e) => {
-  const { borderBeforeWidth: n } = I(t);
-  return vt(e, n);
-}, Mt = (t, e) => {
-  const { beforeMargin: n } = I(t);
-  return vt(e, n);
+  const { borderBeforeWidth: n } = F(t);
+  return Tt(e, n);
+}, Ot = (t, e) => {
+  const { beforeMargin: n } = F(t);
+  return Tt(e, n);
 }, le = (t, e) => {
-  const { beforeMargin: n } = I(t);
-  return vt(e, n);
-}, St = (t, e) => {
-  const { afterMargin: n } = I(t);
-  return vt(e, n);
+  const { beforeMargin: n } = F(t);
+  return Tt(e, n);
+}, Dt = (t, e) => {
+  const { afterMargin: n } = F(t);
+  return Tt(e, n);
 }, j = (t, e) => {
-  const { before: n } = I(t);
+  const { before: n } = F(t);
   return e[n];
-}, Dt = (t, e) => {
-  const { scrollElement: n } = I(t);
+}, vt = (t, e) => {
+  const { scrollElement: n } = F(t);
   return [e[n], n];
 }, ct = (t, e) => {
-  const { scroll: n } = I(t);
+  const { scroll: n } = F(t);
   return e[n];
 }, je = (t, e) => {
-  const { inner: n } = I(t);
+  const { inner: n } = F(t);
   return e[n];
 }, zt = (t, e) => {
-  const { page: n } = I(t);
+  const { page: n } = F(t);
   return e[n];
 }, ue = (t, e) => {
-  const { offset: n } = I(t);
+  const { offset: n } = F(t);
   return e[n];
-}, I = (t) => {
+}, F = (t) => {
   const e = t == Y;
   return {
     beforeMargin: e ? "marginLeft" : "marginTop",
@@ -104,8 +104,8 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
     paddingBefore: e ? "paddingLeft" : "paddingTop",
     getRect: w
   };
-}, Nt = (t, e) => ke(t, e), Qn = (t) => [...t.children].filter((n) => J(n, H)), ke = (t, e) => {
-  const n = [...e.children].filter((o) => J(o, H) && !o.isEqualNode(t)).toReversed(), s = [...e.children].findLastIndex(
+}, Nt = (t, e) => ke(t, e), Qn = (t) => [...t.children].filter((n) => K(n, H)), ke = (t, e) => {
+  const n = [...e.children].filter((o) => K(o, H) && !o.isEqualNode(t)).toReversed(), s = [...e.children].findLastIndex(
     (o) => o.isEqualNode(t)
   );
   return [n, s, e];
@@ -120,10 +120,10 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
 }, ge = (t, e) => {
   const n = Ze(t);
   return n ? j(e, w(n)) + lt(e, n) : 0;
-}, P = (t, e) => t == null ? void 0 : t.isSameNode(e), Ue = (t) => t && getComputedStyle(t).transform !== "none", fe = "startDrag", Ot = "drag", pe = "startDrop", st = "temp-child", he = "cubic-bezier(0.2, 0, 0, 1)", wt = { height: 0, width: 0 }, dt = (t) => window.TouchEvent && t instanceof TouchEvent, K = (t) => t instanceof HTMLElement, de = (t) => t instanceof MouseEvent, Je = ["onmouseup", "onmousedown", "onmousemove"], Ke = (t, e) => {
+}, P = (t, e) => t == null ? void 0 : t.isSameNode(e), Ue = (t) => t && getComputedStyle(t).transform !== "none", fe = "startDrag", wt = "drag", pe = "startDrop", st = "temp-child", he = "cubic-bezier(0.2, 0, 0, 1)", Bt = { height: 0, width: 0 }, mt = (t) => window.TouchEvent && t instanceof TouchEvent, Q = (t) => t instanceof HTMLElement, de = (t) => t instanceof MouseEvent, Je = ["onmouseup", "onmousedown", "onmousemove"], Ke = (t, e) => {
   t.style.height = `${e.height}px`, t.style.width = `${e.width}px`;
-}, it = (t, e = wt) => {
-  !t || !K(t) || (e.width == 0 && e.height == 0 ? t.style.transform = "" : t.style.transform = `translate(${e.width}px,${e.height}px)`);
+}, it = (t, e = Bt) => {
+  !t || !Q(t) || (e.width == 0 && e.height == 0 ? t.style.transform = "" : t.style.transform = `translate(${e.width}px,${e.height}px)`);
 }, Qe = (t, e, n, s) => {
   t[e] = (o) => {
     if (o.defaultPrevented)
@@ -163,30 +163,30 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
   const e = sn(t);
   if (!e)
     return en(t);
-  const [n, s] = nn(t, e), { clientX: o, clientY: r, pageX: i, pageY: a, screenX: f, screenY: u, target: d } = e;
+  const [n, s] = nn(t, e), { clientX: o, clientY: r, pageX: i, pageY: a, screenX: f, screenY: g, target: d } = e;
   return {
     clientX: o,
     clientY: r,
     pageX: i,
     pageY: a,
     screenX: f,
-    screenY: u,
+    screenY: g,
     target: d,
     offsetX: n,
     offsetY: s
   };
 }, sn = (t) => {
-  if (dt(t))
+  if (mt(t))
     return t.touches[0] ?? t.changedTouches[0];
   if (de(t))
     return t;
 }, on = (t, e, n, s) => {
   const o = w(s);
   return zt(n, t) - ct(n, e) - j(n, o) - lt(n, s);
-}, Pt = (t, e, n = "ease-out", s = "transform") => {
-  K(t) && (t.style.transitionDuration = `${e}ms`, t.style.transitionTimingFunction = `${n}`, t.style.transitionProperty = `${s}`);
+}, Rt = (t, e, n = "ease-out", s = "transform") => {
+  Q(t) && (t.style.transitionDuration = `${e}ms`, t.style.transitionTimingFunction = `${n}`, t.style.transitionProperty = `${s}`);
 }, me = (t, e, n) => {
-  !t || !K(t) || (t[e] = () => {
+  !t || !Q(t) || (t[e] = () => {
     n();
   });
 }, rn = (t) => {
@@ -218,17 +218,17 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
     s != null && un(t, `--${n}`, s);
   }
 }, un = (t, e, n) => t && t.style.setProperty(e, n), _t = (t) => {
-  K(t) && (t.style.transition = "", t.style.transform = "");
+  Q(t) && (t.style.transition = "", t.style.transform = "");
 }, gn = (t, e, n) => {
   n != 0 && (e === "vertical" ? t.scrollBy(0, n) : t.scrollBy(n, 0));
 }, fn = (t) => {
   let e = 0.5;
-  const n = 0.03, s = (i, a, f, u) => {
-    const [d] = z(i, w(t)), h = w(a), x = j(i, f) - j(i, h) + Lt(i, u), [R] = z(i, h), b = R - d, C = x / b, E = d / b, A = 0.25, v = 0.2, M = 0.8;
-    let N = 0;
+  const n = 0.03, s = (i, a, f, g) => {
+    const [d] = z(i, w(t)), h = w(a), x = j(i, f) - j(i, h) + Pt(i, g), [R] = z(i, h), b = R - d, C = x / b, v = d / b, A = 0.25, E = 0.2, M = 0.8;
+    let I = 0;
     const W = qe(t, a);
-    !W && C < v && C > -E ? N = o(C < 0 ? 0 : C, v) : !W && C > M && C < 1 + E && (N = r(C, M));
-    const $ = A * d * N;
+    !W && C < E && C > -v ? I = o(C < 0 ? 0 : C, E) : !W && C > M && C < 1 + v && (I = r(C, M));
+    const $ = A * d * I;
     e = Math.sign($) * Math.min(Math.abs($), Math.abs(e) + n), gn(a, i, e);
   }, o = (i, a) => Math.pow(i / a, 1 / 3) - 1, r = (i, a) => Math.pow(1 / (1 - a) * (i - a), 3);
   return [s];
@@ -239,21 +239,21 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
   }, a = (h) => {
     t.style.top = `${h.top}px`, t.style.left = `${h.left}px`;
   }, f = (h, x, R, b) => {
-    const C = (v) => {
-      const M = zt(v, R), N = ct(v, window), W = je(v, window), [$] = z(v, w(h)), k = lt(v, h), U = Mt(v, h), Z = M - ue(v, n), Q = ge(h, v);
-      if (Z >= N - $ / 2 && Z <= N + W) {
-        const g = De(v, x), p = Z - j(v, s) - k - U - N - Q - g;
-        return E(v), p;
+    const C = (E) => {
+      const M = zt(E, R), I = ct(E, window), W = je(E, window), [$] = z(E, w(h)), k = lt(E, h), U = Ot(E, h), Z = M - ue(E, n), tt = ge(h, E);
+      if (Z >= I - $ / 2 && Z <= I + W) {
+        const u = De(E, x), p = Z - j(E, s) - k - U - I - tt - u;
+        return v(E), p;
       }
-      return Lt(v, o);
-    }, E = (v) => {
-      h && J(h, Bt) && v === b && r(b, x, s, o);
-    }, A = (v) => {
-      const { axis: M } = I(v);
-      o[M] = C(v), i(u());
+      return Pt(E, o);
+    }, v = (E) => {
+      h && K(h, Lt) && E === b && r(b, x, s, o);
+    }, A = (E) => {
+      const { axis: M } = F(E);
+      o[M] = C(E), i(g());
     };
     A(Y), A(q);
-  }, u = () => {
+  }, g = () => {
     let h = o;
     for (const x of e)
       h = x(h, t);
@@ -263,16 +263,16 @@ const Y = "horizontal", q = "vertical", H = "draggable", Vt = "droppable", xt =
     const [R, b] = Sn(h, x, t);
     s = R, a(s), n = b;
   }];
-}, bt = (t, e, n) => j(t, w(e)) - j(t, w(n)) - lt(t, n), hn = (t, e) => {
+}, At = (t, e, n) => j(t, w(e)) - j(t, w(n)) - lt(t, n), hn = (t, e) => {
   let { offsetX: n, offsetY: s, target: o } = t, r = dn(o, e);
   const i = o;
-  return i && r && !P(i, r) && (n += bt(Y, i, r), s += bt(q, i, r)), r && e != o && (n += bt(Y, r, e), s += bt(q, r, e)), { offsetX: n, offsetY: s };
+  return i && r && !P(i, r) && (n += At(Y, i, r), s += At(q, i, r)), r && e != o && (n += At(Y, r, e), s += At(q, r, e)), { offsetX: n, offsetY: s };
 }, dn = (t, e) => {
-  const n = t == null ? void 0 : t.closest(`.${xt}`);
+  const n = t == null ? void 0 : t.closest(`.${Mt}`);
   return n && P(e, n) ? t : n;
 }, Qt = (t, e, n, s) => {
   const o = ge(n, t), r = n.parentElement, i = De(t, r);
-  return zt(t, e) - ue(t, s) - Mt(t, n) - lt(t, n) - ct(t, window) - o - i;
+  return zt(t, e) - ue(t, s) - Ot(t, n) - lt(t, n) - ct(t, window) - o - i;
 }, De = (t, e) => e && mn(e) ? j(t, w(e)) : 0, mn = (t) => {
   let e = t;
   for (; e; ) {
@@ -327,20 +327,20 @@ const Ht = (t) => t.length == 0 ? 0 : qt(t.replace("px", "")), Dn = (t, e) => {
     return r * (o / 100);
   }
   return Ht(n);
-}, En = (t, e) => {
+}, vn = (t, e) => {
   if (!(t instanceof Element)) return [0, !1];
   const n = Dn(t, e), s = getComputedStyle(t).display, o = n > 0 || s === "flex";
   return [n, o];
-}, vn = (t) => {
+}, En = (t) => {
   const { top: e, left: n } = getComputedStyle(t);
   return [Ht(e), Ht(n)];
 }, jt = (t, e) => {
-  const { gap: n } = I(e);
-  return En(t, n);
+  const { gap: n } = F(e);
+  return vn(t, n);
 }, Tn = (t, e) => {
   const [n, s] = jt(t, e);
   return s ? n : 0;
-}, Ee = (t, e, n, s = () => !0) => {
+}, ve = (t, e, n, s = () => !0) => {
   const o = new MutationObserver((r) => {
     if (r = r.filter(s), r.length > 0) {
       const i = r[0];
@@ -348,20 +348,20 @@ const Ht = (t) => t.length == 0 ? 0 : qt(t.replace("px", "")), Dn = (t, e) => {
     }
   });
   return o.observe(e, n), o;
-}, te = (t) => K(t) ? t.classList.contains(st) : !1;
-function At(t, e, n, s, o = t.previousElementSibling, r = t.nextElementSibling) {
+}, te = (t) => Q(t) ? t.classList.contains(st) : !1;
+function xt(t, e, n, s, o = t.previousElementSibling, r = t.nextElementSibling) {
   let { height: i, width: a } = Cn(
     n,
     t,
     o,
     r
   );
-  return mt(t, s) && e == Ot && (i = 0, a = 0), { height: i, width: a };
+  return St(t, s) && e == wt && (i = 0, a = 0), { height: i, width: a };
 }
 const Cn = (t, e, n, s) => {
-  const o = St(t, e), r = Mt(t, e), i = Mt(t, s), [a, f] = jt(e.parentElement, t), [u] = z(t, w(e));
+  const o = Dt(t, e), r = Ot(t, e), i = Ot(t, s), [a, f] = jt(e.parentElement, t), [g] = z(t, w(e));
   if (f)
-    return ee(u, r, o, a, 0, t);
+    return ee(g, r, o, a, 0, t);
   const [d, h, x] = yn(
     n,
     i,
@@ -369,17 +369,17 @@ const Cn = (t, e, n, s) => {
     r,
     t
   );
-  return ee(u, h, d, 0, x, t);
+  return ee(g, h, d, 0, x, t);
 }, yn = (t, e, n, s, o) => {
   const r = Math.max(e, n);
   let i = s, a = e;
   if (t) {
-    const f = St(o, t);
+    const f = Dt(o, t);
     i = Math.max(f, s), a = Math.max(a, f);
   }
   return [r, i, a];
-}, ee = (t, e, n, s, o, r) => bn(r, t + e + n + s - o), bn = (t, e) => t == Y ? { width: e, height: 0 } : { width: 0, height: e }, An = "startDrag", ve = "cubic-bezier(0.2, 0, 0, 1)", Te = 50, Ce = "width, min-width, height", xn = (t, e, n) => {
-  let s = At(e, An, n, t);
+}, ee = (t, e, n, s, o, r) => bn(r, t + e + n + s - o), bn = (t, e) => t == Y ? { width: e, height: 0 } : { width: 0, height: e }, An = "startDrag", Ee = "cubic-bezier(0.2, 0, 0, 1)", Te = 50, Ce = "width, min-width, height", xn = (t, e, n) => {
+  let s = xt(e, An, n, t);
   const o = Tn(t, n), [, r] = z(n, s);
   s[r] -= o;
   const [i, a] = Mn(n, e);
@@ -387,32 +387,32 @@ const Cn = (t, e, n, s) => {
 }, Mn = (t, e) => {
   const n = t == Y ? q : Y;
   return z(n, w(e));
-}, ut = (t, e = wt) => {
+}, ut = (t, e = Bt) => {
   Ke(t, e), t.style.minWidth = `${e.width}px`;
 }, On = (t, e, n) => (s) => {
   e.contains(t) && (ut(t, n), s.disconnect());
 }, ye = (t, e) => {
-  const { scrollDistance: n, clientDistance: s } = I(e);
+  const { scrollDistance: n, clientDistance: s } = F(e);
   return t[n] - t[s];
 }, wn = (t, e, n) => {
-  const [s] = Dt(t, n);
+  const [s] = vt(t, n);
   return s / ye(e, t);
 }, Bn = (t, e, n, s) => {
   if (!s)
     return;
-  const { direction: o } = e, r = wn(o, t, n) > 0.99, [, i] = Dt(o, t);
+  const { direction: o } = e, r = wn(o, t, n) > 0.99, [, i] = vt(o, t);
   r && (t[i] = ye(t, o));
 }, be = (t, e, n, s) => {
   const { droppable: o, config: r, scroll: i } = n, { direction: a, animationDuration: f } = r;
   if (Bn(o, r, i, e), o.querySelector(`.${st}`) || !t)
     return;
-  var u = t.tagName == "LI" ? "DIV" : t.tagName, d = document.createElement(u);
+  var g = t.tagName == "LI" ? "DIV" : t.tagName, d = document.createElement(g);
   rt(d, st), ut(d);
   const h = xn(o, t, a);
-  return Pt(
+  return Rt(
     d,
     f,
-    ve,
+    Ee,
     Ce
   ), [d, h, o];
 }, ne = (t, e, n, s, o) => {
@@ -424,7 +424,7 @@ const Cn = (t, e, n, s) => {
   if (!r)
     return;
   const [i, a, f] = r;
-  P(e, f) && ut(i, a), Ee(On(i, f, a), f, {
+  P(e, f) && ut(i, a), ve(On(i, f, a), f, {
     childList: !0,
     subtree: !0
   }), f.appendChild(i);
@@ -436,7 +436,7 @@ const Cn = (t, e, n, s) => {
   i.appendChild(o), Ln(o, r);
 }, Ln = (t, e) => requestAnimationFrame(() => {
   ut(t, e), requestAnimationFrame(() => {
-    Pt(t, 0, ve, Ce);
+    Rt(t, 0, Ee, Ce);
   });
 }), Pn = (t, e, n, s, o = !0) => {
   if (n) {
@@ -448,8 +448,8 @@ const Cn = (t, e, n, s) => {
       if (P(e, a) || !o && P(t, a))
         return;
       ut(i), setTimeout(() => {
-        var u;
-        (u = i.parentNode) == null || u.removeChild(i);
+        var g;
+        (g = i.parentNode) == null || g.removeChild(i);
       }, s + Te);
     });
   }
@@ -466,10 +466,10 @@ const Cn = (t, e, n, s) => {
   return {
     ...n,
     onDragEnd: (f) => {
-      const { index: u, value: d } = f;
-      r({ index: u, value: e(d, s) });
+      const { index: g, value: d } = f;
+      r({ index: g, value: e(d, s) });
     },
-    onInsertEvent: (f, u) => o(f, e(u, s), !0)
+    onInsertEvent: (f, g) => o(f, e(g, s), !0)
   };
 };
 class Fn {
@@ -502,10 +502,10 @@ class Fn {
     return !this.groupClass || !s ? void 0 : s.closest(at(this.groupClass));
   }
   isOutsideOfAllDroppables(e) {
-    return (this.groupClass ? Array.from(document.querySelectorAll(at(this.groupClass))) : [this.parent]).every((s) => mt(e, s));
+    return (this.groupClass ? Array.from(document.querySelectorAll(at(this.groupClass))) : [this.parent]).every((s) => St(e, s));
   }
   isNotInsideAnotherDroppable(e, n) {
-    return !mt(e, n) || this.isOutsideOfAllDroppables(e);
+    return !St(e, n) || this.isOutsideOfAllDroppables(e);
   }
   onScrollEvent() {
     this.dragEvent();
@@ -529,7 +529,7 @@ class Fn {
   getCurrentConfig(e) {
     var o, r;
     const n = this.draggableElement, s = this.getCurrent(n, e);
-    return this.current && this.isNotInsideAnotherDroppable(n, (o = this.current) == null ? void 0 : o.droppable) && !this.droppableIfInsideCurrent(s, (r = this.current) == null ? void 0 : r.droppable) ? this.current : s ? (K(s) && !s.onscroll && this.setOnScroll(s), this.getConfigFrom(s)) : this.getConfigFrom(this.parent);
+    return this.current && this.isNotInsideAnotherDroppable(n, (o = this.current) == null ? void 0 : o.droppable) && !this.droppableIfInsideCurrent(s, (r = this.current) == null ? void 0 : r.droppable) ? this.current : s ? (Q(s) && !s.onscroll && this.setOnScroll(s), this.getConfigFrom(s)) : this.getConfigFrom(this.parent);
   }
   updateConfig(e) {
     const n = this.current;
@@ -541,18 +541,18 @@ class Fn {
   }
 }
 const se = (t, e) => {
-  const { paddingBefore: n } = I(t), s = lt(t, e), o = vt(e, n), r = Lt(t, w(e));
+  const { paddingBefore: n } = F(t), s = lt(t, e), o = Tt(e, n), r = Pt(t, w(e));
   return s + o + r;
 }, In = (t, e) => {
-  const [n, s] = vn(e), o = se(q, t);
+  const [n, s] = En(e), o = se(q, t);
   return [se(Y, t) - s, o - n];
 };
 function Nn(t, e, n, s, o, r, i, a, f) {
-  let u = 0, d = 0;
+  let g = 0, d = 0;
   const h = !!(n < 0 && f);
   if (n === s && !h)
     return oe(
-      { height: u, width: d },
+      { height: g, width: d },
       t,
       o,
       i,
@@ -566,9 +566,9 @@ function Nn(t, e, n, s, o, r, i, a, f) {
   );
   if (h) {
     const [p, m] = In(a, f);
-    u += m, d += p;
+    g += m, d += p;
   }
-  const [E, A] = jt(a, t), [v, M, N] = Xn(
+  const [v, A] = jt(a, t), [E, M, I] = Xn(
     x,
     R == null ? void 0 : R.previousElementSibling,
     C,
@@ -577,7 +577,7 @@ function Nn(t, e, n, s, o, r, i, a, f) {
     t
   ), [W, $, k] = Yn(
     b,
-    E,
+    v,
     A,
     t
   ), U = Gn(
@@ -585,11 +585,11 @@ function Nn(t, e, n, s, o, r, i, a, f) {
     W,
     k,
     M,
-    v,
-    E
-  ), [Z] = Dt(t, a), Q = h ? Z : $n(a, r, t), g = (C ? U - N : N - U) - Q;
-  return t === q ? u += g : t === Y && (d += g), oe(
-    { height: u, width: d },
+    E,
+    v
+  ), [Z] = vt(t, a), tt = h ? Z : $n(a, r, t), u = (C ? U - I : I - U) - tt;
+  return t === q ? g += u : t === Y && (d += u), oe(
+    { height: g, width: d },
     t,
     o,
     i,
@@ -597,23 +597,23 @@ function Nn(t, e, n, s, o, r, i, a, f) {
   );
 }
 const $n = (t, e, n) => {
-  const [s] = Dt(n, t), [o] = Dt(n, e);
+  const [s] = vt(n, t), [o] = vt(n, e);
   return s - o;
 }, Gn = (t, e, n, s, o, r) => {
   const i = Math.max(e, o);
   return Math.max(n, s) + t + i + r;
 }, Vn = (t, e, n, s) => {
   const o = e < n, [r, i] = [e, n].toSorted((d, h) => d - h), a = t[e] ?? s, f = t[n];
-  let u = o ? t.slice(r + 1, i + 1) : t.slice(r, i);
-  return r < 0 && s && (u = t.slice(r + 1, i)), [a, f, u, o];
+  let g = o ? t.slice(r + 1, i + 1) : t.slice(r, i);
+  return r < 0 && s && (g = t.slice(r + 1, i)), [a, f, g, o];
 }, Yn = (t, e, n, s) => {
   if (t.length == 0)
     return [0, 0, 0];
-  const o = St(s, t[0]);
+  const o = Dt(s, t[0]);
   let r = 0, i = -o;
   for (const [a, f] of t.entries()) {
-    const [u] = z(s, w(f)), d = le(s, f);
-    n && (r += d), n && a > 0 ? r += e : r = Math.max(r, d), i += r + u, r = St(s, f);
+    const [g] = z(s, w(f)), d = le(s, f);
+    n && (r += d), n && a > 0 ? r += e : r = Math.max(r, d), i += r + g, r = Dt(s, f);
   }
   return [o, i, r];
 }, oe = (t, e, n, s, o) => {
@@ -631,36 +631,36 @@ const $n = (t, e, n) => {
 }, Wn = (t, e, n, s, o) => {
   if (n)
     return [0, 0, 0];
-  const r = St(o, s ? null : t), i = le(o, e);
+  const r = Dt(o, s ? null : t), i = le(o, e);
   let a = Math.max(r, i);
   return [r, i, a];
 }, _n = (t, e, n) => {
-  const { handlerSelector: s, animationDuration: o } = t, r = (u) => {
-    n(), i(u, !1), _t(u), u.style.top = "", u.style.left = "", Se(u, {
+  const { handlerSelector: s, animationDuration: o } = t, r = (g) => {
+    n(), i(g, !1), _t(g), g.style.top = "", g.style.left = "", Se(g, {
       fixedHeight: "",
       fixedWidth: ""
     });
-  }, i = (u, d) => {
-    ht(u, Bt, d), a(d, u), e.toggleGrabClass(!d);
-  }, a = (u, d) => {
+  }, i = (g, d) => {
+    dt(g, Lt, d), a(d, g), e.toggleGrabClass(!d);
+  }, a = (g, d) => {
     const h = d.querySelector(s);
-    ht(document.body, ce, u), ht(h || d, Yt, u);
+    dt(document.body, ce, g), dt(h || d, Yt, g);
   };
-  return [r, i, (u, d) => {
-    Pt(u, o, he), it(u, d);
+  return [r, i, (g, d) => {
+    Rt(g, o, he), it(g, d);
   }];
 }, Hn = 50;
 function qn(t, e, n, s, o, r) {
   let i = e;
-  const { onRemoveAtEvent: a, animationDuration: f, draggingClass: u } = t, [d, h, x] = _n(t, o, r), R = (g, p, m, y) => {
-    const O = At(g, p, y.direction, m);
-    C(g, p, O, m, y);
-  }, b = (g, p, m, y, O) => {
+  const { onRemoveAtEvent: a, animationDuration: f, draggingClass: g } = t, [d, h, x] = _n(t, o, r), R = (u, p, m, y) => {
+    const O = xt(u, p, y.direction, m);
+    C(u, p, O, m, y);
+  }, b = (u, p, m, y, O) => {
     if (!m)
       return;
-    const { droppable: T, scroll: B, config: L } = m, S = At(g, p, L.direction, T);
-    v(
-      g,
+    const { droppable: T, scroll: B, config: L } = m, S = xt(u, p, L.direction, T);
+    E(
+      u,
       p,
       S,
       y,
@@ -669,99 +669,105 @@ function qn(t, e, n, s, o, r) {
       L,
       O
     );
-  }, C = (g, p, m, y, O) => {
-    const [T] = Nt(g, y), B = mt(g, y), { direction: L } = O;
-    T.length == 0 && A(m, 1, L, T);
-    for (const [S, F] of T.entries()) {
-      if (!J(F, H))
+  }, C = (u, p, m, y, O) => {
+    const [T] = Nt(u, y), B = St(u, y), { direction: L, onDragOver: S } = O;
+    S({
+      element: u,
+      index: e,
+      targetIndex: i,
+      value: t.onGetValue(e),
+      droppable: y
+    }), T.length == 0 && A(m, 1, L, T);
+    for (const [G, N] of T.entries()) {
+      if (!K(N, H))
         continue;
-      const G = E(L, g, F, m);
-      if (!B && G)
-        m = G;
+      const J = v(L, u, N, m);
+      if (!B && J)
+        m = J;
       else if (!B)
         continue;
-      const et = T.length - S;
-      A(m, et, L, T), p === fe ? it(F, m) : p === Ot && x(F, m);
+      const gt = T.length - G;
+      A(m, gt, L, T), p === fe ? it(N, m) : p === wt && x(N, m);
     }
-  }, E = (g, p, m, y) => {
-    const O = w(p), T = w(m), B = j(g, O), L = j(g, T), [S] = z(g, T), F = L + S / 2, G = Lt(g, _e(m)), et = F - G;
-    return B > et ? wt : y;
-  }, A = (g, p, m, y) => {
-    const O = y.filter((B) => J(B, H)).length, [T] = z(m, g);
+  }, v = (u, p, m, y) => {
+    const O = w(p), T = w(m), B = j(u, O), L = j(u, T), [S] = z(u, T), G = L + S / 2, N = Pt(u, _e(m)), J = G - N;
+    return B > J ? Bt : y;
+  }, A = (u, p, m, y) => {
+    const O = y.filter((B) => K(B, H)).length, [T] = z(m, u);
     T == 0 ? i = Math.max(i, p) : i = Math.min(i, p - 1), i = Math.min(i, O);
-  }, v = (g, p, m, y, O, T, B, L) => {
-    const [S, F] = Nt(g, O), G = S.toReversed(), et = F === -1 ? G.length : F;
-    G.splice(et, 0, g);
-    const [Rt, Tt, gt] = M(
-      g,
-      F,
+  }, E = (u, p, m, y, O, T, B, L) => {
+    const [S, G] = Nt(u, O), N = S.toReversed(), J = G === -1 ? N.length : G;
+    N.splice(J, 0, u);
+    const [gt, Ct, ft] = M(
+      u,
       G,
+      N,
       O
     );
-    m = At(
-      g,
+    m = xt(
+      u,
       p,
       B.direction,
       n,
-      Rt,
-      Tt
+      gt,
+      Ct
     );
-    const Ft = Xe(), Ct = Nn(
+    const Ft = Xe(), yt = Nn(
       B.direction,
+      N,
       G,
-      F,
-      gt,
+      ft,
       Ft,
       T,
       y,
       O,
-      g
+      u
     );
-    S.length == 0 && N(void 0, m, g, Ct);
-    for (const [It, ft] of S.toReversed().entries()) {
-      let yt = m;
-      gt - 1 >= It && (yt = wt), p === pe && !J(ft, st) && N(ft, yt, g, Ct);
+    S.length == 0 && I(void 0, m, u, yt);
+    for (const [It, pt] of S.toReversed().entries()) {
+      let bt = m;
+      ft - 1 >= It && (bt = Bt), p === pe && !K(pt, st) && I(pt, bt, u, yt);
     }
-    W(gt, g, B, O, L);
-  }, M = (g, p, m, y) => {
-    const T = mt(g, y) ? p : i, B = () => p < T ? [T, T + 1] : p > T ? [T - 1, T] : [T - 1, T + 1], [L, S] = B(), F = m[L] ?? null, G = m[S] ?? null;
-    return [F, G, T];
-  }, N = (g, p, m, y) => {
-    it(g, p), it(m, y);
-  }, W = (g, p, m, y, O) => {
+    W(ft, u, B, O, L);
+  }, M = (u, p, m, y) => {
+    const T = St(u, y) ? p : i, B = () => p < T ? [T, T + 1] : p > T ? [T - 1, T] : [T - 1, T + 1], [L, S] = B(), G = m[L] ?? null, N = m[S] ?? null;
+    return [G, N, T];
+  }, I = (u, p, m, y) => {
+    it(u, p), it(m, y);
+  }, W = (u, p, m, y, O) => {
     const { onInsertEvent: T, onDragEnd: B } = m;
     rt(p, Xt), U(p, n, y, () => {
       if (Ut(p, Xt), O != null) {
         const L = a(O, !0);
-        L != null && (T(g, L, !0), B({ value: L, index: g })), k(p), $();
+        L != null && (T(u, L, !0), B({ value: L, index: u })), k(p), $();
       }
     });
   }, $ = () => {
     if (s) {
-      var g = document.querySelectorAll(
+      var u = document.querySelectorAll(
         `${at(s)} > .${H}`
       );
-      for (const p of g)
+      for (const p of u)
         _t(p);
     }
-  }, k = (g) => {
+  }, k = (u) => {
     setTimeout(() => {
-      Ut(g, u);
+      Ut(u, g);
     }, Hn);
-  }, U = (g, p, m, y) => {
+  }, U = (u, p, m, y) => {
     setTimeout(() => {
-      y && y(), Z(p, m), Q(m), d(g), tt(g, p), tt(g, m);
+      y && y(), Z(p, m), tt(m), d(u), et(u, p), et(u, m);
     }, f);
-  }, Z = (g, p) => {
-    P(g, p) ? Gt(g, f) : (Gt(g, f, !0), Gt(p, f));
-  }, Q = (g) => {
-    if (!P(n, g)) {
+  }, Z = (u, p) => {
+    P(u, p) ? Gt(u, f) : (Gt(u, f, !0), Gt(p, f));
+  }, tt = (u) => {
+    if (!P(n, u)) {
       var [p] = n.querySelectorAll(`.${st}`);
-      p && K(p) && (p.style.height = "0px", p.style.width = "0px");
+      p && Q(p) && (p.style.height = "0px", p.style.width = "0px");
     }
-  }, tt = (g, p) => {
-    const [m] = Nt(g, p);
-    for (const y of [...m, g])
+  }, et = (u, p) => {
+    const [m] = Nt(u, p);
+    for (const y of [...m, u])
       _t(y);
   };
   return [R, b, h];
@@ -773,17 +779,17 @@ function zn(t, e, n, s, o) {
     isDraggable: i,
     droppableGroup: a,
     animationDuration: f,
-    draggingClass: u,
+    draggingClass: g,
     droppableClass: d,
     onDragStart: h,
     delayBeforeTouchMoveEvent: x,
     coordinateTransform: R
   } = n, b = Et(a).map((c) => `droppable-group-${c}`).join(" ");
-  let C = 0, E = {
+  let C = 0, v = {
     scrollX: 0,
     scrollY: 0
-  }, A = { pageX: 0, pageY: 0 }, v, M;
-  const [N, W] = pn(
+  }, A = { pageX: 0, pageY: 0 }, E, M;
+  const [I, W] = pn(
     t,
     R
   ), $ = () => {
@@ -795,26 +801,26 @@ function zn(t, e, n, s, o) {
     b,
     o,
     $
-  ), Q = () => {
+  ), tt = () => {
     rt(t, H);
-  }, tt = (c) => {
-    rt(c, xt), o.addSubscriber(c);
-  }, g = () => {
+  }, et = (c) => {
+    rt(c, Mt), o.addSubscriber(c);
+  }, u = () => {
     if (i(t)) {
       const c = t.querySelector(r);
-      tt(c || t);
+      et(c || t);
     }
   }, p = () => {
-    g(), Q();
+    u(), tt();
   }, m = (c) => {
-    const l = c == null ? void 0 : c.querySelector(`.${xt}`), D = l == null ? void 0 : l.parentElement;
-    return l && D && J(D, Vt) && !P(s, D) ? null : l;
+    const l = c == null ? void 0 : c.querySelector(`.${Mt}`), D = l == null ? void 0 : l.parentElement;
+    return l && D && K(D, Vt) && !P(s, D) ? null : l;
   }, y = (c) => {
     const l = m(c) ?? c;
-    l && i(c) && ($t(l, re, ft("mousemove", "mouseup")), $t(
+    l && i(c) && ($t(l, re, pt("mousemove", "mouseup")), $t(
       l,
       "ontouchstart",
-      ft("touchmove", "touchend"),
+      pt("touchmove", "touchend"),
       (D) => {
         const V = D.touches[0];
         M = {
@@ -822,7 +828,7 @@ function zn(t, e, n, s, o) {
           y: V.clientY
         };
       }
-    ), O(l)), P(c, l) || $t(c, re, yt), rt(s, Vt);
+    ), O(l)), P(c, l) || $t(c, re, bt), rt(s, Vt);
   }, O = (c) => {
     const l = c.querySelectorAll("img");
     Array.from(l).forEach((D) => {
@@ -832,7 +838,7 @@ function zn(t, e, n, s, o) {
     if (A.pageX == 0 && A.pageY == 0 || !S.current)
       return;
     const { droppable: c, config: l } = S.current;
-    N(t, c, A, l.direction), k(t, Ot, c, l);
+    I(t, c, A, l.direction), k(t, wt, c, l);
   }, B = (c) => {
     const l = c.querySelectorAll(`.${H}`);
     for (const D of l)
@@ -840,7 +846,7 @@ function zn(t, e, n, s, o) {
   }, L = (c, l) => {
     l && C == 2 && !P(c == null ? void 0 : c.droppable, l.droppable) && (k(
       t,
-      Ot,
+      wt,
       l.droppable,
       l.config
     ), B(l.droppable));
@@ -851,7 +857,7 @@ function zn(t, e, n, s, o) {
     T,
     L,
     n.mapFrom
-  ), F = (c) => {
+  ), G = (c) => {
     if (!S.current)
       return;
     const l = b ? Array.from(document.querySelectorAll(at(b))) : [s];
@@ -860,11 +866,11 @@ function zn(t, e, n, s, o) {
         d,
         !c && P(D, S.current.droppable)
       );
-  }, G = (c, l = !1) => {
+  }, N = (c, l = !1) => {
     S.updateConfig(c);
     const D = S.isOutside(c);
-    F(D), C === 1 && !l ? Zt(c) : C === 2 && (et(D), Oe(c));
-  }, et = (c = !0) => {
+    G(D), C === 1 && !l ? Zt(c) : C === 2 && (J(D), Oe(c));
+  }, J = (c = !0) => {
     if (!S.current)
       return;
     const { droppable: l } = S.current;
@@ -874,55 +880,55 @@ function zn(t, e, n, s, o) {
       C == 1,
       S.current
     );
-  }, Rt = (c) => {
-    if (dt(c) && M && C == 1) {
+  }, gt = (c) => {
+    if (mt(c) && M && C == 1) {
       const l = c.touches[0], D = Math.abs(l.clientX - M.x), V = Math.abs(l.clientY - M.y);
       if (Math.abs(D) > 5 && Math.abs(V) > 5)
-        return clearTimeout(v), !1;
+        return clearTimeout(E), !1;
     }
     return !0;
-  }, Tt = (c) => {
-    clearTimeout(v);
+  }, Ct = (c) => {
+    clearTimeout(E);
     const l = Wt(c);
-    if (dt(c) && c.cancelable && C == 2 && c.preventDefault(), dt(c) && !c.cancelable || !Rt(c)) {
+    if (mt(c) && c.cancelable && C == 2 && c.preventDefault(), mt(c) && !c.cancelable || !gt(c)) {
       kt("touchmove", c);
       return;
     }
-    G(l, dt(c));
-  }, gt = (c, l) => {
-    c == "touchmove" ? v = setTimeout(() => {
+    N(l, mt(c));
+  }, ft = (c, l) => {
+    c == "touchmove" ? E = setTimeout(() => {
       l();
     }, x) : l();
   }, Ft = (c, l) => {
-    const { clientX: D, clientY: V } = c, nt = document.elementFromPoint(D, V), pt = nt == null ? void 0 : nt.closest(`.${H}`);
-    return pt && P(l, pt);
-  }, Ct = (c) => {
+    const { clientX: D, clientY: V } = c, nt = document.elementFromPoint(D, V), ht = nt == null ? void 0 : nt.closest(`.${H}`);
+    return ht && P(l, ht);
+  }, yt = (c) => {
     const l = n.onGetValue(e);
     return { index: e, element: c, value: l };
   }, It = (c) => {
-    S.updateConfig(c), F(S.isOutside(c)), Zt(c);
-  }, ft = (c, l) => (D) => {
+    S.updateConfig(c), G(S.isOutside(c)), Zt(c);
+  }, pt = (c, l) => (D) => {
     if (!Ft(D, t))
       return;
     ot.updateScrolls(s, b);
     const { scrollX: V, scrollY: nt } = window;
-    if (E = { scrollX: V, scrollY: nt }, C === 0) {
+    if (v = { scrollX: V, scrollY: nt }, C === 0) {
       C = 1;
-      const pt = Ct(t);
-      pt && h(pt), gt(c, () => {
+      const ht = yt(t);
+      ht && h(ht), ft(c, () => {
         c == "touchmove" && It(D);
-      }), document.addEventListener(c, Tt, {
+      }), document.addEventListener(c, Ct, {
         passive: !1
       }), we(s), document.addEventListener(l, Ae(c), {
         once: !0
       });
     }
-  }, yt = (c) => S.updateConfig(c), Ae = (c) => (l) => {
+  }, bt = (c) => S.updateConfig(c), Ae = (c) => (l) => {
     kt(c, l);
   }, kt = (c, l) => {
-    F(!0);
+    G(!0);
     const D = Wt(l);
-    Le(S.isOutside(D)), clearTimeout(v), document.removeEventListener(c, Tt), S.updateConfig(D);
+    Le(S.isOutside(D)), clearTimeout(E), document.removeEventListener(c, Ct), S.updateConfig(D);
     const V = S.getCurrentConfig(D);
     if (V) {
       const { droppable: nt } = V;
@@ -936,7 +942,7 @@ function zn(t, e, n, s, o) {
       document.querySelectorAll(at(b))
     );
     for (const D of l)
-      K(D) && (D.onscroll = null);
+      Q(D) && (D.onscroll = null);
   }, Zt = (c) => {
     S.current && ne(
       t,
@@ -959,28 +965,28 @@ function zn(t, e, n, s, o) {
       $();
       return;
     }
-    C = 3, Pe(t), t.classList.contains(Bt) && U(
+    C = 3, Pe(t), t.classList.contains(Lt) && U(
       t,
       pe,
       c ? S.initial : S.current,
-      E,
+      v,
       e
     );
   }, Pe = (c) => {
-    Pt(c, f, he), it(c);
+    Rt(c, f, he), it(c);
   }, Re = (c) => {
     const { height: l, width: D } = w(c);
     Se(c, {
       fixedHeight: `${l}px`,
       fixedWidth: `${D}px`
-    }), Z(c, !0), ht(c, u, !0), c.style.transition = "";
+    }), Z(c, !0), dt(c, g, !0), c.style.transition = "";
   }, Fe = (c) => {
-    import("./remove-C4YcWK2S.js").then((l) => {
+    import("./remove-B4KK3YSe.js").then((l) => {
       const [D] = l.default(n, s, o, $);
       S.initial && D(e, c, t, S.initial);
     });
   }, Ie = (c, l) => {
-    (c === e || c === n.onGetLegth() && e === c - 1) && import("./insert--mO_a1mv.js").then((D) => {
+    (c === e || c === n.onGetLegth() && e === c - 1) && import("./insert-B5nCBAlv.js").then((D) => {
       const [V] = D.default(
         n,
         s,
@@ -1003,11 +1009,11 @@ const jn = (t, e) => {
 }, kn = () => {
   an(document.body, [
     `.${H}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,
-    `.${xt}{pointer-events:auto!important;}`,
+    `.${Mt}{pointer-events:auto!important;}`,
     `.${Ge}{cursor:grab;}`,
     ".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",
     ".droppable{box-sizing:border-box!important;}",
-    `.${Bt}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,
+    `.${Lt}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,
     `.${Yt}{pointer-events:none!important;}`,
     `.${Xt}{pointer-events:none!important;}`,
     `.${ce}{cursor:grabbing;}`,
@@ -1020,10 +1026,10 @@ function Zn(t, e, n, s = "index") {
   const { droppableGroup: a } = t;
   if (!n)
     return [r, i];
-  const f = Et(a).map((u) => `droppable-group-${u}`).join(" ");
+  const f = Et(a).map((g) => `droppable-group-${g}`).join(" ");
   kn(), jn(f, n);
-  for (const u of n.children) {
-    const d = u.getAttribute(o), h = We(d), x = u;
+  for (const g of n.children) {
+    const d = g.getAttribute(o), h = We(d), x = g;
     if (x && h >= 0) {
       const [R, b] = zn(
         x,
@@ -1038,7 +1044,7 @@ function Zn(t, e, n, s = "index") {
   return [r, i];
 }
 const Un = (t, e) => {
-  const n = (a, f) => t.removeAtEvent(a, f), s = (a, f, u) => t.insertEvent(a, f, u), o = () => t.getLength(), r = (a) => t.getValue(a), i = (a) => a;
+  const n = (a, f) => t.removeAtEvent(a, f), s = (a, f, g) => t.insertEvent(a, f, g), o = () => t.getLength(), r = (a) => t.getValue(a), i = (a) => a;
   return {
     direction: (e == null ? void 0 : e.direction) ?? q,
     handlerSelector: (e == null ? void 0 : e.handlerSelector) ?? H,
@@ -1049,6 +1055,8 @@ const Un = (t, e) => {
     }),
     onDragEnd: (e == null ? void 0 : e.onDragEnd) ?? (() => {
     }),
+    onDragOver: (e == null ? void 0 : e.onDragOver) ?? (() => {
+    }),
     droppableGroup: e == null ? void 0 : e.droppableGroup,
     onRemoveAtEvent: n,
     onInsertEvent: s,
@@ -1066,43 +1074,43 @@ const Un = (t, e) => {
 };
 function es(t, e, n, s = "index") {
   let o = [], r = [], i;
-  const a = Un(t, n), f = (E) => {
+  const a = Un(t, n), f = (v) => {
     for (const A of o)
-      A(E);
-  }, u = (E, A) => {
+      A(v);
+  }, g = (v, A) => {
     if (a.onGetLegth() === 0)
-      t.insertToListEmpty(a, E, A);
+      t.insertToListEmpty(a, v, A);
     else
       for (const M of r)
-        M(E, A);
-  }, d = (E) => {
-    const [A, v] = Zn(
+        M(v, A);
+  }, d = (v) => {
+    const [A, E] = Zn(
       a,
       e,
-      E,
+      v,
       s
     );
-    o = A, r = v;
-  }, h = (E) => {
-    const A = E.addedNodes.values().filter((M) => !te(M)).toArray(), v = E.removedNodes.values().filter((M) => !te(M)).toArray();
-    return A.length > 0 || v.length > 0;
-  }, x = (E) => {
-    i = Ee(
+    o = A, r = E;
+  }, h = (v) => {
+    const A = Array.from(v.addedNodes ?? []).values().filter((M) => !te(M)).toArray(), E = Array.from(v.removedNodes ?? []).values().filter((M) => !te(M)).toArray();
+    return A.length > 0 || E.length > 0;
+  }, x = (v) => {
+    i = ve(
       () => {
-        d(E);
+        d(v);
       },
-      E,
+      v,
       { childList: !0 },
       h
     );
-  }, R = (E) => {
-    rt(E, Vt);
-  }, b = (E) => {
-    ot.addConfig(E, a);
+  }, R = (v) => {
+    rt(v, Vt);
+  }, b = (v) => {
+    ot.addConfig(v, a);
   };
-  return [f, u, (E) => {
-    if (E)
-      return R(E), b(E), x(E), d(E), ot.removeObsoleteConfigs(), i;
+  return [f, g, (v) => {
+    if (v)
+      return R(v), b(v), x(v), d(v), ot.removeObsoleteConfigs(), i;
   }];
 }
 export {
@@ -1110,21 +1118,21 @@ export {
   Ge as G,
   rt as a,
   ne as b,
-  At as c,
+  xt as c,
   he as d,
   Gt as e,
   _t as f,
   Nt as g,
   Qn as h,
-  J as i,
+  K as i,
   ts as j,
   Kn as k,
   te as l,
   it as m,
   es as n,
-  Ee as o,
+  ve as o,
   Ut as r,
-  Pt as s,
-  ht as t,
+  Rt as s,
+  dt as t,
   _n as u
 };