fluid-dnd 2.0.2 → 2.1.1

package/dist/index-BQUYvZRn.js

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