fluid-dnd 2.1.2 → 2.2.0

package/dist/index-C6IKL-bo.js

@@ -1,1271 +0,0 @@
-var Ce = Object.defineProperty;
-var Ae = (e, t, n) => t in e ? Ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var z = (e, t, n) => Ae(e, typeof t != "symbol" ? t + "" : t, n);
-const _ = "horizontal", U = "vertical", Q = "draggable", Xt = "droppable", Nt = "handler-class", $t = "dragging", Wt = "dragging-handler-class", Vt = "dropping", oe = "grabbing", xe = "grab", Kt = "disable-transition", Be = (e, t) => {
-  const n = (a, u) => e.removeAtEvent(a, u), s = (a, u, p) => e.insertEvent(a, u, p), o = () => e.getLength(), r = (a) => e.getValue(a), c = (a) => a;
-  return {
-    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: (t == null ? void 0 : t.onDragEnd) ?? (() => {
-    }),
-    droppableGroup: t == null ? void 0 : t.droppableGroup,
-    onRemoveAtEvent: n,
-    onInsertEvent: s,
-    onGetLegth: o,
-    onGetValue: r,
-    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,
-    delayBeforeTouchMoveEvent: (t == null ? void 0 : t.delayBeforeTouchMoveEvent) ?? 150
-  };
-}, Me = (e, t) => {
-  const { config: n, droppable: s } = e, { onInsertEvent: o, onDragEnd: r } = n;
-  return {
-    ...n,
-    onDragEnd: (u) => {
-      const { index: p, value: S } = u;
-      r({ index: p, value: t(S, s) });
-    },
-    onInsertEvent: (u, p) => o(u, t(p, s), !0)
-  };
-}, 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);
-}, we = (e, t) => At(t).every(
-  (n) => et(e, n)
-), gt = (e) => e ? `.${At(e).join(".")}` : "", Re = (e, t) => {
-  if (!t)
-    return;
-  const n = At(t);
-  e.classList.add(...n);
-}, At = (e) => e ? e.split(" ").filter((t) => t) : [], Le = () => {
-  const { scrollX: e, scrollY: t } = window;
-  return { scrollX: e, scrollY: t };
-}, zt = (e) => !e || e.trim().length == 0 || e == "normal" ? 0 : parseFloat(e), Oe = (e) => e ? parseInt(e) : -1, Ne = (e) => {
-  const t = getComputedStyle(e), n = new DOMMatrixReadOnly(t.transform);
-  return {
-    x: n.m41,
-    y: n.m42
-  };
-}, re = (e, t) => e.x1 > t.x1 ? re(t, e) : e.x2 < t.x1 ? 0 : e.x2 >= t.x2 ? e.x2 - e.x1 : e.x2 - t.x1, pt = (e, t) => !Fe(e, t), Fe = (e, t) => {
-  const n = Ft(e), s = Ft(t), o = Qt(n, s, U), r = Qt(n, s, _);
-  return o >= Math.min(n.height, s.height) / 2 && r >= Math.min(n.width, s.width) / 2;
-}, Qt = (e, t, n) => {
-  const { before: s, distance: o } = B(n);
-  return re(
-    {
-      x1: e[s],
-      x2: e[s] + e[o]
-    },
-    {
-      x1: t[s],
-      x2: t[s] + t[o]
-    }
-  );
-}, O = (e, t) => e ? zt(getComputedStyle(e)[t]) : 0, Ut = (e) => {
-  const { scrollLeft: t, scrollTop: n } = e;
-  return { scrollLeft: t, scrollTop: n };
-}, Ft = (e) => e.getBoundingClientRect(), B = (e) => {
-  const t = e == _;
-  return {
-    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: Ft
-  };
-}, Lt = (e, t) => Pe(e, t), ie = (e) => [...e.children].filter(
-  (n) => et(n, Q)
-), Pe = (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,
-    t
-  ];
-}, $e = (e) => {
-  let t = e.parentElement;
-  for (; t; ) {
-    if (window.getComputedStyle(t).position === "fixed")
-      return t;
-    t = t.parentElement;
-  }
-  return null;
-}, ce = (e, t) => {
-  const {
-    before: n,
-    borderBeforeWidth: s
-  } = B(t), o = $e(e);
-  return o ? Ft(o)[n] + O(o, s) : 0;
-}, Tt = (e) => window.TouchEvent && e instanceof TouchEvent, ot = (e) => e instanceof HTMLElement, ae = (e) => e instanceof MouseEvent, Ge = ["onmouseup", "onmousedown", "onmousemove"], Ie = (e, t, n) => {
-  e && (e.style.height = `${t}px`, e.style.width = `${n}px`);
-}, Et = (e, t, n) => {
-  !e || !ot(e) || (n == 0 && t == 0 ? e.style.transform = "" : e.style.transform = `translate(${n}px,${t}px)`);
-}, Ye = (e, t, n, s) => {
-  e[t] = (o) => {
-    if (o.defaultPrevented)
-      return;
-    s && s(o);
-    const r = _t(o);
-    n(r);
-  };
-}, It = (e, t, n, s) => {
-  n && (Xe(t) ? e[t] = n : Ye(e, t, n, s));
-}, Xe = (e) => Ge.includes(e), We = (e) => {
-  const { target: t } = e;
-  return {
-    clientX: 0,
-    clientY: 0,
-    pageX: 0,
-    pageY: 0,
-    screenX: 0,
-    screenY: 0,
-    target: t,
-    offsetX: 0,
-    offsetY: 0
-  };
-}, Ve = (e, t) => {
-  const n = (s, o) => He(t, window, o, s);
-  if (ae(e)) {
-    const { offsetX: s, offsetY: o } = e;
-    return [s, o];
-  } else {
-    const s = e.target;
-    return [
-      n(s, _),
-      n(s, U)
-    ];
-  }
-}, _t = (e) => {
-  const t = _e(e);
-  if (!t)
-    return We(e);
-  const [n, s] = Ve(e, t), { clientX: o, clientY: r, pageX: c, pageY: a, screenX: u, screenY: p, target: S } = t;
-  return {
-    clientX: o,
-    clientY: r,
-    pageX: c,
-    pageY: a,
-    screenX: u,
-    screenY: p,
-    target: S,
-    offsetX: n,
-    offsetY: s
-  };
-}, _e = (e) => {
-  if (Tt(e))
-    return e.touches[0] ?? e.changedTouches[0];
-  if (ae(e))
-    return e;
-}, He = (e, t, n, s) => {
-  const { page: o, scroll: r, before: c, borderBeforeWidth: a, getRect: u } = B(n), p = u(s);
-  return e[o] - t[r] - p[c] - O(s, a);
-}, Gt = (e, t, n = "ease-out", s = "transform") => {
-  ot(e) && (e.style.transitionDuration = `${t}ms`, e.style.transitionTimingFunction = `${n}`, e.style.transitionProperty = `${s}`);
-}, le = (e, t, n) => {
-  !e || !ot(e) || (e[t] = () => {
-    n();
-  });
-}, qe = (e) => {
-  var t = e.querySelector("style");
-  if (!t) {
-    var n = document.createElement("style");
-    return e.appendChild(n), n;
-  }
-  return t;
-}, ze = (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;
-}, je = (e, t) => {
-  t.forEach((n) => {
-    Ze(e, n);
-  });
-}, Ze = (e, t) => {
-  var s;
-  var n = qe(e);
-  n.sheet && (ze(n.sheet, t) || (s = n.sheet) == null || s.insertRule(t, n.sheet.cssRules.length));
-}, ue = (e, t = {}) => {
-  for (const n of Object.keys(t)) {
-    const s = t[n];
-    s != null && ke(e, `--${n}`, s);
-  }
-}, ke = (e, t, n) => e && e.style.setProperty(t, n), Je = (e, t, n) => {
-  n != 0 && (t === "vertical" ? e.scrollBy(0, n) : e.scrollBy(n, 0));
-}, Ke = (e, t, n) => {
-  const { scrollDistance: s, clientDistance: o, scrollElement: r } = B(e);
-  return n[r] / (t[s] - t[o]);
-}, Qe = (e) => {
-  let t = { offsetX: 0, offsetY: 0 }, n = { top: 0, left: 0 }, s = { x: 0, y: 0 };
-  const o = (u) => {
-    e.style.transform = `translate( ${u.x}px, ${u.y}px)`;
-  }, r = (u) => {
-    e.style.top = `${u.top}px`, e.style.left = `${u.left}px`;
-  };
-  return [
-    (u, p, S, b) => {
-      const M = (R) => {
-        const {
-          beforeMargin: m,
-          borderBeforeWidth: v,
-          before: w,
-          offset: x,
-          scroll: $,
-          page: G,
-          inner: j,
-          distance: st,
-          axis: I,
-          getRect: L
-        } = B(R), Z = S[G], H = window[$], k = window[j], V = L(u)[st], q = O(u, v), Y = O(u, m), X = Z - t[x], tt = ce(u, R);
-        if (X >= H - V / 2 && X <= H + k) {
-          const ut = X - n[w] - q - Y - H - tt;
-          return N(R), ut;
-        }
-        return s[I];
-      }, N = (R) => {
-        if (u && et(u, $t) && R === b) {
-          const { before: m, distance: v, axis: w, getRect: x } = B(b), $ = x(u)[v], G = x(p), j = n[m] - G[m] + s[w], I = G[v] - $, L = j / I, Z = $ / I, H = 0.1, k = 0.2, V = 0.8;
-          let q = 0;
-          const Y = pt(u, p);
-          !Y && L < k && L > -Z ? q = L / k - 1 : !Y && L > V && L < 1 + Z && (q = 1 / (1 - V) * (L - V));
-          const X = H * $ * q;
-          Je(p, b, X);
-        }
-      }, P = (R) => {
-        const { axis: m } = B(R);
-        s[m] = M(R), o(s);
-      };
-      P(_), P(U);
-    },
-    (u, p) => {
-      const [S, b, M, N] = en(
-        u,
-        p,
-        e
-      );
-      n = {
-        top: S,
-        left: b
-      }, r(n), t = { offsetX: M, offsetY: N };
-    }
-  ];
-}, Ot = (e, t, n) => {
-  const { borderBeforeWidth: s, before: o, getRect: r } = B(e);
-  return r(t)[o] - r(n)[o] - O(n, s);
-}, Ue = (e, t) => {
-  let { offsetX: n, offsetY: s, target: o } = e, r = tn(o, t);
-  const c = o;
-  return c && r && !c.isSameNode(r) && (n += Ot(_, c, r), s += Ot(U, c, r)), r && t != o && (n += Ot(_, r, t), s += Ot(U, r, t)), [n, s];
-}, tn = (e, t) => {
-  const n = e == null ? void 0 : e.closest(`.${Nt}`);
-  return n && n.isSameNode(t) ? e : n;
-}, te = (e, t, n, s) => {
-  const { offset: o, beforeMargin: r, page: c, borderBeforeWidth: a, scroll: u } = B(e), p = ce(n, e);
-  return t[c] - s[o] - O(n, r) - O(n, a) - window[u] - p;
-}, en = (e, t, n) => {
-  const [s, o] = Ue(e, n);
-  return [
-    te(U, e, t, {
-      offsetX: s,
-      offsetY: o
-    }),
-    te(_, e, t, {
-      offsetX: s,
-      offsetY: o
-    }),
-    s,
-    o
-  ];
-}, fe = "startDrag", Pt = "drag", jt = "startDrop", nn = "drop", ct = "temp-child", de = "cubic-bezier(0.2, 0, 0, 1)", sn = (e) => e === nn || e === jt, Ht = (e) => !e || e.length == 0 ? 0 : zt(e.replace("px", "")), on = (e, t) => {
-  const n = getComputedStyle(e)[t];
-  if (n.match("%")) {
-    const o = zt(n.replace("%", "")), { width: r } = e.getBoundingClientRect();
-    return r * (o / 100);
-  }
-  return Ht(n);
-}, Zt = (e, t) => {
-  if (!(e instanceof Element))
-    return [
-      0,
-      !1
-    ];
-  const n = on(e, t), s = getComputedStyle(e).display, o = n > 0 || s === "flex";
-  return [n, o];
-}, rn = (e) => {
-  const { top: t, left: n } = getComputedStyle(e);
-  return [Ht(t), Ht(n)];
-}, cn = (e, t) => {
-  const { gap: n } = B(t), [s, o] = Zt(e, n);
-  return o ? s : 0;
-};
-function yt(e, t, n, s, o = e.previousElementSibling, r = e.nextElementSibling) {
-  let { height: c, width: a } = an(
-    n,
-    e,
-    o,
-    r
-  );
-  return pt(e, s) && t == Pt && (c = 0, a = 0), { height: c, width: a };
-}
-const an = (e, t, n, s) => {
-  const {
-    afterMargin: o,
-    beforeMargin: r,
-    distance: c,
-    gap: a,
-    getRect: u
-  } = B(e), p = O(t, o), S = O(t, r), b = O(s, r), [M, N] = Zt(
-    t.parentElement,
-    a
-  ), P = u(t)[c];
-  if (N)
-    return ee(P, S, p, M, 0, e);
-  const [R, m, v] = ln(
-    n,
-    b,
-    p,
-    S,
-    o
-  );
-  return ee(P, m, R, 0, v, e);
-}, ln = (e, t, n, s, o) => {
-  const r = Math.max(t, n);
-  let c = s, a = t;
-  if (e) {
-    const u = O(
-      e,
-      o
-    );
-    c = Math.max(u, s), a = Math.max(a, u);
-  }
-  return [r, c, a];
-}, ee = (e, t, n, s, o, r) => un(r, e + t + n + s - o), un = (e, t) => e == _ ? { width: t, height: 0 } : { width: 0, height: t }, ne = (e, t) => {
-  const {
-    borderBeforeWidth: n,
-    paddingBefore: s,
-    axis: o,
-    getRect: r
-  } = B(e), c = O(t, n), a = O(t, s), u = r(t)[o];
-  return c + a + u;
-}, fn = (e, t) => {
-  const [n, s] = rn(t), o = ne(U, e);
-  return [
-    ne(_, e) - s,
-    o - n
-  ];
-};
-function dn(e, t, n, s, o, r, c, a, u) {
-  let p = 0, S = 0;
-  const b = !!(n < 0 && u);
-  if (n === s && !b)
-    return se(
-      { height: p, width: S },
-      e,
-      o,
-      c,
-      b
-    );
-  const [M, N, P, R] = hn(t, n, s, u);
-  if (b) {
-    const [tt, lt] = fn(a, u);
-    p += lt, S += tt;
-  }
-  const {
-    scrollElement: m,
-    beforeMargin: v,
-    afterMargin: w,
-    distance: x,
-    gap: $
-  } = B(e), [G, j] = Zt(a, $), [
-    st,
-    I,
-    L
-  ] = Sn(
-    v,
-    w,
-    M,
-    N == null ? void 0 : N.previousElementSibling,
-    R,
-    j,
-    b
-  ), [Z, H, k] = mn(
-    v,
-    w,
-    x,
-    P,
-    G,
-    j
-  ), V = pn(
-    H,
-    Z,
-    k,
-    I,
-    st,
-    G
-  ), q = b ? a[m] : gn(m, a, r), X = (R ? V - L : L - V) - q;
-  return e === U ? p += X : e === _ && (S += X), se(
-    { height: p, width: S },
-    e,
-    o,
-    c,
-    b
-  );
-}
-const gn = (e, t, n) => {
-  const s = t[e], o = n[e];
-  return s - o;
-}, pn = (e, t, n, s, o, r) => {
-  const c = Math.max(t, o);
-  return Math.max(n, s) + e + c + r;
-}, hn = (e, t, n, s) => {
-  const o = t < n, [r, c] = [t, n].toSorted(
-    (S, b) => S - b
-  ), a = e[t] ?? s, u = e[n];
-  let p = o ? e.slice(r + 1, c + 1) : e.slice(r, c);
-  return r < 0 && s && (p = e.slice(r + 1, c)), [
-    a,
-    u,
-    p,
-    o
-  ];
-}, mn = (e, t, n, s, o, r) => {
-  if (s.length == 0)
-    return [0, 0, 0];
-  const c = O(s[0], e);
-  let a = 0, u = -c;
-  for (const [p, S] of s.entries()) {
-    const b = S.getBoundingClientRect()[n], M = O(S, e);
-    r && (a += M), r && p > 0 ? a += o : a = Math.max(a, M), u += a + b, a = O(S, t);
-  }
-  return [c, u, a];
-}, se = (e, t, n, s, o) => {
-  const { scroll: r, distance: c } = B(t), a = window[r], u = n[r], p = o ? 0 : u - 2 * a + s[r];
-  return e[c] += p, e;
-}, Sn = (e, t, n, s, o, r, c) => {
-  const a = o ? n.previousElementSibling : s;
-  return vn(
-    e,
-    t,
-    a,
-    n,
-    r,
-    c
-  );
-}, vn = (e, t, n, s, o, r) => {
-  if (o)
-    return [0, 0, 0];
-  const c = O(
-    r ? null : n,
-    t
-  ), a = O(s, e);
-  let u = Math.max(c, a);
-  return [c, a, u];
-}, kt = (e, t, n, s = () => !0) => {
-  const o = new MutationObserver((r) => {
-    if (r = r.filter(s), r.length > 0) {
-      const c = r[0];
-      e(o, c);
-    }
-  });
-  return o.observe(t, n), o;
-}, Dn = "startDrag", ge = "cubic-bezier(0.2, 0, 0, 1)", pe = 50, qt = (e) => ot(e) ? e.classList.contains(ct) : !1, bn = (e, t, n) => {
-  let s = yt(
-    t,
-    Dn,
-    n,
-    e
-  );
-  const o = cn(e, n), { distance: r } = B(n);
-  s[r] -= o;
-  const [c, a] = Tn(n, t);
-  return s[a] = c, s;
-}, Tn = (e, t) => {
-  const n = e == _ ? U : _, { distance: s, getRect: o } = B(n);
-  return [
-    o(t)[s],
-    s
-  ];
-}, ht = (e, t, n) => {
-  Ie(e, t, n), e.style.minWidth = `${n}px`;
-}, En = (e, t, n) => (s) => {
-  t.contains(e) && (ht(e, n.height, n.width), s.disconnect());
-}, yn = (e, t) => {
-  if (!t)
-    return;
-  const { droppable: n, config: s, scroll: o } = e, { direction: r } = s, c = Ke(s.direction, n, o) > 0.99, { scrollDistance: a, clientDistance: u, scrollElement: p } = B(r);
-  c && (n[p] = n[a] - n[u]);
-}, he = (e, t, n, s) => {
-  if (!n)
-    return;
-  const { droppable: o, config: r } = n, { direction: c, animationDuration: a } = r;
-  if (yn(n, t), o.querySelector(`.${ct}`) || !e)
-    return;
-  var u = e.tagName == "LI" ? "DIV" : e.tagName, p = document.createElement(u);
-  nt(p, ct), ht(p, 0, 0);
-  const S = bn(o, e, c);
-  return Gt(
-    p,
-    a,
-    ge,
-    "width, min-width, height"
-  ), [p, S, o];
-}, Yt = (e, t, n, s, o) => {
-  const r = he(e, n, s);
-  if (!r)
-    return;
-  const [c, a, u] = r;
-  t.isSameNode(u) && ht(c, a.height, a.width), kt(
-    En(c, u, a),
-    u,
-    {
-      childList: !0,
-      subtree: !0
-    }
-  ), u.appendChild(c);
-}, Cn = (e, t, n) => {
-  const s = he(e, t, n);
-  if (!s)
-    return;
-  const [o, r, c] = s;
-  c.appendChild(o), An(o, r);
-}, An = (e, t) => requestAnimationFrame(() => {
-  ht(e, t.height, t.width), requestAnimationFrame(() => {
-    Gt(
-      e,
-      0,
-      ge,
-      "width, min-width, height"
-    );
-  });
-}), xn = (e, t, n, s, o = !0) => {
-  if (n) {
-    var r = document.querySelectorAll(
-      `${gt(n)} > .${ct}`
-    );
-    r.forEach((c) => {
-      const a = c.parentElement;
-      if (a != null && a.isSameNode(t) || !o && (a != null && a.isSameNode(e)))
-        return;
-      ht(c, 0, 0), setTimeout(() => {
-        var p;
-        (p = c.parentNode) == null || p.removeChild(c);
-      }, s + pe);
-    });
-  }
-}, Dt = (e, t, n = !1) => {
-  var s = e.querySelectorAll(`.${ct}`);
-  s.forEach((o) => {
-    const r = o;
-    n ? (ht(r, 0, 0), setTimeout(() => {
-      e.contains(r) && e.removeChild(r);
-    }, t + pe)) : e.removeChild(o);
-  });
-}, Bn = 50;
-function Mn(e, t, n, s, o, r) {
-  let c = t;
-  const {
-    direction: a,
-    handlerSelector: u,
-    onRemoveAtEvent: p,
-    animationDuration: S,
-    delayBeforeInsert: b,
-    draggingClass: M
-  } = e, N = (l, f, h, d, y) => {
-    if (!d)
-      return;
-    const { droppable: T, config: E } = d, C = yt(
-      l,
-      f,
-      E.direction,
-      T
-    );
-    sn(f) ? j(
-      l,
-      f,
-      C,
-      h,
-      d,
-      y
-    ) : v(
-      l,
-      f,
-      C,
-      d
-    );
-  }, P = (l, f, h, d, y) => {
-    const T = yt(
-      f,
-      "insert",
-      e.direction,
-      h
-    ), { onInsertEvent: E } = e, C = ie(h);
-    for (const [F, A] of C.entries())
-      et(A, Q) && F >= l && G(A, T);
-    y(), setTimeout(() => {
-      E(l, d), me(l, h, e), tt(f), Y(f, n), Dt(n, 0, !0);
-    }, b);
-  }, R = (l, f, h, d) => {
-    if (!h || !h.droppable || !h.config)
-      return;
-    const { droppable: y, config: T } = h;
-    let [E] = Lt(f, y);
-    E = [f, ...E].toReversed();
-    const C = yt(
-      f,
-      "remove",
-      T.direction,
-      y
-    );
-    for (const [F, A] of E.entries())
-      F >= l && ($(A, C), setTimeout(() => {
-        d(A);
-      }, S));
-  }, m = (l) => {
-    Dt(n, S, !0), setTimeout(() => {
-      tt(l), Y(l, n);
-    }, S);
-  }, v = (l, f, h, d) => {
-    const { config: y, droppable: T } = d, [E] = Lt(l, T), C = pt(l, T);
-    E.length == 0 && x(
-      h,
-      1,
-      y.direction,
-      E
-    );
-    for (const [F, A] of E.entries()) {
-      if (!et(A, Q))
-        continue;
-      const W = w(
-        y.direction,
-        l,
-        A,
-        h
-      );
-      if (!C && W)
-        h = W;
-      else if (!C)
-        continue;
-      const J = E.length - F;
-      x(
-        h,
-        J,
-        y.direction,
-        E
-      ), f === fe ? $(A, h) : f === Pt && G(A, h);
-    }
-  }, w = (l, f, h, d) => {
-    const { before: y, distance: T, axis: E, getRect: C } = B(l), F = C(f), A = C(h), W = F[y], J = A[y], mt = A[T], ft = J + mt / 2, St = Ne(h)[E], rt = ft - St;
-    return W > rt ? { height: 0, width: 0 } : d;
-  }, x = (l, f, h, d) => {
-    const y = d.filter(
-      (E) => et(E, Q)
-    ).length, { distance: T } = B(h);
-    l[T] == 0 ? c = Math.max(c, f) : c = Math.min(c, f - 1), c = Math.min(c, y);
-  }, $ = (l, f) => {
-    const { width: h, height: d } = f;
-    Et(l, d, h);
-  }, G = (l, f) => {
-    const { width: h, height: d } = f;
-    Et(l, d, h), Gt(l, S, de);
-  }, j = (l, f, h, d, y, T) => {
-    const { droppable: E, scroll: C, config: F } = y, [A, W] = Lt(
-      l,
-      E
-    ), J = A.toReversed(), mt = W === -1 ? J.length : W;
-    J.splice(mt, 0, l);
-    const [ft, St, rt] = st(
-      l,
-      W,
-      J,
-      E
-    );
-    h = yt(
-      l,
-      f,
-      F.direction,
-      n,
-      ft,
-      St
-    );
-    const xt = Le(), Bt = dn(
-      F.direction,
-      J,
-      W,
-      rt,
-      xt,
-      C,
-      d,
-      E,
-      l
-    );
-    A.length == 0 && I(
-      void 0,
-      h,
-      l,
-      Bt
-    );
-    for (const [Mt, wt] of A.toReversed().entries()) {
-      let Rt = h;
-      rt - 1 >= Mt && (Rt = { height: 0, width: 0 }), f === jt && !et(wt, ct) && I(
-        wt,
-        Rt,
-        l,
-        Bt
-      );
-    }
-    L(
-      rt,
-      l,
-      F,
-      E,
-      T
-    );
-  }, st = (l, f, h, d) => {
-    const T = pt(l, d) ? f : c, E = () => f < T ? [T, T + 1] : f > T ? [T - 1, T] : [T - 1, T + 1], [C, F] = E(), A = h[C] ?? null, W = h[F] ?? null;
-    return [
-      A,
-      W,
-      T
-    ];
-  }, I = (l, f, h, d) => {
-    Et(l, f.height, f.width), Et(
-      h,
-      d.height,
-      d.width
-    );
-  }, L = (l, f, h, d, y) => {
-    const { onInsertEvent: T, onDragEnd: E } = h;
-    nt(f, Vt), k(f, n, d, () => {
-      if (Ct(f, Vt), y != null) {
-        const C = p(y, !0);
-        C != null && (T(l, C, !0), E({ value: C, index: l })), H(f), Z();
-      }
-    });
-  }, Z = () => {
-    if (s) {
-      var l = document.querySelectorAll(
-        `${gt(s)} > .${Q}`
-      );
-      for (const f of l)
-        X(f);
-    }
-  }, H = (l) => {
-    setTimeout(() => {
-      Ct(l, M);
-    }, Bn);
-  }, k = (l, f, h, d) => {
-    setTimeout(() => {
-      d && d(), V(f, h), q(h), tt(l), Y(l, f), Y(l, h);
-    }, S);
-  }, V = (l, f) => {
-    l.isSameNode(f) ? Dt(l, S) : (Dt(l, S, !0), Dt(f, S));
-  }, q = (l) => {
-    if (n.isSameNode(l))
-      return;
-    var [f] = n.querySelectorAll(`.${ct}`);
-    if (!f)
-      return;
-    const { distance: h } = B(a);
-    ot(f) && (f.style[h] = "0px");
-  }, Y = (l, f) => {
-    const [h] = Lt(l, f);
-    for (const d of [...h, l])
-      X(d);
-  }, X = (l) => {
-    ot(l) && (l.style.transition = "", l.style.transform = "");
-  }, tt = (l) => {
-    r(), ut(l, !1), l.style.transform = "", l.style.transition = "", l.style.top = "", l.style.left = "", ue(l, {
-      fixedHeight: "",
-      fixedWidth: ""
-    });
-  }, lt = (l, f) => {
-    const h = f.querySelector(u);
-    bt(document.body, oe, l), bt(h || f, Wt, l);
-  }, ut = (l, f) => {
-    bt(l, $t, f), lt(f, l), o.toggleGrabClass(!f);
-  };
-  return [
-    N,
-    R,
-    P,
-    m,
-    ut
-  ];
-}
-const wn = (e) => e.addedNodes.values().filter((n) => !qt(n)).toArray().length > 0, me = (e, t, n) => {
-  const { insertingFromClass: s, animationDuration: o } = n, r = kt(() => {
-    const a = ie(t)[e];
-    nt(a, s), nt(a, Kt), setTimeout(() => {
-      Ct(a, Kt), Ct(a, s), r.disconnect();
-    }, o);
-  }, t, {
-    childList: !0
-  }, wn);
-}, $n = (e, t, n, s) => {
-  if (!t)
-    return;
-  const { onInsertEvent: o, delayBeforeInsert: r } = e;
-  setTimeout(() => {
-    o(n, s), me(n, t, e);
-  }, r);
-}, K = class K {
-  static addConfig(t, n) {
-    const s = K.configs.filter(
-      (r) => !r.droppable.isSameNode(t)
-    ), o = Ut(t);
-    s.push({
-      droppable: t,
-      config: n,
-      scroll: o
-    }), K.configs = s;
-  }
-  static updateScrolls(t, n) {
-    for (const s of K.configs) {
-      const { droppable: o } = s;
-      (n && we(o, n) || o.isSameNode(t)) && (s.scroll = Ut(o));
-    }
-  }
-  static getConfig(t) {
-    return K.configs.find(
-      ({ droppable: s }) => s.isSameNode(t)
-    );
-  }
-};
-z(K, "configs", []), z(K, "removeObsoleteConfigs", () => {
-  const t = K.configs.filter(
-    ({ droppable: n }) => document.contains(n)
-  );
-  K.configs = t;
-});
-let at = K;
-class Rn {
-  constructor(t, n, s, o, r, c) {
-    z(this, "initial");
-    z(this, "current");
-    z(this, "parent");
-    z(this, "draggableElement");
-    z(this, "groupClass");
-    z(this, "dragEvent");
-    z(this, "changeDroppable");
-    z(this, "mapFrom");
-    this.parent = s, this.draggableElement = t, this.groupClass = n, this.dragEvent = o, this.mapFrom = c, this.initial = s ? at.getConfig(s) : void 0, this.changeDroppable = r;
-  }
-  getDraggableAncestor(t, n, s) {
-    return document.elementsFromPoint(t, n).filter((o) => !o.isSameNode(s));
-  }
-  getElementBelow(t, n, s = !0) {
-    const o = (c) => {
-      const [a] = c.getDraggableAncestor(
-        n.clientX,
-        n.clientY,
-        t
-      );
-      return a;
-    };
-    let r = null;
-    return s ? (t.hidden = !0, r = o(this), t.hidden = !1) : r = o(this), r;
-  }
-  getCurrent(t, n, s = !0) {
-    const o = this.getElementBelow(t, n, s);
-    return !this.groupClass || !o ? void 0 : o.closest(
-      gt(this.groupClass)
-    );
-  }
-  isOutsideOfAllDroppables(t) {
-    return (this.groupClass ? Array.from(
-      document.querySelectorAll(gt(this.groupClass))
-    ) : [this.parent]).every(
-      (s) => pt(t, s)
-    );
-  }
-  isNotInsideAnotherDroppable(t, n) {
-    return !pt(t, n) || this.isOutsideOfAllDroppables(t);
-  }
-  onScrollEvent() {
-    this.dragEvent();
-  }
-  setOnScroll(t) {
-    le(t, "onscroll", () => {
-      this.onScrollEvent();
-    });
-  }
-  getConfigFrom(t) {
-    const n = at.getConfig(t);
-    if (n)
-      return t.isSameNode(this.parent) ? n : {
-        ...n,
-        config: Me(n, this.mapFrom)
-      };
-  }
-  getCurrentConfig(t) {
-    var o;
-    const n = this.draggableElement;
-    if (this.current && this.isNotInsideAnotherDroppable(
-      n,
-      (o = this.current) == null ? void 0 : o.droppable
-    ))
-      return this.current;
-    const s = this.getCurrent(n, t);
-    return s ? (ot(s) && !s.onscroll && this.setOnScroll(s), this.getConfigFrom(s)) : this.getConfigFrom(this.parent);
-  }
-  updateConfig(t) {
-    const n = this.current;
-    this.current = this.getCurrentConfig(t), this.changeDroppable(this.current, n);
-  }
-  isOutside(t, n = !0) {
-    const s = this.draggableElement;
-    return !this.getCurrent(s, t, n);
-  }
-}
-function Ln(e, t, n, s, o) {
-  const {
-    handlerSelector: r,
-    isDraggable: c,
-    droppableGroup: a,
-    animationDuration: u,
-    delayBeforeRemove: p,
-    draggingClass: S,
-    removingClass: b,
-    onRemoveAtEvent: M,
-    droppableClass: N,
-    onDragStart: P,
-    delayBeforeTouchMoveEvent: R
-  } = n, m = At(a).map((i) => `droppable-group-${i}`).join(" ");
-  let v = 0, w = {
-    scrollX: 0,
-    scrollY: 0
-  }, x = { pageX: 0, pageY: 0 }, $, G;
-  const [j, st] = Qe(e), I = () => {
-    v = 0;
-  }, [
-    L,
-    Z,
-    H,
-    k,
-    V
-  ] = Mn(
-    n,
-    t,
-    s,
-    m,
-    o,
-    I
-  ), q = () => {
-    nt(e, Q);
-  }, Y = (i) => {
-    nt(i, Nt), o.addSubscriber(i);
-  }, X = () => {
-    if (c(e)) {
-      const i = e.querySelector(r);
-      Y(i || e);
-    }
-  }, tt = () => {
-    X(), q();
-  }, lt = (i) => {
-    const g = i == null ? void 0 : i.querySelector(`.${Nt}`), D = g == null ? void 0 : g.parentElement;
-    return g && D && et(D, Xt) && !D.isSameNode(s) ? null : g;
-  }, ut = (i) => {
-    const g = lt(i) ?? i;
-    g && c(i) && (It(g, "onmousedown", ft("mousemove", "mouseup")), It(
-      g,
-      "ontouchstart",
-      ft("touchmove", "touchend"),
-      (D) => {
-        G = {
-          x: D.touches[0].clientX,
-          y: D.touches[0].clientY
-        };
-      }
-    ), l(g)), i != null && i.isSameNode(g) || It(i, "onmousedown", St), nt(s, Xt);
-  }, l = (i) => {
-    const g = i.querySelectorAll("img");
-    Array.from(g).forEach((D) => {
-      D.onmousedown = () => !1;
-    });
-  }, f = () => {
-    if (x.pageX == 0 && x.pageY == 0 || !d.current)
-      return;
-    const { droppable: i, config: g } = d.current;
-    j(e, i, x, g.direction), L(e, Pt, w, d.current);
-  }, h = (i, g) => {
-    g && v == 2 && !(i != null && i.droppable.isSameNode(g.droppable)) && L(e, Pt, w, g);
-  }, d = new Rn(
-    e,
-    m,
-    s,
-    f,
-    h,
-    n.mapFrom
-  ), y = (i) => {
-    if (!d.current)
-      return;
-    const g = m ? Array.from(document.querySelectorAll(gt(m))) : [s];
-    for (const D of g)
-      D.classList.toggle(
-        N,
-        !i && D.isSameNode(d.current.droppable)
-      );
-  }, T = (i, g = !1) => {
-    d.updateConfig(i);
-    const D = d.isOutside(i);
-    y(D), v === 1 && !g ? Mt(i) : v === 2 && (E(D), Rt(i));
-  }, E = (i = !0) => {
-    if (!d.current)
-      return;
-    const { droppable: g } = d.current;
-    xn(g, s, m, u, i), !i && Yt(
-      e,
-      s,
-      v == 1,
-      d.current
-    );
-  }, C = (i) => {
-    if (Tt(i) && G && v == 1) {
-      const g = Math.abs(i.touches[0].clientX - G.x), D = Math.abs(i.touches[0].clientY - G.y);
-      if (Math.abs(g) > 5 && Math.abs(D) > 5)
-        return clearTimeout($), !1;
-    }
-    return !0;
-  }, F = (i) => {
-    clearTimeout($);
-    const g = _t(i);
-    if (Tt(i) && i.cancelable && v == 2 && i.preventDefault(), Tt(i) && !i.cancelable || !C(i)) {
-      xt("touchmove", i);
-      return;
-    }
-    T(g, Tt(i));
-  }, A = (i, g) => {
-    i == "touchmove" ? $ = setTimeout(() => {
-      g();
-    }, R) : g();
-  }, W = (i, g) => {
-    const { clientX: D, clientY: dt } = i, it = document.elementFromPoint(D, dt), vt = it == null ? void 0 : it.closest(`.${Q}`);
-    return vt && g.isSameNode(vt);
-  }, J = (i) => {
-    const g = n.onGetValue(t);
-    return { index: t, element: i, value: g };
-  }, mt = (i) => {
-    d.updateConfig(i), y(d.isOutside(i)), Mt(i);
-  }, ft = (i, g) => (D) => {
-    if (!W(D, e))
-      return;
-    at.updateScrolls(s, m);
-    const { scrollX: dt, scrollY: it } = window;
-    if (w = { scrollX: dt, scrollY: it }, v === 0) {
-      v = 1;
-      const vt = J(e);
-      vt && P(vt), A(i, () => {
-        i == "touchmove" && mt(D);
-      }), document.addEventListener(i, F, {
-        passive: !1
-      }), Se(s), document.addEventListener(g, rt(i), {
-        once: !0
-      });
-    }
-  }, St = (i) => d.updateConfig(i), rt = (i) => (g) => {
-    xt(i, g);
-  }, xt = (i, g) => {
-    y(!0);
-    const D = _t(g);
-    De(d.isOutside(D, !1)), clearTimeout($), document.removeEventListener(i, F), d.updateConfig(D);
-    const dt = d.getCurrentConfig(D);
-    if (dt) {
-      const { droppable: it } = dt;
-      Bt(it);
-    }
-    s.onscroll = null, I();
-  }, Bt = (i) => {
-    if (i.onscroll = null, !m)
-      return;
-    const g = Array.from(
-      document.querySelectorAll(gt(m))
-    );
-    for (const D of g)
-      ot(D) && (D.onscroll = null);
-  }, Mt = (i) => {
-    Yt(
-      e,
-      s,
-      v == 1,
-      d.current
-    ), wt(), L(
-      e,
-      fe,
-      w,
-      d.current
-    ), be(e), st(i, e);
-  }, wt = () => {
-    v = 2;
-  }, Rt = (i) => {
-    const { pageX: g, pageY: D } = i;
-    x = { pageX: g, pageY: D }, f();
-  }, Se = (i) => le(i, "onscroll", ve), ve = () => f(), De = (i) => {
-    if (v !== 2 && v !== 1) {
-      I();
-      return;
-    }
-    v = 3, Jt(e), e.classList.contains($t) && L(
-      e,
-      jt,
-      w,
-      i ? d.initial : d.current,
-      t
-    );
-  }, Jt = (i) => {
-    Gt(i, u, de), Et(i, 0, 0);
-  }, be = (i) => {
-    const { height: g, width: D } = i.getBoundingClientRect();
-    ue(i, {
-      fixedHeight: `${g}px`,
-      fixedWidth: `${D}px`
-    }), V(i, !0), bt(i, S, !0), i.style.transition = "";
-  }, Te = (i, g) => {
-    Ct(e, b), Yt(
-      e,
-      s,
-      v == 1,
-      d.initial
-    ), Z(i, e, g, (D) => {
-      Jt(D), k(e);
-    }), M(t, !0);
-  }, Ee = (i) => {
-    if (!d.initial)
-      return;
-    const g = d.initial;
-    i == t && (nt(e, b), setTimeout(() => {
-      Te(i, g);
-    }, p));
-  }, ye = (i, g) => {
-    (i === t || i === n.onGetLegth() && t === i - 1) && H(i, e, s, g, () => {
-      Cn(
-        e,
-        v == 1,
-        d.initial
-      );
-    });
-  };
-  return tt(), ut(e), [Ee, ye];
-}
-const On = (e, t) => {
-  e && Re(t, e);
-}, Nn = () => {
-  je(document.body, [
-    `.${Q}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,
-    `.${Nt}{pointer-events:auto!important;}`,
-    `.${xe}{cursor:grab;}`,
-    ".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",
-    ".droppable{box-sizing:border-box!important;}",
-    `.${$t}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,
-    `.${Wt}{pointer-events:none!important;}`,
-    `.${Vt}{pointer-events:none!important;}`,
-    `.${oe}{cursor:grabbing;}`,
-    ".disable-transition{transition:none!important;}"
-  ]);
-};
-function Fn(e, t, n, s = "index") {
-  const o = s;
-  let r = [], c = [];
-  const { droppableGroup: a } = e;
-  if (!n)
-    return [
-      r,
-      c
-    ];
-  const u = At(a).map((p) => `droppable-group-${p}`).join(" ");
-  Nn(), On(u, n);
-  for (const p of n.children) {
-    const S = p.getAttribute(o), b = Oe(S), M = p;
-    if (M && b >= 0) {
-      const [N, P] = Ln(
-        M,
-        b,
-        e,
-        n,
-        t
-      );
-      r.push(N), c.push(P);
-    }
-  }
-  return [
-    r,
-    c
-  ];
-}
-function Gn(e, t, n, s = "index") {
-  let o = [], r = [], c;
-  const a = Be(e, n), u = (m) => {
-    for (const v of o)
-      v(m);
-  }, p = (m, v) => {
-    if (a.onGetLegth() === 0)
-      e.insertToListEmpty(a, m, v);
-    else
-      for (const x of r)
-        x(m, v);
-  }, S = (m) => {
-    const [v, w] = Fn(a, t, m, s);
-    o = v, r = w;
-  }, b = (m) => {
-    const v = m.addedNodes.values().filter((x) => !qt(x)).toArray(), w = m.removedNodes.values().filter((x) => !qt(x)).toArray();
-    return v.length > 0 || w.length > 0;
-  }, M = (m) => {
-    c = kt(
-      () => {
-        S(m);
-      },
-      m,
-      { childList: !0 },
-      b
-    );
-  }, N = (m) => {
-    nt(m, Xt);
-  }, P = (m) => {
-    at.addConfig(
-      m,
-      a
-    );
-  };
-  return [u, p, (m) => {
-    if (m)
-      return N(m), P(m), M(m), S(m), at.removeObsoleteConfigs(), c;
-  }];
-}
-export {
-  xe as G,
-  nt as a,
-  Gn as d,
-  $n as i,
-  bt as t
-};