fluid-dnd 2.1.3 → 2.2.0

package/dist/index-Dc95WWpv.js

@@ -0,0 +1,1271 @@
+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
+};