fluid-dnd 2.4.0 → 2.5.0

package/dist/index-DFXw7kYo.js

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