fluid-dnd 2.2.1 → 2.3.0

package/dist/index-Dc95WWpv.js

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