@vue-dnd-kit/core 2.4.7 → 3.0.0-beta.2

package/dist/vue-dnd-kit-core.es.js

@@ -1,1524 +0,0 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".dnd-kit-preview{transform-origin:0 0;will-change:transform}.dnd-kit-preview-container{position:fixed;top:0;left:0;pointer-events:none;cursor:grabbing;z-index:9999}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { shallowRef as X, ref as q, reactive as $, computed as b, watch as te, onScopeDispose as tt, onMounted as Y, onBeforeUnmount as Z, inject as Be, defineComponent as Oe, useTemplateRef as Fe, unref as j, openBlock as L, createElementBlock as W, normalizeStyle as Ie, renderSlot as de, Fragment as me, renderList as nt, createBlock as J, resolveDynamicComponent as he, createCommentVNode as st, provide as at, Teleport as it, createElementVNode as ot, mergeProps as rt } from "vue";
-const C = {
-  SELECT_AREA: "data-dnd-kit-select-area",
-  DRAGGABLE: "data-dnd-kit-draggable",
-  DROPPABLE: "data-dnd-kit-droppable",
-  CONSTRAINT_AREA: "data-dnd-kit-constraint-area"
-}, G = {
-  SELECT_AREA: `[${C.SELECT_AREA}]`,
-  DRAGGABLE: `[${C.DRAGGABLE}]`,
-  CONSTRAINT_AREA: `[${C.CONSTRAINT_AREA}]`
-}, xe = "VueDnDKitProvider", Ce = (e, t, n, s) => {
-  const a = /* @__PURE__ */ new Set();
-  return t.forEach((r) => {
-    const i = e.get(r), o = s ? s(r) : i?.disabled;
-    if (!i || o) return;
-    const l = i.modifier?.keys, c = i.modifier?.method;
-    if (!l || !c || l.length === 0) {
-      a.add(r);
-      return;
-    }
-    l[c]((g) => n.value.has(g)) && a.add(r);
-  }), a;
-};
-let ze = "", lt = "", ct = "";
-const S = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, H = (e, t) => e !== t && e.contains(t), gt = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), be = () => {
-  const e = document.body;
-  ze = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", M), window.addEventListener("selectstart", M), window.addEventListener("touchstart", M), window.addEventListener("touchmove", M);
-}, pe = () => {
-  const e = document.body;
-  e.style.userSelect = ze, e.style.touchAction = lt, e.style.overscrollBehavior = ct, window.removeEventListener("contextmenu", M), window.removeEventListener("selectstart", M), window.removeEventListener("touchstart", M), window.removeEventListener("touchmove", M);
-}, M = (e) => e.preventDefault(), Ee = (e, t) => {
-  if (t.entities.draggableMap.get(e)?.disabled) return !0;
-  for (const s of t.entities.visibleDraggableSet)
-    if (t.entities.draggableMap.get(s)?.disabled && H(s, e)) return !0;
-  return !1;
-}, K = (e, t) => {
-  if (t.entities.droppableMap.get(e)?.disabled) return !0;
-  for (const s of t.entities.visibleDroppableSet)
-    if (t.entities.droppableMap.get(s)?.disabled && H(s, e)) return !0;
-  return !1;
-}, ne = (e, t) => {
-  if (!e.length || !t.length) return !0;
-  const n = new Set(t);
-  return e.some((s) => n.has(s));
-};
-function ut(e, t, n, s) {
-  const a = [];
-  for (const i of t.keys()) {
-    const o = n.get(i);
-    a.push({ groups: o?.groups ?? [] });
-  }
-  const r = /* @__PURE__ */ new Set();
-  for (const i of e) {
-    const o = s.get(i), l = o?.groups ?? [], c = o?.groupMatch ?? "every";
-    (!a.length || a[c]((g) => ne(g.groups, l))) && r.add(i);
-  }
-  return r;
-}
-function ft(e, t, n) {
-  const s = /* @__PURE__ */ new Set();
-  for (const i of t.keys()) {
-    const o = n.get(i);
-    for (const l of o?.groups ?? []) s.add(l);
-  }
-  const a = [...s], r = /* @__PURE__ */ new Set();
-  for (const i of e) {
-    const l = n.get(i)?.groups ?? [];
-    ne(a, l) && r.add(i);
-  }
-  return r;
-}
-const oe = (e) => {
-  if (typeof IntersectionObserver > "u")
-    return { observe: () => {
-    }, unobserve: () => {
-    }, disconnect: () => {
-    } };
-  const t = new IntersectionObserver((n) => {
-    n.forEach((s) => {
-      const a = s.target;
-      e[s.isIntersecting ? "add" : "delete"](a);
-    });
-  });
-  return {
-    observe: (n) => t.observe(n),
-    unobserve: (n) => t.unobserve(n),
-    disconnect: () => t.disconnect()
-  };
-};
-function ye(e, t = 0, n = 0) {
-  return {
-    start: { x: e.clientX, y: e.clientY },
-    current: { x: e.clientX, y: e.clientY },
-    offset: { x: t, y: n }
-  };
-}
-function _e(e, t) {
-  const n = t.getBoundingClientRect(), s = n.width > 0 ? (e.clientX - n.left) / n.width : 0.5, a = n.height > 0 ? (e.clientY - n.top) / n.height : 0.5;
-  return { x: s, y: a };
-}
-function Ge(e, t) {
-  return {
-    ...t,
-    initialHTML: e.innerHTML,
-    initialRect: e.getBoundingClientRect(),
-    initialOuterHTML: e.outerHTML
-  };
-}
-function dt(e, t, n) {
-  e.forEach((s) => {
-    const a = t.get(s);
-    n.set(s, Ge(s, a));
-  }), e.clear();
-}
-function mt(e, t, n) {
-  n.clear();
-  const s = t.get(e);
-  n.set(e, Ge(e, s));
-}
-function Q(e) {
-  e.entities.initiatingDraggable && (e.state.value = "dragging", ht(
-    e.entities.initiatingDraggable,
-    e.entities.selectedSet,
-    e.entities.draggableMap,
-    e.entities.draggingMap
-  ));
-}
-function ht(e, t, n, s) {
-  t.has(e) ? dt(t, n, s) : (t.clear(), mt(e, n, s));
-}
-function He(e, t, n, s) {
-  if (s || !n) return !0;
-  const a = e.closest(n);
-  return a ? t.contains(a) : !1;
-}
-function bt(e, t) {
-  if (!e || !t) return 1;
-  const n = Math.abs(e.current.x - e.start.x), s = Math.abs(e.current.y - e.start.y);
-  if (typeof t == "number") {
-    const c = Math.sqrt(n * n + s * s);
-    return Math.min(c / t, 1);
-  }
-  const {
-    x: a = 0,
-    y: r = 0,
-    condition: i = "any"
-  } = t;
-  if (a === 0 && r === 0) return 1;
-  const o = a > 0 ? Math.min(n / a, 1) : 1, l = r > 0 ? Math.min(s / r, 1) : 1;
-  return i === "both" ? Math.min(o, l) : Math.max(o, l);
-}
-function Ke(e, t, n) {
-  if (!n) return !0;
-  const s = n.distance != null, a = n.delay != null;
-  return !s && !a ? !0 : s && !a ? e >= 1 : !s && a ? t >= 1 : (n.condition ?? "both") === "both" ? e >= 1 && t >= 1 : e >= 1 || t >= 1;
-}
-function pt(e) {
-  if (e.state.value !== "activating" || !e.entities.initiatingDraggable)
-    return !1;
-  const t = e.entities.draggableMap.get(
-    e.entities.initiatingDraggable
-  );
-  return Ke(
-    e.distanceProgress.value,
-    e.delay.progress,
-    t?.activation
-  ) ? (Q(e), !0) : !1;
-}
-function yt(e, t) {
-  let n = null;
-  const s = () => {
-    if (e.state.value !== "activating" || !e.entities.initiatingDraggable) {
-      n = null;
-      return;
-    }
-    const a = e.entities.draggableMap.get(
-      e.entities.initiatingDraggable
-    ), r = a?.activation?.delay;
-    if (!r) {
-      n = null;
-      return;
-    }
-    e.delay.progress = Math.min(
-      (Date.now() - e.delay.startTime) / (r * 1e3),
-      1
-    ), Ke(
-      e.distanceProgress.value,
-      e.delay.progress,
-      a?.activation
-    ) ? (t(), n = null) : n = requestAnimationFrame(s);
-  };
-  return n = requestAnimationFrame(s), {
-    cancel: () => {
-      n !== null && (cancelAnimationFrame(n), n = null);
-    }
-  };
-}
-function Dt(e, t) {
-  const n = e.closest(
-    G.CONSTRAINT_AREA
-  );
-  return !n || !t.has(n) ? null : {
-    element: n,
-    entity: t.get(n)
-  };
-}
-function wt(e, t, n, s) {
-  return n === "x" ? { x: e, y: s.top } : n === "y" ? { x: s.left, y: t } : { x: e, y: t };
-}
-function St(e, t, n, s, a) {
-  let r = e, i = t;
-  return n !== "y" && (r = Math.max(
-    s.left,
-    Math.min(s.right - a.width, e)
-  )), n !== "x" && (i = Math.max(
-    s.top,
-    Math.min(s.bottom - a.height, t)
-  )), { x: r, y: i };
-}
-function Mt(e, t, n, s) {
-  if (!e)
-    return { x: 0, y: 0 };
-  const a = t?.width ?? 0, r = t?.height ?? 0;
-  let i = e.current.x - a * e.offset.x, o = e.current.y - r * e.offset.y;
-  if (!n)
-    return { x: i, y: o };
-  const l = Dt(n, s);
-  if (!l)
-    return { x: i, y: o };
-  const { element: c, entity: u } = l, g = c.getBoundingClientRect(), f = n.getBoundingClientRect(), d = wt(
-    i,
-    o,
-    u.axis || "both",
-    f
-  );
-  return u.restrictToArea ? St(
-    d.x,
-    d.y,
-    u.axis || "both",
-    g,
-    t ?? { width: 0, height: 0 }
-  ) : d;
-}
-const V = {
-  forDrag: ["Enter", "Space"],
-  forCancel: ["Escape"],
-  forDrop: ["Enter", "Space"],
-  forMove: [
-    "ArrowUp",
-    "ArrowDown",
-    "ArrowLeft",
-    "ArrowRight",
-    "KeyW",
-    "KeyA",
-    "KeyS",
-    "KeyD"
-  ],
-  forMoveFaster: ["ShiftLeft", "ShiftRight"]
-};
-function vt(e, t) {
-  const n = X(), s = q(), r = {
-    keys: {
-      pressedKeys: q(/* @__PURE__ */ new Set()),
-      forDrag: [...V.forDrag],
-      forCancel: [...V.forCancel],
-      forDrop: [...V.forDrop],
-      forMove: [...V.forMove],
-      forMoveFaster: [...V.forMoveFaster]
-    },
-    step: 8,
-    moveFaster: 4
-  }, i = $({
-    draggableMap: /* @__PURE__ */ new Map(),
-    droppableMap: /* @__PURE__ */ new Map(),
-    selectableAreaMap: /* @__PURE__ */ new Map(),
-    constraintsAreaMap: /* @__PURE__ */ new Map(),
-    initiatingDraggable: void 0,
-    selectingArea: void 0,
-    draggingMap: /* @__PURE__ */ new Map(),
-    selectedSet: /* @__PURE__ */ new Set(),
-    selectionBase: /* @__PURE__ */ new Set(),
-    allowedDroppableSet: b(() => n.value ? ut(
-      i.visibleDroppableSet,
-      i.draggingMap,
-      i.draggableMap,
-      i.droppableMap
-    ) : /* @__PURE__ */ new Set()),
-    allowedDraggableSet: b(() => n.value ? ft(
-      i.visibleDraggableSet,
-      i.draggingMap,
-      i.draggableMap
-    ) : /* @__PURE__ */ new Set()),
-    modifiersSelectableAreaSet: b(() => Ce(
-      i.selectableAreaMap,
-      i.visibleSelectableAreaSet,
-      r.keys.pressedKeys
-    )),
-    modifiersDraggableSet: b(() => Ce(
-      i.draggableMap,
-      i.visibleDraggableSet,
-      r.keys.pressedKeys,
-      (w) => Ee(w, { entities: i })
-    )),
-    visibleDraggableSet: /* @__PURE__ */ new Set(),
-    visibleDroppableSet: /* @__PURE__ */ new Set(),
-    visibleSelectableAreaSet: /* @__PURE__ */ new Set()
-  }), o = $({
-    draggable: /* @__PURE__ */ new Map(),
-    droppable: /* @__PURE__ */ new Map()
-  }), l = {
-    throttle: X(0)
-  }, c = $({
-    x: typeof window < "u" ? window.scrollX : 0,
-    y: typeof window < "u" ? window.scrollY : 0
-  }), u = $({
-    progress: 0,
-    startTime: 0
-  }), g = b(() => {
-    if (!s.value || !i.initiatingDraggable) return 0;
-    const w = i.draggableMap.get(i.initiatingDraggable)?.activation?.distance;
-    return w ? bt(s.value, w) : 1;
-  }), f = oe(
-    i.visibleDraggableSet
-  ), d = oe(
-    i.visibleDroppableSet
-  ), h = oe(
-    i.visibleSelectableAreaSet
-  ), m = q(), y = X(typeof DOMRect < "u" ? new DOMRect() : {}), p = b(() => {
-    c.x, c.y;
-    const D = y.value, w = i.initiatingDraggable, T = w ? i.draggingMap.get(w) : null, P = D.width && D.height ? D : T?.initialRect ?? null;
-    return Mt(
-      s.value,
-      P,
-      w || null,
-      i.constraintsAreaMap
-    );
-  }), x = b({
-    get: () => t?.previewTo,
-    set: (D) => x.value = D
-  }), k = b(() => t?.autoScrollViewport);
-  return {
-    state: n,
-    pointer: s,
-    entities: i,
-    keyboard: r,
-    scrollPosition: c,
-    delay: u,
-    distanceProgress: g,
-    hovered: o,
-    collision: l,
-    preview: {
-      size: y,
-      position: p,
-      render: m,
-      ref: e,
-      to: x
-    },
-    lib: {
-      draggableObserver: f,
-      droppableObserver: d,
-      selectableAreaObserver: h,
-      rectCache: /* @__PURE__ */ new Map()
-    },
-    autoScrollViewport: k
-  };
-}
-const ee = (e) => {
-  const t = e.hovered.draggable.keys().next().value;
-  if (t) {
-    const s = e.entities.draggableMap.get(t);
-    s && (s.hoveredPlacement = void 0);
-  }
-  const n = e.hovered.droppable.keys().next().value;
-  if (n) {
-    const s = e.entities.droppableMap.get(n);
-    s && (s.hoveredPlacement = void 0);
-  }
-  e.lib.rectCache.clear(), e.pointer.value = void 0, e.state.value = void 0, e.entities.selectingArea = void 0, e.entities.selectionBase.clear(), e.entities.initiatingDraggable = void 0, e.delay.progress = 0, e.delay.startTime = 0, e.entities.draggingMap.clear(), e.hovered.draggable.clear(), e.hovered.droppable.clear();
-};
-function At(e) {
-  return e.parentElement?.closest(
-    G.SELECT_AREA
-  ) ?? null;
-}
-const xt = (e, t, n) => {
-  if (!n) return {};
-  const s = n.getBoundingClientRect(), a = Math.max(s.left, Math.min(e.x, t.x)), r = Math.max(s.top, Math.min(e.y, t.y)), i = Math.min(s.right, Math.max(e.x, t.x)), o = Math.min(s.bottom, Math.max(e.y, t.y)), l = Math.max(0, i - a), c = Math.max(0, o - r), u = a - s.left + n.scrollLeft, g = r - s.top + n.scrollTop;
-  return {
-    position: "absolute",
-    left: `${u}px`,
-    top: `${g}px`,
-    width: `${l}px`,
-    height: `${c}px`,
-    pointerEvents: "none",
-    border: "1px solid #3b82f6",
-    backgroundColor: "#3b82f61a"
-  };
-}, Ne = (e) => {
-  if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, n = Et(
-    e.pointer.value.start,
-    e.pointer.value.current
-  ), s = e.entities.selectableAreaMap.get(t)?.groups ?? [], a = e.lib.rectCache;
-  e.entities.visibleDraggableSet.forEach((r) => {
-    if (r === t || !t.contains(r)) return;
-    const i = At(r);
-    if (i && i !== t) {
-      e.entities.selectedSet.delete(r);
-      return;
-    }
-    if (Ee(r, e)) {
-      e.entities.selectedSet.delete(r);
-      return;
-    }
-    const l = e.entities.draggableMap.get(r)?.groups ?? [];
-    if (!ne(s, l)) {
-      e.entities.selectedSet.delete(r);
-      return;
-    }
-    let c = a.get(r);
-    c || (c = r.getBoundingClientRect(), a.set(r, c));
-    const u = e.entities.selectionBase.has(r), g = gt(n, c);
-    switch (e.entities.selectableAreaMap.get(t)?.strategy) {
-      case "toggle":
-        e.entities.selectedSet[g !== u ? "add" : "delete"](
-          r
-        );
-        break;
-      case "select":
-        e.entities.selectedSet[g ? "add" : "delete"](r);
-        break;
-    }
-  });
-}, Et = (e, t) => {
-  const n = Math.min(e.x, t.x), s = Math.min(e.y, t.y), a = Math.max(e.x, t.x), r = Math.max(e.y, t.y), i = a - n, o = r - s;
-  return new DOMRect(n, s, i, o);
-};
-function I(e, t, n) {
-  const s = Math.max(0, Math.min(t, e.length));
-  return [...e.slice(0, s), ...n, ...e.slice(s)];
-}
-function Le(e, t, n = 1) {
-  const s = Math.max(0, Math.min(t, e.length - 1)), a = Math.max(0, Math.min(n, e.length - s));
-  return [...e.slice(0, s), ...e.slice(s + a)];
-}
-function N(e, t) {
-  const n = [...new Set(t)].filter((a) => a >= 0 && a < e.length).sort((a, r) => r - a);
-  let s = e;
-  for (const a of n) s = Le(s, a, 1);
-  return s;
-}
-function Ye(e, t, n) {
-  if (t === n || t < 0 || n < 0 || t >= e.length || n >= e.length)
-    return e;
-  const s = [...e];
-  return [s[t], s[n]] = [s[n], s[t]], s;
-}
-const R = {
-  getInsertSide(e, t) {
-    return e ? t === "vertical" ? e.top && !e.bottom ? "before" : e.bottom && !e.top ? "after" : e.top ? "before" : null : e.left && !e.right ? "before" : e.right && !e.left ? "after" : e.left ? "before" : null : null;
-  },
-  isAtZoneStart(e, t) {
-    return R.getInsertSide(e, t) === "before" && !e?.center;
-  },
-  isAtZoneEnd(e, t) {
-    return R.getInsertSide(e, t) === "after" && !e?.center;
-  }
-};
-function Ve(e, t) {
-  const { draggedItems: n, dropZone: s, hoveredDraggable: a } = e;
-  if (!n.length) return null;
-  const r = a?.placement.center === !0 && s != null && s.items !== a.items, i = r ? s.items : a?.items ?? s?.items;
-  if (!i) return null;
-  const o = n[0].items, l = n.map((f) => f.index), c = i.length;
-  let u, g;
-  if (a && !r) {
-    const f = a.items === o && l.includes(a.index);
-    if (f && n.length === 1) {
-      const d = R.isAtZoneStart(s?.placement, t);
-      u = d ? 0 : c, g = d ? "prepend" : "append";
-    } else {
-      if (f)
-        return null;
-      {
-        const d = R.getInsertSide(a.placement, t), h = a.index;
-        d === "before" ? (u = Math.max(0, h), g = "insert") : d === "after" ? (u = Math.min(c, h + 1), g = "insert") : (u = c, g = "append");
-      }
-    }
-  } else {
-    if (!s) return null;
-    const f = R.isAtZoneStart(s.placement, t);
-    u = f ? 0 : c, g = f ? "prepend" : "append";
-  }
-  return { targetIndex: u, mode: g, targetArr: i };
-}
-function Lt(e, t = "vertical") {
-  const { draggedItems: n } = e;
-  if (!n.length) return null;
-  const s = Ve(e, t);
-  if (!s) return null;
-  const { targetArr: a, mode: r } = s;
-  let { targetIndex: i } = s;
-  const o = n.map((g) => g.index), l = n.map((g) => g.item), c = n[0].items;
-  if (c === a) {
-    const g = o.filter((d) => d < i).length;
-    i = Math.max(0, i - g);
-    const f = I(N(c, o), i, l);
-    return { sourceItems: f, targetItems: f, draggedItems: l, sourceIndexes: o, targetIndex: i, mode: r, sameList: !0 };
-  } else {
-    const g = N(c, o), f = I(a, i, l);
-    return { sourceItems: g, targetItems: f, draggedItems: l, sourceIndexes: o, targetIndex: i, mode: r, sameList: !1 };
-  }
-}
-function It(e) {
-  const { draggedItems: t, hoveredDraggable: n } = e;
-  if (!t.length || !n) return null;
-  const s = t.map((u) => u.index), a = n.index, r = t.map((u) => u.item), i = n.item, o = t[0].items, l = n.items, c = o === l;
-  if (c && s.includes(a)) return null;
-  if (t.length === 1) {
-    const u = s[0];
-    if (c) {
-      const g = Ye(o, u, a);
-      return { sourceItems: g, targetItems: g, sourceIndexes: s, targetIndex: a, sameList: !0 };
-    } else {
-      const g = [...o], f = [...l];
-      return g[u] = l[a], f[a] = o[u], { sourceItems: g, targetItems: f, sourceIndexes: s, targetIndex: a, sameList: !1 };
-    }
-  } else {
-    const u = Math.min(...s);
-    if (c) {
-      const g = s.filter((p) => p < a).length, f = Math.max(0, a - g), d = s.filter((p) => p < u).length, h = Math.max(0, u - d);
-      let m = N(o, s);
-      m = I(m, f, r);
-      const y = h >= f ? h + r.length : h;
-      return m = I(m, y, [i]), { sourceItems: m, targetItems: m, sourceIndexes: s, targetIndex: f, sameList: !0 };
-    } else {
-      const g = s.filter((m) => m < u).length, f = Math.max(0, u - g);
-      let d = N(o, s);
-      d = I(d, f, [i]);
-      let h = Le(l, a);
-      return h = I(h, a, r), { sourceItems: d, targetItems: h, sourceIndexes: s, targetIndex: a, sameList: !1 };
-    }
-  }
-}
-function Ct(e, t = "vertical") {
-  const { draggedItems: n } = e;
-  if (!n.length) return null;
-  const s = Ve(e, t);
-  if (!s) return null;
-  const { targetArr: a, targetIndex: r, mode: i } = s, o = n.map((c) => c.item);
-  return { targetItems: I(a, r, o), copiedItems: o, targetIndex: r, mode: i };
-}
-function Rt(e) {
-  const { draggedItems: t } = e;
-  if (!t.length) return null;
-  const n = t.map((i) => i.index), s = t.map((i) => i.item), a = t[0].items;
-  return { sourceItems: N(a, n), removedItems: s, sourceIndexes: n };
-}
-function Xe(e) {
-  return {
-    // Low-level array ops
-    insertAt: I,
-    removeAt: Le,
-    removeIndexes: N,
-    swapAt: Ye,
-    // Placement helpers
-    getInsertSide: (t, n) => R.getInsertSide(t, n),
-    isAtZoneStart: (t, n) => R.isAtZoneStart(t, n),
-    isAtZoneEnd: (t, n) => R.isAtZoneEnd(t, n),
-    // High-level (event-bound)
-    suggestSort: (t) => Lt(e, t),
-    suggestSwap: () => It(e),
-    suggestCopy: (t) => Ct(e, t),
-    suggestRemove: () => Rt(e)
-  };
-}
-const O = (e) => e.keys().next().value, kt = (e) => e.target.closest(
-  G.DRAGGABLE
-);
-function Ze(e, t) {
-  const n = t.entities.draggingMap.get(e);
-  if (n) return n;
-  const s = e.getAttribute(C.DRAGGABLE);
-  if (s) {
-    for (const [, a] of t.entities.draggingMap)
-      if (a.id === s) return a;
-  }
-}
-function Tt(e) {
-  const t = e.entities.initiatingDraggable;
-  if (!t) return [];
-  const n = Ze(t, e) ?? e.entities.draggableMap.get(t), s = n?.payload;
-  if (!s)
-    return n?.data ? [{ index: -1, item: void 0, items: [], data: n.data() }] : [];
-  const a = s();
-  if (!Array.isArray(a) || a.length < 2) return [];
-  const [r, i] = a, o = Number(r), l = i, c = /* @__PURE__ */ new Map();
-  return c.set(o, {
-    index: o,
-    item: l[o],
-    items: l,
-    data: n?.data?.()
-  }), e.entities.draggingMap.forEach((u, g) => {
-    const f = e.entities.draggableMap.get(g), d = f?.payload;
-    if (!d) return;
-    const h = d();
-    if (!Array.isArray(h) || h.length < 2) return;
-    const [m, y] = h;
-    if (y !== l) return;
-    const p = Number(m);
-    c.has(p) || c.set(p, {
-      index: p,
-      item: y[p],
-      items: l,
-      data: f?.data?.()
-    });
-  }), [...c.values()].sort((u, g) => u.index - g.index);
-}
-const A = (e, t) => {
-  const n = Tt(e);
-  let s, a;
-  if (t) {
-    const r = e.entities.droppableMap.get(t);
-    if (r) {
-      const l = r.payload;
-      s = {
-        items: l ? l() : [],
-        placement: e.hovered.droppable.get(t),
-        data: r.data?.()
-      };
-    }
-    const i = O(e.hovered.draggable);
-    if (i && (i === t || t.contains(i)) && i) {
-      const l = e.entities.draggableMap.get(i), c = l?.payload, u = e.hovered.draggable.get(i), g = { top: !1, right: !1, bottom: !1, left: !1, center: !1 };
-      if (c) {
-        const f = c();
-        if (Array.isArray(f) && f.length >= 2) {
-          const [d, h] = f, m = Number(d);
-          a = {
-            element: i,
-            placement: u ?? g,
-            index: m,
-            item: h[m],
-            items: h,
-            data: l?.data?.()
-          };
-        }
-      } else l?.data && (a = {
-        element: i,
-        placement: u ?? g,
-        index: -1,
-        item: void 0,
-        items: [],
-        data: l.data()
-      });
-    }
-  }
-  return {
-    draggedItems: n,
-    dropZone: s,
-    hoveredDraggable: a,
-    provider: e,
-    helpers: Xe({ draggedItems: n, dropZone: s, hoveredDraggable: a })
-  };
-}, F = (e, t, n) => {
-  if (!t) return;
-  const s = Ze(t, e) ?? e.entities.draggableMap.get(t);
-  !s || s.disabled || s.events?.[n]?.(A(e));
-}, v = (e, t) => {
-  const n = A(e);
-  e.entities.draggingMap.forEach((s) => {
-    s.disabled || s.events?.[t]?.(n);
-  });
-}, Pt = (e, t, n) => {
-  if (t !== n) {
-    if (t && !K(t, e)) {
-      const s = A(e, t);
-      e.entities.droppableMap.get(t)?.events?.onLeave?.(s);
-    }
-    if (n && !K(n, e)) {
-      const s = A(e, n);
-      e.entities.droppableMap.get(n)?.events?.onEnter?.(s);
-    }
-  }
-}, Bt = (e, t, n) => {
-  if (t !== n) {
-    const s = A(e);
-    if (t) {
-      const a = e.entities.draggableMap.get(t);
-      a && !a.disabled && a.events?.onLeave?.(s);
-    }
-    if (n) {
-      const a = e.entities.draggableMap.get(n);
-      a && !a.disabled && a.events?.onHover?.(s);
-    }
-  }
-}, re = (e, t, n) => {
-  const s = kt(t);
-  !s || !e.entities.draggingMap.has(s) || e.entities.draggingMap.get(s)?.events?.[n]?.(A(e));
-}, Ot = (e, t) => {
-  const n = O(t.droppable);
-  n && !K(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(A(e, n));
-}, De = (e, t) => {
-  const n = O(t.droppable);
-  n && !K(n, e) && e.entities.droppableMap.get(n)?.events?.onLeave?.(A(e, n));
-}, Ft = (e, t, n = 5) => {
-  const s = n / 2;
-  return {
-    left: e - s,
-    top: t - s,
-    width: n,
-    height: n
-  };
-}, zt = (e) => {
-  const t = e.pointer.value?.current, n = t?.x ?? 0, s = t?.y ?? 0;
-  return Ft(n, s, 5);
-}, B = (e, t, n) => {
-  const s = e.left + e.width / 2, a = e.top + e.height / 2;
-  if (n) {
-    const o = n.top ?? 0, l = n.right ?? 0, c = n.bottom ?? 0, u = n.left ?? 0, g = t.left + u, f = t.right - l, d = t.top + o, h = t.bottom - c;
-    if (g < f && d < h && s >= g && s <= f && a >= d && a <= h)
-      return {
-        top: !1,
-        right: !1,
-        bottom: !1,
-        left: !1,
-        center: !0
-      };
-  }
-  const r = t.left + t.width / 2, i = t.top + t.height / 2;
-  return {
-    top: a <= i,
-    bottom: a > i,
-    left: s <= r,
-    right: s > r,
-    center: !1
-  };
-}, _t = (e) => ({
-  x: e.left + e.width / 2,
-  y: e.top + e.height / 2
-}), Re = (e, t) => {
-  const n = _t(t);
-  return Math.hypot(e.x - n.x, e.y - n.y);
-};
-function Gt(e, t) {
-  return e === t ? !0 : !e || !t ? !1 : e.top === t.top && e.right === t.right && e.bottom === t.bottom && e.left === t.left && e.center === t.center;
-}
-function U(e, t) {
-  Gt(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
-}
-const Ht = (e, t) => e.find((n) => n !== t && H(t, n)), we = (e, t, n) => {
-  const s = O(t.droppable), a = O(t.draggable);
-  a && t.draggable.delete(a), s && t.droppable.delete(s);
-  const r = zt(e), i = n.zones[0], o = n.elements[0];
-  if (i && o && i === o && e.entities.droppableMap.has(i) && i) {
-    const g = i.getBoundingClientRect(), f = e.entities.draggableMap.get(i)?.placementMargins, d = B(r, g, f);
-    if (d.center) {
-      t.droppable.set(i, d);
-      const h = Ht(n.elements, i);
-      if (h) {
-        const m = h.getBoundingClientRect();
-        t.draggable.set(
-          h,
-          B(r, m, void 0)
-        );
-      }
-    } else {
-      t.draggable.set(o, d);
-      const h = n.zones.find((m) => m !== i);
-      if (h) {
-        const m = h.getBoundingClientRect();
-        t.droppable.set(
-          h,
-          B(r, m)
-        );
-      }
-    }
-  } else {
-    if (i) {
-      const g = i.getBoundingClientRect();
-      t.droppable.set(i, B(r, g));
-    }
-    if (o)
-      if (i)
-        if (H(i, o)) {
-          const g = o.getBoundingClientRect(), f = e.entities.draggableMap.get(o)?.placementMargins;
-          t.draggable.set(
-            o,
-            B(r, g, f)
-          );
-        } else {
-          const g = e.pointer.value?.current ?? { x: 0, y: 0 }, f = i.getBoundingClientRect(), d = o.getBoundingClientRect(), h = Re(g, f);
-          if (Re(g, d) < h) {
-            t.droppable.clear();
-            const y = e.entities.draggableMap.get(o)?.placementMargins;
-            t.draggable.set(
-              o,
-              B(r, d, y)
-            );
-          }
-        }
-      else {
-        const g = o.getBoundingClientRect(), f = e.entities.draggableMap.get(o)?.placementMargins;
-        t.draggable.set(
-          o,
-          B(r, g, f)
-        );
-      }
-  }
-  const c = O(t.droppable), u = O(t.draggable);
-  if (a && a !== u) {
-    const g = e.entities.draggableMap.get(a);
-    g && U(g, void 0);
-  }
-  if (s && s !== c) {
-    const g = e.entities.droppableMap.get(s);
-    g && U(g, void 0);
-  }
-  if (u) {
-    const g = e.entities.draggableMap.get(u);
-    g && U(g, t.draggable.get(u));
-  }
-  if (c) {
-    const g = e.entities.droppableMap.get(c);
-    g && U(g, t.droppable.get(c));
-  }
-  Pt(e, s, c), Bt(e, a, u);
-}, le = (e, t) => e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y, ce = (e) => {
-  if (!e)
-    return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
-  const t = e.getBoundingClientRect();
-  return {
-    x: t.x,
-    y: t.y,
-    width: t.width,
-    height: t.height,
-    top: t.top,
-    left: t.left,
-    right: t.right,
-    bottom: t.bottom
-  };
-}, ge = (e, t) => {
-  const n = Math.max(
-    0,
-    Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
-  ), s = Math.max(
-    0,
-    Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y)
-  ), a = n * s, r = e.width * e.height, i = t.width * t.height;
-  return r === 0 || i === 0 ? 0 : (a / r * 100 + a / i * 100) / 2;
-}, Kt = (e) => e.preview.ref?.value ?? null, ke = (e) => {
-  const t = e.preview.position?.value ?? { x: 0, y: 0 }, { x: n, y: s } = t, a = e.preview.size?.value;
-  let r, i;
-  if (a)
-    r = a.width, i = a.height;
-  else {
-    const o = e.preview.ref?.value?.getBoundingClientRect();
-    r = o?.width ?? 0, i = o?.height ?? 0;
-  }
-  return {
-    x: n,
-    y: s,
-    width: r,
-    height: i,
-    top: s,
-    left: n,
-    right: n + r,
-    bottom: s + i
-  };
-}, Se = (e) => e.entities.allowedDraggableSet, $e = (e) => e.entities.allowedDroppableSet, Ue = (e, t) => !t.entities.draggingMap.has(e), qe = (e, t) => ![...t.entities.draggingMap.keys()].some((n) => {
-  if (H(n, e)) return !0;
-  const s = n.parentElement;
-  return !!(s && e !== n && !t.entities.draggableMap.has(s) && !t.entities.droppableMap.has(s) && H(s, e) && [
-    ...t.entities.draggableMap.keys()
-  ].filter((r) => r.parentElement === s).length === 1);
-}), Nt = (e, t) => !Ee(e, t), Yt = (e, t) => !K(e, t), Me = (e, t) => Ue(e, t) && qe(e, t) && Nt(e, t), je = (e, t) => Ue(e, t) && qe(e, t) && Yt(e, t), ue = 10;
-function _(e, t) {
-  return Math.hypot(
-    t.x - (e.x + e.width / 2),
-    t.y - (e.y + e.height / 2)
-  );
-}
-function Te(e, t) {
-  const n = Math.max(e.x, Math.min(t.x, e.x + e.width)), s = Math.max(e.y, Math.min(t.y, e.y + e.height));
-  return Math.hypot(t.x - n, t.y - s);
-}
-function Vt(e) {
-  const t = e.pointer.value?.current ?? { x: 0, y: 0 }, n = document.elementFromPoint(t.x, t.y);
-  if (!n) return null;
-  const s = Se(e), a = $e(e), r = [], i = [];
-  let o = n;
-  for (; o; )
-    s.has(o) && Me(o, e) && r.push(o), a.has(o) && je(o, e) && i.push(o), o = o.parentElement;
-  return r.length === 0 && i.length === 0 ? null : { elements: r, zones: i };
-}
-const ve = (e) => {
-  if (!Kt(e)) return { elements: [], zones: [] };
-  const n = e.pointer.value?.current ?? { x: 0, y: 0 }, s = Vt(e);
-  if (s) {
-    if (s.elements.length > 0) return s;
-    const c = s.zones[0];
-    if (!c) return s;
-    const u = ke(e), f = [...Se(e)].filter(
-      (m) => c.contains(m) && Me(m, e)
-    ).map((m) => ({ el: m, box: ce(m) })), d = f.filter(
-      ({ box: m }) => le(m, u) && ge(m, u) >= ue
-    ).sort((m, y) => _(m.box, n) - _(y.box, n)).map(({ el: m }) => m);
-    return d.length > 0 ? { elements: d, zones: s.zones } : { elements: f.sort((m, y) => Te(m.box, n) - Te(y.box, n)).map(({ el: m }) => m), zones: s.zones };
-  }
-  const a = ke(e), r = [...Se(e)].filter(
-    (c) => Me(c, e)
-  ), i = [...$e(e)].filter(
-    (c) => je(c, e)
-  ), o = r.map((c) => ({ n: c, box: ce(c) })).filter(
-    ({ box: c }) => le(c, a) && ge(c, a) >= ue
-  ).sort((c, u) => _(c.box, n) - _(u.box, n)).map(({ n: c }) => c), l = i.map((c) => ({ n: c, box: ce(c) })).filter(
-    ({ box: c }) => le(c, a) && ge(c, a) >= ue
-  ).sort((c, u) => _(c.box, n) - _(u.box, n)).map(({ n: c }) => c);
-  return { elements: o, zones: l };
-};
-function Ae(e) {
-  const t = ve(e);
-  we(e, e.hovered, t);
-}
-function Xt(e, t) {
-  const n = e.collision?.throttle?.value ?? 0;
-  if (n <= 0) {
-    Ae(e);
-    return;
-  }
-  const s = Date.now();
-  s - t.value >= n && (t.value = s, Ae(e));
-}
-async function We(e) {
-  const t = e.hovered.droppable.keys().next().value;
-  if (!t || K(t, e)) return "accept";
-  const n = e.entities.droppableMap.get(t), s = A(e, t);
-  let a = s;
-  if (n?.groupMatch === "some" && (n.groups?.length ?? 0) > 0) {
-    const o = n.groups, l = s.draggedItems.filter((u) => {
-      for (const [, g] of e.entities.draggingMap) {
-        const f = g.payload?.();
-        if (!(!Array.isArray(f) || f.length < 2) && Number(f[0]) === u.index && f[1] === u.items)
-          return ne(g.groups ?? [], o);
-      }
-      return !0;
-    }), c = s.draggedItems.filter(
-      (u) => !l.includes(u)
-    );
-    if (c.length > 0) {
-      const u = (g) => ({
-        ...s,
-        draggedItems: g,
-        helpers: Xe({ ...s, draggedItems: g })
-      });
-      if (n.events?.onValidate) {
-        const g = n.events.onValidate({
-          validItems: l,
-          invalidItems: c,
-          dropZone: s.dropZone,
-          hoveredDraggable: s.hoveredDraggable
-        }), f = g != null && typeof g.then == "function";
-        let d;
-        if (f) {
-          e.state.value = "pending";
-          try {
-            d = await g;
-          } catch {
-            const m = e.entities.initiatingDraggable;
-            return F(e, m, "onSelfDragCancel"), v(e, "onDragCancel"), De(e, e.hovered), "cancel";
-          }
-        } else
-          d = g;
-        if (d === !1)
-          return e.state.value = "dragging", "decline";
-        const h = Array.isArray(d) ? d : l;
-        if (h.length === 0) return "accept";
-        a = u(h);
-      } else {
-        if (l.length === 0) return "accept";
-        a = u(l);
-      }
-    }
-  }
-  const r = n?.events?.onDrop?.(a);
-  if (r != null && typeof r.then == "function") {
-    e.state.value = "pending";
-    let o;
-    try {
-      o = await r;
-    } catch {
-      const l = e.entities.initiatingDraggable;
-      return F(e, l, "onSelfDragCancel"), v(e, "onDragCancel"), De(e, e.hovered), "cancel";
-    }
-    return o === !1 ? (e.state.value = "dragging", "decline") : "accept";
-  }
-  return r === !1 ? "decline" : "accept";
-}
-function Je(e) {
-  const t = e.entities.initiatingDraggable;
-  F(e, t, "onSelfDragEnd"), v(e, "onDragEnd"), Ot(e, e.hovered);
-}
-function Zt(e) {
-  const t = e.entities.selectingArea;
-  if (!t) return;
-  const n = e.entities.selectableAreaMap.get(t), s = [...e.entities.selectedSet];
-  n?.events?.onSelected?.(s);
-}
-const $t = (e) => {
-  const t = {
-    current: null
-  }, n = { value: 0 }, s = async () => {
-    pe(), t.current?.cancel(), t.current = null;
-    const o = e.state.value;
-    if (o === "dragging") {
-      const l = await We(e);
-      if (l === "accept" && Je(e), l === "accept" || l === "cancel") {
-        ee(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", a);
-        return;
-      }
-      return;
-    } else o === "selecting" && Zt(e);
-    ee(e), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", a);
-  }, a = (o) => {
-    if (e.pointer.value && e.state.value !== "pending") {
-      if (e.pointer.value.current = { x: o.clientX, y: o.clientY }, pt(e)) {
-        re(e, o, "onSelfDragStart"), v(e, "onDragStart");
-        return;
-      }
-      if (e.state.value === "dragging") {
-        Xt(e, n);
-        const l = e.entities.initiatingDraggable;
-        F(e, l, "onSelfDragMove"), v(e, "onDragMove");
-      }
-      e.state.value === "selecting" && Ne(e);
-    }
-  };
-  return { pointerDown: (o) => {
-    document.addEventListener("pointerup", s), document.addEventListener("pointermove", a);
-    const l = o.composedPath?.()[0] ?? o.target, c = l.closest(
-      G.SELECT_AREA
-    ), u = l.closest(
-      G.DRAGGABLE
-    );
-    if (e.entities.modifiersSelectableAreaSet.size > 0 && e.entities.modifiersSelectableAreaSet.has(c)) {
-      be(), e.pointer.value = ye(o), e.state.value = "selecting", e.entities.selectingArea = c, e.entities.selectionBase = new Set(e.entities.selectedSet);
-      return;
-    }
-    if (e.entities.modifiersDraggableSet.size > 0 && e.entities.modifiersDraggableSet.has(u)) {
-      const g = e.entities.draggableMap.get(u);
-      if (!He(l, u, g?.dragHandle))
-        return;
-      be(), e.entities.initiatingDraggable = u;
-      const f = _e(o, u);
-      e.pointer.value = ye(o, f.x, f.y), g?.activation?.distance || g?.activation?.delay ? (e.state.value = "activating", g?.activation?.delay && (e.delay.startTime = Date.now(), t.current = yt(e, () => {
-        Q(e), re(e, o, "onSelfDragStart"), v(e, "onDragStart");
-      }))) : (Q(e), re(e, o, "onSelfDragStart"), v(e, "onDragStart"));
-    }
-  }, pointerUp: s, pointerMove: a, cleanup: () => {
-    t.current?.cancel(), document.removeEventListener("pointerup", s), document.removeEventListener("pointermove", a), e.lib.draggableObserver.disconnect(), e.lib.droppableObserver.disconnect(), e.lib.selectableAreaObserver.disconnect();
-  } };
-}, Ut = {
-  ArrowUp: { dx: 0, dy: -1 },
-  ArrowDown: { dx: 0, dy: 1 },
-  ArrowLeft: { dx: -1, dy: 0 },
-  ArrowRight: { dx: 1, dy: 0 },
-  KeyW: { dx: 0, dy: -1 },
-  KeyA: { dx: -1, dy: 0 },
-  KeyS: { dx: 0, dy: 1 },
-  KeyD: { dx: 1, dy: 0 }
-}, qt = (e) => (t) => {
-  const { keys: n } = e.keyboard;
-  if (n.pressedKeys.value.add(t.code), e.state.value === "dragging") {
-    if (n.forCancel.includes(t.code)) {
-      t.preventDefault(), pe(), F(
-        e,
-        e.entities.initiatingDraggable,
-        "onSelfDragCancel"
-      ), v(e, "onDragCancel"), De(e, e.hovered), ee(e);
-      return;
-    }
-    if (n.forDrop.includes(t.code)) {
-      t.preventDefault(), (async () => (await We(e) && Je(e), pe(), ee(e)))();
-      return;
-    }
-    const a = Ut[t.code];
-    if (a && n.forMove.includes(t.code) && e.pointer.value) {
-      t.preventDefault();
-      const r = n.forMoveFaster.some(
-        (l) => n.pressedKeys.value.has(l)
-      ), i = e.keyboard.step * (r ? e.keyboard.moveFaster : 1);
-      e.pointer.value.current = {
-        x: e.pointer.value.current.x + a.dx * i,
-        y: e.pointer.value.current.y + a.dy * i
-      };
-      const o = ve(e);
-      we(e, e.hovered, o), F(
-        e,
-        e.entities.initiatingDraggable,
-        "onSelfDragMove"
-      ), v(e, "onDragMove");
-      return;
-    }
-    return;
-  }
-  if (n.forDrag.includes(t.code)) {
-    const a = document.activeElement;
-    if (!a) return;
-    const r = a.closest(
-      G.DRAGGABLE
-    );
-    if (!r || e.entities.modifiersDraggableSet.size === 0 || !e.entities.modifiersDraggableSet.has(r))
-      return;
-    const i = e.entities.draggableMap.get(r);
-    if (!He(a, r, i?.dragHandle, !0))
-      return;
-    t.preventDefault(), be();
-    const o = r.getBoundingClientRect(), l = o.left + o.width / 2, c = o.top + o.height / 2, u = {
-      clientX: l,
-      clientY: c
-    };
-    e.entities.initiatingDraggable = r;
-    const g = _e(u, r);
-    e.pointer.value = ye(
-      u,
-      g.x,
-      g.y
-    ), Q(e);
-    const f = ve(e);
-    we(e, e.hovered, f), F(e, r, "onSelfDragStart"), v(e, "onDragStart");
-  }
-}, jt = (e) => (t) => {
-  e.keyboard.keys.pressedKeys.value.delete(t.code);
-}, Wt = (e) => () => {
-  e.keyboard.keys.pressedKeys.value.clear();
-}, fe = {
-  keyDown: qt,
-  keyUp: jt,
-  clear: Wt
-}, Jt = (e) => () => {
-  if (!e.state.value) return;
-  const t = e.scrollPosition.x, n = e.scrollPosition.y;
-  if (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY, e.lib.rectCache.clear(), e.state.value === "dragging") {
-    Ae(e);
-    return;
-  }
-  if (e.state.value === "selecting" && e.pointer.value) {
-    const s = window.scrollX - t, a = window.scrollY - n;
-    e.pointer.value.start.x -= s, e.pointer.value.start.y -= a, Ne(e);
-  }
-}, E = 50, Qt = 144, Pe = 1e3 / Qt;
-function en(e) {
-  return e == null ? {
-    top: E,
-    right: E,
-    bottom: E,
-    left: E
-  } : typeof e == "number" ? {
-    top: e,
-    right: e,
-    bottom: e,
-    left: e
-  } : {
-    top: e.top ?? E,
-    right: e.right ?? E,
-    bottom: e.bottom ?? E,
-    left: e.left ?? E
-  };
-}
-const tn = {
-  getScrollState(e) {
-    return {
-      scrollTop: e.scrollTop,
-      scrollLeft: e.scrollLeft
-    };
-  },
-  setScroll(e, t, n) {
-    e.scrollTop = t, e.scrollLeft = n;
-  }
-};
-function Qe(e, t, n, s = tn, a) {
-  const { speed: r = 10, disabled: i = !1 } = t, o = en(t.threshold);
-  let l = null, c = null, u = null, g = 0, f = 0;
-  const d = (p) => {
-    a && (a.value = p);
-  }, h = (p) => {
-    const x = e.value, k = n();
-    if (!x || !k || i) {
-      d(!1);
-      return;
-    }
-    c || (c = p);
-    const D = p - c;
-    if (D < Pe) {
-      l = requestAnimationFrame(h);
-      return;
-    }
-    const w = r * (D / Pe);
-    c = p;
-    const { scrollTop: T, scrollLeft: P } = s.getScrollState(x);
-    (!u || g !== T || f !== P) && (u = s.getRect ? s.getRect(x) : x.getBoundingClientRect(), g = T, f = P);
-    let z = !1, ae = T, ie = P;
-    o.top > 0 && k.y - u.top < o.top ? (ae = T - w, z = !0) : o.bottom > 0 && u.bottom - k.y < o.bottom && (ae = T + w, z = !0), o.left > 0 && k.x - u.left < o.left ? (ie = P - w, z = !0) : o.right > 0 && u.right - k.x < o.right && (ie = P + w, z = !0), z && s.setScroll(x, ae, ie), d(z), l = requestAnimationFrame(h);
-  };
-  return { run: () => {
-    c = null, l = requestAnimationFrame(h);
-  }, stop: () => {
-    l && (cancelAnimationFrame(l), l = null), u = null, g = 0, f = 0, c = null, d(!1);
-  } };
-}
-const nn = {
-  getScrollState() {
-    return {
-      scrollTop: window.scrollY ?? document.documentElement.scrollTop,
-      scrollLeft: window.scrollX ?? document.documentElement.scrollLeft
-    };
-  },
-  setScroll(e, t, n) {
-    window.scrollTo(n, t);
-  },
-  getRect() {
-    return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
-  }
-}, sn = {
-  get value() {
-    return typeof document < "u" ? document.documentElement : null;
-  }
-};
-function an(e, t) {
-  const n = X(!1), a = Qe(
-    sn,
-    t ?? {},
-    () => {
-      if (e.state.value !== "dragging") return null;
-      const o = e.preview.position.value, l = e.preview.size.value;
-      return o ? l?.width && l?.height ? {
-        x: o.x + l.width / 2,
-        y: o.y + l.height / 2
-      } : o : null;
-    },
-    nn,
-    n
-  ), r = te(
-    () => e.state.value,
-    (o) => {
-      o === "dragging" ? a.run() : a.stop();
-    }
-  ), i = () => {
-    r(), a.stop();
-  };
-  return tt(i), { isScrolling: n, stop: i };
-}
-const on = (e) => {
-  const t = $t(e), n = fe.keyDown(e), s = fe.keyUp(e), a = fe.clear(e), r = Jt(e);
-  let i = null;
-  te(
-    e.autoScrollViewport,
-    (o) => {
-      i?.(), i = null, (o === !0 || o && typeof o == "object") && (i = an(
-        e,
-        o === !0 ? {} : o
-      ).stop);
-    },
-    { immediate: !0 }
-  ), Y(() => {
-    document.addEventListener("pointerdown", t.pointerDown), document.addEventListener("keydown", n), document.addEventListener("keyup", s), document.addEventListener("blur", a), document.addEventListener("scroll", r, !0);
-  }), Z(() => {
-    document.removeEventListener("pointerdown", t.pointerDown), document.removeEventListener("pointerup", t.pointerUp), document.removeEventListener("pointermove", t.pointerMove), document.removeEventListener("keydown", n), document.removeEventListener("keyup", s), document.removeEventListener("blur", a), document.removeEventListener("scroll", r, !0), i?.(), t.cleanup();
-  });
-}, se = () => {
-  const e = Be(xe);
-  if (!e) throw Error("DnD provider not found");
-  return e;
-}, et = () => {
-  const e = se();
-  return {
-    preview: e.preview,
-    delay: e.delay,
-    distanceProgress: e.distanceProgress,
-    entities: e.entities,
-    pointer: e.pointer,
-    state: e.state,
-    scrollPosition: e.scrollPosition,
-    keyboard: e.keyboard,
-    hovered: e.hovered,
-    collision: e.collision,
-    autoScrollViewport: e.autoScrollViewport
-  };
-}, rn = /* @__PURE__ */ Oe({
-  __name: "DragPreview",
-  props: {
-    grid: {}
-  },
-  setup(e) {
-    const { state: t, entities: n, preview: s } = et(), a = Fe("contentRef");
-    te(
-      () => a.value,
-      () => {
-        const o = a.value?.getBoundingClientRect();
-        o && (s.size.value = o);
-      }
-    );
-    const r = (o, l) => !l || l <= 0 ? o : Math.round(o / l) * l, i = b(() => {
-      const { x: o, y: l } = s.position.value, c = typeof e.grid == "object" ? e.grid.x : e.grid, u = typeof e.grid == "object" ? e.grid.y : e.grid;
-      return { x: r(o, c), y: r(l, u) };
-    });
-    return (o, l) => j(t) === "dragging" ? (L(), W("div", {
-      key: 0,
-      class: "dnd-kit-preview",
-      ref_key: "contentRef",
-      ref: a,
-      style: Ie({
-        transform: `translate3d(${i.value.x}px, ${i.value.y}px, 0)`
-      })
-    }, [
-      de(o.$slots, "default", {
-        draggingMap: j(n).draggingMap
-      }, () => [
-        (L(!0), W(me, null, nt(j(n).draggingMap, ([c, u]) => (L(), W(me, { key: c }, [
-          u.render ? (L(), J(he(u.render), { key: 0 })) : (L(), J(he(c.tagName), {
-            key: 1,
-            innerHTML: u.initialOuterHTML,
-            style: Ie({
-              width: u.initialRect.width + "px",
-              height: u.initialRect.height + "px"
-            })
-          }, null, 8, ["innerHTML", "style"]))
-        ], 64))), 128))
-      ])
-    ], 4)) : st("", !0);
-  }
-}), cn = /* @__PURE__ */ Oe({
-  __name: "DnDProvider",
-  props: {
-    autoScrollViewport: { type: [Object, Boolean, null] },
-    previewTo: { type: [String, Boolean, null] },
-    style: {},
-    class: {}
-  },
-  setup(e) {
-    const t = e, n = Fe("previewRef"), s = vt(n, t);
-    on(s);
-    const a = q(!1);
-    Y(() => a.value = !0);
-    const r = b(() => s.preview.render.value ?? rn);
-    return at(xe, s), (i, o) => (L(), W(me, null, [
-      de(i.$slots, "default"),
-      (L(), J(it, {
-        disabled: !a.value,
-        to: j(s).preview.to.value || "body"
-      }, [
-        ot("div", rt({
-          ref_key: "previewRef",
-          ref: n,
-          class: "dnd-kit-preview-container"
-        }, t), [
-          de(i.$slots, "preview", { preview: r.value }, () => [
-            (L(), J(he(r.value)))
-          ])
-        ], 16)
-      ], 8, ["disabled", "to"]))
-    ], 64));
-  }
-});
-function gn(e, t, n) {
-  const s = se();
-  let a, r, i;
-  typeof t == "function" ? (a = {}, r = t) : (a = t ?? {}, r = n);
-  const o = a.id ?? Math.random().toString(36).slice(2), l = b({
-    get() {
-      const f = S(e);
-      return f ? s.entities.selectedSet.has(f) : !1;
-    },
-    set(f) {
-      const d = S(e);
-      d && s.entities.selectedSet[f ? "add" : "delete"](d);
-    }
-  }), c = b(() => {
-    const f = S(e);
-    return f ? s.entities.draggingMap.has(f) : !1;
-  }), u = b(() => {
-    const f = S(e);
-    return f ? s.entities.allowedDraggableSet.has(f) : !1;
-  }), g = b(() => {
-    const f = S(e);
-    if (f)
-      return s.entities.draggableMap.get(f)?.hoveredPlacement;
-  });
-  return Y(() => {
-    if (i = S(e), !!i && (i.addEventListener("dragstart", M), i.addEventListener("drag", M), i.addEventListener("dragend", M), i.setAttribute(C.DRAGGABLE, o), s.lib.draggableObserver.observe(i), s.entities.draggableMap.set(i, {
-      id: o,
-      render: a.render,
-      disabled: a.disabled ?? !1,
-      groups: a.groups ?? [],
-      modifier: a.modifier,
-      events: a.events,
-      payload: r,
-      data: a.data,
-      dragHandle: a.dragHandle,
-      activation: a.activation,
-      placementMargins: a.placementMargins,
-      hoveredPlacement: void 0
-    }), o)) {
-      for (const [f, d] of s.entities.draggingMap)
-        if (d.id === o && f !== i) {
-          s.entities.draggingMap.delete(f), s.entities.draggingMap.set(i, d);
-          break;
-        }
-    }
-  }), Z(() => {
-    i && (s.lib.draggableObserver.unobserve(i), s.entities.visibleDraggableSet.delete(i), s.entities.draggableMap.delete(i), s.entities.modifiersDraggableSet.delete(i));
-  }), {
-    selected: l,
-    isDragging: c,
-    isAllowed: u,
-    isDragOver: g
-  };
-}
-const un = (e, t) => {
-  const n = se(), s = b(() => e.value === n.entities.selectingArea);
-  let a = null;
-  Y(() => {
-    a = S(e), a && (a.setAttribute(C.SELECT_AREA, ""), n.lib.selectableAreaObserver.observe(a), n.entities.selectableAreaMap.set(a, {
-      modifier: t?.modifier ?? {
-        keys: ["ControlLeft"],
-        method: "every"
-      },
-      events: t?.events,
-      disabled: t?.disabled ?? !1,
-      groups: t?.groups ?? [],
-      strategy: t?.strategy ?? "toggle"
-    }));
-  }), Z(() => {
-    a && (n.lib.selectableAreaObserver.unobserve(a), n.entities.visibleSelectableAreaSet.delete(a), n.entities.modifiersSelectableAreaSet.delete(a), n.entities.selectableAreaMap.delete(a));
-  });
-  const r = b(() => {
-    n.scrollPosition.x, n.scrollPosition.y;
-    const i = n.pointer.value;
-    return !i || n.state.value !== "selecting" || !a || !s.value ? {} : xt(i.start, i.current, a);
-  });
-  return {
-    isSelecting: s,
-    style: r
-  };
-};
-function fn(e, t) {
-  const n = Be(xe);
-  if (!n) throw Error("DnD provider not found");
-  let s = null;
-  return Y(() => {
-    s = S(e), s && (s.setAttribute(C.CONSTRAINT_AREA, ""), n.entities.constraintsAreaMap.set(s, {
-      axis: t?.axis || "both",
-      restrictToArea: t?.restrictToArea || !1
-    }));
-  }), Z(() => {
-    s && n.entities.constraintsAreaMap.delete(s);
-  }), {};
-}
-function dn(e, t, n) {
-  const s = se();
-  let a = null, r, i;
-  typeof t == "function" ? (r = {}, i = t) : (r = t ?? {}, i = n);
-  const o = b(() => {
-    const c = S(e);
-    return c ? s.entities.allowedDroppableSet.has(c) : !1;
-  }), l = b(() => {
-    const c = S(e);
-    if (c)
-      return s.entities.droppableMap.get(c)?.hoveredPlacement;
-  });
-  return Y(() => {
-    a = S(e), a && (a.setAttribute(C.DROPPABLE, ""), s.lib.droppableObserver.observe(a), s.entities.droppableMap.set(a, {
-      disabled: r.disabled ?? !1,
-      groups: r.groups ?? [],
-      groupMatch: r.groupMatch ?? "every",
-      events: r.events,
-      payload: i,
-      data: r.data,
-      hoveredPlacement: void 0
-    }));
-  }), Z(() => {
-    a && (s.lib.droppableObserver.unobserve(a), s.entities.visibleDroppableSet.delete(a), s.entities.droppableMap.delete(a));
-  }), {
-    isAllowed: o,
-    isDragOver: l
-  };
-}
-const mn = (e, t) => {
-  const n = et(), s = X(!1), r = Qe(
-    e,
-    t ?? {},
-    () => {
-      if (n.state.value !== "dragging") return null;
-      const o = n.preview.position.value, l = n.preview.size.value;
-      return o ? l?.width && l?.height ? {
-        x: o.x + l.width / 2,
-        y: o.y + l.height / 2
-      } : o : null;
-    },
-    void 0,
-    s
-  ), i = b(() => {
-    const o = e.value;
-    return o != null && n.hovered.droppable.has(o);
-  });
-  return te(
-    [() => n.state.value, i],
-    ([o, l]) => {
-      o === "dragging" && l ? r.run() : r.stop();
-    }
-  ), { isScrolling: s };
-};
-export {
-  cn as DnDProvider,
-  rn as DragPreview,
-  xe as injectionKey,
-  mn as makeAutoScroll,
-  fn as makeConstraintArea,
-  gn as makeDraggable,
-  dn as makeDroppable,
-  un as makeSelectionArea,
-  et as useDnDProvider
-};