fluid-dnd 2.2.1 → 2.3.0

package/dist/index-m7C-XuaH.js

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