fluid-dnd 2.3.0 → 2.5.0

package/dist/index-HczUoMBK.js

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