fluid-dnd 2.0.2 → 2.1.1

package/dist/index-D_kOy-fH.js

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