fluid-dnd 2.4.0 → 2.5.1

package/dist/index-CJpjY7r7.js

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