fluid-dnd 1.3.0-beta.0 → 1.3.1-beta.0

package/dist/index-Cm06gxy7.js

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