hys-ui 0.5.0 → 0.7.0

package/dist/components/HysSortableList/transactions.js

@@ -0,0 +1,281 @@
+import { nextTick as L } from "vue";
+import { sameItems as g, feedback as u, preserved as N, makeDrag as M, proposeSort as I } from "./model.js";
+const w = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), P = (t) => t === !1 || t === 0 ? 0 : typeof t == "number" && Number.isFinite(t) ? Math.max(0, Math.min(200, Math.floor(t))) : 20;
+function v(t) {
+  let n = S.get(t);
+  return n || (n = { undo: [], redo: [] }, S.set(t, n)), n;
+}
+const J = (t) => w.has(t), R = (t) => {
+  var n;
+  return (n = w.get(t)) == null ? void 0 : n.abort();
+};
+function T(t) {
+  const n = v(t), e = /* @__PURE__ */ new Set([...n.undo, ...n.redo]);
+  for (const s of e)
+    for (const r of s.participants) {
+      const o = v(r);
+      o.undo = o.undo.filter((c) => c !== s), o.redo = o.redo.filter((c) => c !== s);
+    }
+  S.delete(t);
+}
+function K(t) {
+  for (const n of t) {
+    const e = v(n).redo;
+    for (const s of e.slice())
+      for (const r of s.participants) {
+        const o = v(r).redo, c = o.indexOf(s);
+        c !== -1 && o.splice(c, 1);
+      }
+  }
+}
+function $(t) {
+  K(t.participants);
+  for (const n of t.participants) {
+    const e = P(n.props.history);
+    if (!e) continue;
+    const s = v(n).undo;
+    s.push(t), s.splice(0, Math.max(0, s.length - e));
+  }
+}
+function j(t, n) {
+  const e = t.data();
+  if (!e.valid) return e.items;
+  const s = new Set(e.fixed.map((l) => l.key)), r = new Map(n.map((l, x) => [l, x])), o = (l) => r.has(t.key(l)) && !s.has(t.key(l)), c = e.items.filter(o).sort((l, x) => r.get(t.key(l)) - r.get(t.key(x)));
+  let d = 0;
+  const p = e.items.map(
+    (l) => o(l) ? c[d++] : l
+  );
+  return N(t, p) ? p : e.items;
+}
+function V(t) {
+  const n = t.props.storageKey;
+  if (n)
+    try {
+      const e = JSON.parse(localStorage.getItem(n) ?? "null");
+      if (!Array.isArray(e)) return;
+      const s = j(t, e);
+      g(t.data().items, s) || t.apply(s.slice());
+    } catch {
+    }
+}
+function W(t) {
+  for (const { port: n, next: e } of t) {
+    const s = n.props.storageKey;
+    if (s)
+      try {
+        localStorage.setItem(s, JSON.stringify(e.map(n.key)));
+      } catch (r) {
+        n.reject(u("save", void 0, "无法保存本地排序记录", r));
+      }
+  }
+}
+const k = (t, n) => t.every((e) => g(e.port.data().items, e[n])), H = (t, n, e) => ({
+  action: n,
+  proposal: e,
+  lists: t.map(({ port: s, previous: r, next: o }) => ({
+    id: s.id(),
+    previous: r.slice(),
+    next: o.slice()
+  }))
+});
+function f(t, n) {
+  for (const e of t) e.reject(n);
+  return !1;
+}
+async function O(t, n, e) {
+  if (!t.length) return !0;
+  const s = t.map(({ port: o, next: c, previous: d }) => ({
+    port: o,
+    previous: c,
+    next: d
+  }));
+  for (const o of s) o.port.apply(o.next.slice());
+  await L();
+  const r = H(s, "rollback", e);
+  for (const o of n) o.change(r);
+  return k(s, "next");
+}
+async function D(t, n) {
+  if (n.aborted) throw Error("操作已取消");
+  let e = () => {
+  };
+  const s = new Promise((r, o) => {
+    e = () => o(Error("操作已取消")), n.addEventListener("abort", e, { once: !0 });
+  });
+  try {
+    return await Promise.race([Promise.resolve().then(t), s]);
+  } finally {
+    n.removeEventListener("abort", e);
+  }
+}
+async function E(t, n, e, s, r) {
+  var x;
+  const { participants: o, changes: c } = t, d = o[0];
+  if (o.some((a) => J(a) || !a.root()))
+    return f([d], u("conflict", e));
+  if (o.some((a) => a.props.disabled))
+    return f([d], u("disabled", e));
+  if (!k(c, "previous"))
+    return f(o, u("conflict", e));
+  const p = new AbortController();
+  for (const a of o)
+    w.set(a, p), a.lock(!0);
+  let l = !1;
+  try {
+    if (e)
+      for (const m of o) {
+        const i = m.props.beforeDrop;
+        if (!i) continue;
+        const y = await D(
+          () => i(e, p.signal),
+          p.signal
+        );
+        if (p.signal.aborted)
+          return f(o, u("cancelled", e));
+        if (y === !1 || typeof y == "string")
+          return f(
+            o,
+            u(
+              "rule",
+              e,
+              typeof y == "string" ? y : void 0
+            )
+          );
+      }
+    if (p.signal.aborted)
+      return f(o, u("cancelled", e));
+    if (!k(c, "previous") || o.some((m) => m.props.disabled))
+      return f(o, u("conflict", e));
+    const a = s == null ? void 0 : s();
+    if (a) return f(o, a);
+    for (const m of c) m.port.apply(m.next.slice());
+    if (l = !0, await L(), !k(c, "next"))
+      return c.every(
+        (i) => g(i.port.data().items, i.previous) || g(i.port.data().items, i.next)
+      ) && await O(
+        c.filter(
+          (i) => g(i.port.data().items, i.next)
+        ),
+        o,
+        e
+      ), f(o, u("conflict", e));
+    r == null || r();
+    const h = H(c, n, e), b = (x = o.find((m) => m.props.save)) == null ? void 0 : x.props.save;
+    if (b && await D(
+      () => b(h, p.signal),
+      p.signal
+    ) === !1)
+      throw Error("保存请求被拒绝");
+    if (p.signal.aborted) throw Error("操作已取消");
+    if (!k(c, "next"))
+      return f(o, u("conflict", e));
+    W(c);
+    for (const m of o) m.change(h);
+    return !0;
+  } catch (a) {
+    if (l && (!k(c, "next") || !await O(c, o, e)))
+      return f(o, u("conflict", e, void 0, a));
+    const h = p.signal.aborted ? "cancelled" : l ? "save" : "rule";
+    return f(o, u(h, e, void 0, a));
+  } finally {
+    for (const a of o)
+      w.delete(a), a.lock(!1);
+  }
+}
+async function _(t, n, e, s) {
+  var m;
+  let r;
+  try {
+    const i = M(t, n.keys, n.source);
+    if ("reason" in i) return f([t], i);
+    if (!g(i.items, n.items))
+      return f([t], u("conflict"));
+    r = I(t, i, e, !0);
+  } catch (i) {
+    return f(
+      [t],
+      u(
+        "rule",
+        void 0,
+        i instanceof Error ? i.message : void 0,
+        i
+      )
+    );
+  }
+  if ("reason" in r) return f([t], r);
+  const o = r.source === r.target ? [t] : [t, r.target], c = {
+    participants: o,
+    changes: r.changes.map((i) => ({
+      ...i,
+      previous: i.previous.slice(),
+      next: i.next.slice()
+    }))
+  }, d = r.proposal, p = r.target, l = d.operation === "move" ? n.items[0] : (m = r.changes.find((i) => i.port === p)) == null ? void 0 : m.next[d.index], x = o.some((i) => !!i.props.beforeDrop);
+  if (!await E(
+    c,
+    "sort",
+    d,
+    x ? () => {
+      const i = M(t, n.keys, n.source);
+      if ("reason" in i) return i;
+      if (!g(i.items, n.items))
+        return u("conflict", d);
+      const y = I(t, i, e);
+      if ("reason" in y) return y;
+      if (y.proposal.index !== d.index || y.proposal.operation !== d.operation || y.proposal.mode !== d.mode)
+        return u("conflict", d);
+    } : void 0,
+    s && (() => s(
+      l ? p.row(p.key(l)) : void 0
+    ))
+  ))
+    return !1;
+  $(c);
+  const a = r.target.data(), h = r.proposal.operation === "move" ? a.keys.get(r.target.key(n.items[0])) : r.proposal.index, b = n.items.length > 1 ? `已排序 ${n.items.length} 项` : `已将${t.label(n.items[0])}放到第 ${(h ?? 0) + 1} 项`;
+  return t.announce(b), n.source !== "pointer" && h !== void 0 && a.items[h] && await r.target.focus(r.target.key(a.items[h])), !0;
+}
+async function q(t, n) {
+  const e = v(t)[n].at(-1);
+  if (!e || !P(t.props.history)) return !1;
+  if (e.participants.some((r) => {
+    const o = v(r)[n];
+    return o.includes(e) && o.at(-1) !== e;
+  }))
+    return f([t], u("conflict"));
+  const s = n === "redo" ? e.changes : e.changes.map((r) => ({
+    ...r,
+    previous: r.next,
+    next: r.previous
+  }));
+  for (const r of s) {
+    if (!N(r.port, r.next))
+      return f([t], u("fixed"));
+    if (r.next.length > r.previous.length && r.next.length > (r.port.props.maxItems ?? 1 / 0))
+      return f([t], u("capacity"));
+  }
+  if (!await E({ ...e, changes: s }, n)) return !1;
+  for (const r of e.participants) {
+    const o = v(r);
+    o[n].at(-1) === e && (o[n].pop(), o[n === "undo" ? "redo" : "undo"].push(e));
+  }
+  return t.announce(n === "undo" ? "已撤销排序" : "已重做排序"), !0;
+}
+async function z(t, n) {
+  const e = t.data().items.slice(), s = j(t, n.map(t.key));
+  if (g(e, s)) return !1;
+  const r = { participants: [t], changes: [{ port: t, previous: e, next: s }] };
+  return await E(r, "reset") ? ($(r), t.announce("已恢复初始顺序"), !0) : !1;
+}
+function A(t) {
+  return typeof t == "string" || typeof t == "number" ? [t] : t;
+}
+export {
+  R as abortSort,
+  J as busySort,
+  _ as commitSort,
+  T as discardSortHistory,
+  A as keysArray,
+  q as navigateHistory,
+  z as resetSort,
+  V as restoreStoredSort
+};

package/dist/components/HysSortableList/useSortDrag.js

@@ -0,0 +1,270 @@
+import { computed as X, shallowRef as ce } from "vue";
+import { dropMarkerFor as ue, relativeCandidate as de, wholeRowDrag as fe, hitsSelectableText as me, withinDragBounds as ve, findSortHit as pe, tokenOf as ye, keepSortCandidate as he, autoScrollSort as ge, sameCandidate as Ee } from "./geometry.js";
+import { feedback as k, makeDrag as be, proposeSort as Le } from "./model.js";
+import { abortSort as xe, busySort as Y, commitSort as _ } from "./transactions.js";
+import { useSortKeyboard as ke, sortInteractive as Se, keyboardPreviewLabel as De } from "./useSortKeyboard.js";
+import { useSortGhost as Pe } from "./SortableGhost/useSortGhost.js";
+const D = ce(null), m = () => D.value, S = (r) => {
+  D.value = r;
+};
+function Ye(r, j, w) {
+  const f = X(() => {
+    var e;
+    return ((e = m()) == null ? void 0 : e.source) === r ? m() : null;
+  }), G = X(
+    () => {
+      var e, n;
+      return ((n = (e = m()) == null ? void 0 : e.candidate) == null ? void 0 : n.port) === r ? m() : null;
+    }
+  ), {
+    ghost: g,
+    show: ee,
+    clear: R,
+    release: te
+  } = Pe(w, () => ({
+    duration: r.props.animationDuration ?? 180,
+    easing: r.props.animationEasing ?? "ease"
+  }));
+  let V, P, E = 0, h, C = -1 / 0, I = !1, t, c, a, M = "";
+  function q(e, n) {
+    if (!Y(r))
+      try {
+        const o = be(r, e, n);
+        if (!("reason" in o)) return o;
+        r.reject(o);
+      } catch (o) {
+        r.reject(
+          k(
+            "rule",
+            void 0,
+            o instanceof Error ? o.message : void 0,
+            o
+          )
+        );
+      }
+  }
+  function z(e, n) {
+    if (D.value) return !1;
+    const o = q(j(e), n);
+    return o ? (S({ source: r, drag: o }), r.start(o), r.announce(
+      o.items.length > 1 ? `已拾起 ${o.items.length} 项` : `已拾起${r.label(o.items[0])}`
+    ), M = "", !0) : !1;
+  }
+  function A(e) {
+    var d;
+    const n = m();
+    if ((n == null ? void 0 : n.source) !== r || Ee(n.candidate, e))
+      return;
+    let o;
+    try {
+      o = e ? Le(r, n.drag, e) : void 0;
+    } catch (l) {
+      o = k(
+        "rule",
+        void 0,
+        l instanceof Error ? l.message : void 0,
+        l
+      );
+    }
+    const i = (d = n.candidate) == null ? void 0 : d.port, s = e == null ? void 0 : e.port;
+    S({ ...n, candidate: e, result: o }), g.value && (g.value.allowed.value = !!o && (!("reason" in o) || o.reason === "noop")), i && i !== r && i !== s && i.preview(null);
+    const u = o && !("reason" in o) ? {
+      proposal: o.proposal,
+      lists: o.changes.map((l) => ({
+        id: l.port.id(),
+        previous: l.previous.slice(),
+        next: l.next.slice()
+      }))
+    } : null;
+    if (r.preview(u), s && s !== r && s.preview(u), n.drag.source === "keyboard") {
+      const l = De(r, n.drag.items[0], o);
+      l && l !== M && r.announce(l), M = l;
+    }
+  }
+  function B() {
+    const e = m();
+    if ((e == null ? void 0 : e.source) === r)
+      return S(null), r.preview(null), e.candidate && e.candidate.port !== r && e.candidate.port.preview(null), e;
+  }
+  function b() {
+    var e, n, o;
+    clearTimeout(V), t == null || t.cancelAnimationFrame(E), E = 0, h = void 0, a && ((n = (e = r.root()) == null ? void 0 : e.hasPointerCapture) != null && n.call(e, a.id)) && ((o = r.root()) == null || o.releasePointerCapture(a.id)), a = void 0, t == null || t.removeEventListener("pointermove", U), t == null || t.removeEventListener("pointerup", J), t == null || t.removeEventListener("pointercancel", L), t == null || t.removeEventListener("keydown", F), t == null || t.removeEventListener("blur", L), t == null || t.removeEventListener("resize", p), t == null || t.removeEventListener("scroll", p, !0), c == null || c.removeEventListener("selectstart", $, !0), c == null || c.removeEventListener("visibilitychange", H);
+  }
+  function $(e) {
+    e.preventDefault();
+  }
+  function v(e = "cancelled", n = !0) {
+    var i;
+    const o = B();
+    R(n, a == null ? void 0 : a.row), b(), o && r.reject(k(e, (i = o.result) == null ? void 0 : i.proposal)), xe(r);
+  }
+  function re() {
+    var n;
+    const e = m();
+    ((n = e == null ? void 0 : e.candidate) == null ? void 0 : n.port) === r && e.source !== r && (e.source.preview(null), S({ ...e, candidate: void 0, result: void 0 })), v("cancelled", !1), clearTimeout(P), t == null || t.removeEventListener("click", T, !0);
+  }
+  function H() {
+    c != null && c.hidden && v();
+  }
+  function F(e) {
+    e.key === "Escape" && (f.value && e.preventDefault(), v());
+  }
+  function L(e) {
+    "pointerId" in e && e.pointerId !== (a == null ? void 0 : a.id) || v();
+  }
+  function p() {
+    E || !a || !f.value || !t || (E = t.requestAnimationFrame(ne));
+  }
+  function K(e, n = !0) {
+    var y;
+    if (!a || !f.value) return;
+    h = a.latest;
+    const { point: o, inside: i } = ve(
+      r,
+      a.latest,
+      a.origin
+    );
+    g.value && (g.value.position.value = {
+      x: o.x - a.offset.x,
+      y: o.y - a.offset.y
+    });
+    const s = i ? pe(r, o) : void 0, u = s == null ? void 0 : s.rowKey, d = f.value;
+    !(r.props.livePreview !== !1 && ((y = s == null ? void 0 : s.candidate) == null ? void 0 : y.port) === r && d.result && !("reason" in d.result) && u !== void 0 && d.drag.keys.some((x) => ye(x) === u)) && !he(r, d.candidate, s) && A(s == null ? void 0 : s.candidate), n && (e - C >= 14 && (C = e, I = ge(
+      (s == null ? void 0 : s.element) ?? null,
+      o,
+      r.props.autoScroll
+    )), I && p());
+  }
+  function ne(e) {
+    E = 0, K(e);
+  }
+  function O() {
+    var e, n;
+    if (!a || !z(a.key, "pointer")) return b();
+    ee(f.value.drag, a.row, {
+      x: a.latest.x - a.offset.x,
+      y: a.latest.y - a.offset.y
+    });
+    try {
+      (n = (e = r.root()) == null ? void 0 : e.setPointerCapture) == null || n.call(e, a.id);
+    } catch {
+    }
+    C = -1 / 0, I = !1, p();
+  }
+  function oe(e, n, o) {
+    var Z;
+    if (o || e.defaultPrevented || e.button !== 0 || e.isPrimary === !1 || a || D.value || Y(r))
+      return;
+    const i = e.target;
+    if (!(i instanceof Element) || i.closest("[data-sort-root]") !== r.root())
+      return;
+    const s = e.currentTarget, u = typeof r.props.handle == "string" ? r.props.handle : "[data-sort-handle]", d = i.closest(u) ?? i.closest("[data-sort-handle]");
+    if (fe(r.props) ? !d && (i.closest(Se) || me(i, e.clientX, e.clientY)) : !d || !s.contains(d))
+      return;
+    const l = s.getBoundingClientRect(), y = { x: e.clientX, y: e.clientY }, x = Math.max(
+      0,
+      e.pointerType === "touch" ? r.props.touchDelay ?? 180 : r.props.dragDelay ?? 0
+    ), le = Math.max(1, r.props.dragThreshold ?? 5);
+    a = {
+      key: n,
+      origin: y,
+      latest: y,
+      threshold: le,
+      delay: x,
+      row: s,
+      id: e.pointerId,
+      offset: {
+        x: Math.min(28, Math.max(0, y.x - l.left)),
+        y: Math.min(24, Math.max(0, y.y - l.top))
+      }
+    }, c = s.ownerDocument, t = c.defaultView, t == null || t.addEventListener("pointermove", U, { passive: !1 }), t == null || t.addEventListener("pointerup", J), t == null || t.addEventListener("pointercancel", L), t == null || t.addEventListener("keydown", F), t == null || t.addEventListener("blur", L), t == null || t.addEventListener("resize", p), t == null || t.addEventListener("scroll", p, {
+      capture: !0,
+      passive: !0
+    }), c.addEventListener("selectstart", $, !0), c.addEventListener("visibilitychange", H), x && (V = setTimeout(O, x)), e.pointerType !== "touch" && (e.preventDefault(), (Z = i.closest(
+      "button, a[href], input, textarea, select, summary, [contenteditable=true], [tabindex]"
+    )) == null || Z.focus({ preventScroll: !0 }));
+  }
+  function U(e) {
+    if ((a == null ? void 0 : a.id) === e.pointerId) {
+      if (a.latest = { x: e.clientX, y: e.clientY }, !f.value && Math.hypot(
+        e.clientX - a.origin.x,
+        e.clientY - a.origin.y
+      ) >= a.threshold) {
+        if (a.delay) return b();
+        O();
+      }
+      f.value && (e.preventDefault(), p());
+    }
+  }
+  function T(e) {
+    e.stopImmediatePropagation(), e.preventDefault(), t == null || t.removeEventListener("click", T, !0), clearTimeout(P);
+  }
+  function J(e) {
+    if ((a == null ? void 0 : a.id) === e.pointerId) {
+      if (!f.value) return b();
+      e.preventDefault(), t == null || t.addEventListener("click", T, !0), clearTimeout(P), P = setTimeout(
+        () => t == null ? void 0 : t.removeEventListener("click", T, !0),
+        0
+      ), a.latest = { x: e.clientX, y: e.clientY }, ((h == null ? void 0 : h.x) !== e.clientX || h.y !== e.clientY) && K(0, !1), N();
+    }
+  }
+  async function N() {
+    const e = B();
+    if (!e) return !1;
+    const { result: n, candidate: o, drag: i } = e, s = !!o && !!n && !("reason" in n);
+    if (s || R(!0, a == null ? void 0 : a.row), b(), !s) {
+      const u = n && "reason" in n ? n : k("outside");
+      return u.reason !== "noop" ? r.reject(u) : r.announce(u.message), !1;
+    }
+    return te(
+      (u) => _(r, i, o, u),
+      () => r.row(i.keys[0])
+    );
+  }
+  async function Q(e, n, o) {
+    if (D.value || Y(r)) return !1;
+    const i = q(e, o);
+    return i ? _(r, i, n) : !1;
+  }
+  function W(e, n, o) {
+    const i = de(r, e, n);
+    return i ? Q(j(e), i, o) : Promise.resolve(!1);
+  }
+  const ae = ke(r, {
+    current: () => f.value,
+    begin: (e) => {
+      var n;
+      z(e, "keyboard") && (t = (n = r.root()) == null ? void 0 : n.ownerDocument.defaultView, t == null || t.addEventListener("keydown", F), t == null || t.addEventListener("blur", L));
+    },
+    update: A,
+    finish: N,
+    cancel: v,
+    relative: (e, n) => W(e, n, "keyboard")
+  });
+  function ie() {
+    var n;
+    const e = m();
+    (e == null ? void 0 : e.source) === r ? v("conflict") : ((n = e == null ? void 0 : e.candidate) == null ? void 0 : n.port) === r && (S({ ...e, candidate: void 0, result: void 0 }), e.source.preview(null), e.source.announce(k("conflict").message));
+  }
+  const se = X(() => {
+    const e = G.value;
+    if (e != null && e.candidate)
+      return ue(r, e.candidate, e.drag, e.result);
+  });
+  return {
+    own: f,
+    over: G,
+    ghost: g,
+    anchorForDisplay: se,
+    pointerDown: oe,
+    keyboard: ae,
+    move: Q,
+    relative: W,
+    cancel: v,
+    detach: re,
+    dataChanged: ie
+  };
+}
+export {
+  Ye as useSortDrag
+};

package/dist/components/HysSortableList/useSortKeyboard.js

@@ -0,0 +1,72 @@
+import { nextTick as E } from "vue";
+import { keyStep as x, candidateAt as O } from "./geometry.js";
+import { linkedPorts as L } from "./model.js";
+const P = "button,input,select,textarea,a[href],label,[contenteditable=true],[role=button],[data-sort-ignore]", T = /* @__PURE__ */ new Set([" ", "Enter"]);
+function K(t, r, e) {
+  if (!e) return "";
+  if ("reason" in e) return e.message;
+  const i = e.target === t ? e.changes[0].next.indexOf(r) : e.proposal.index;
+  return `${e.target.props.ariaLabel ?? "目标列表"}，第 ${i + 1} 项`;
+}
+function M(t) {
+  return L(t).sort((r, e) => {
+    const i = r.root(), c = e.root();
+    return !i || !c || i === c ? 0 : i.compareDocumentPosition(c) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+  });
+}
+function N(t, r) {
+  return (e, i, c) => {
+    var g, k;
+    if (t.props.keyboard === !1 || e.defaultPrevented || c)
+      return;
+    const a = e.target, p = e.currentTarget;
+    if (!(a instanceof Element) || a.closest("[data-sort-root]") !== t.root())
+      return;
+    const m = a.closest("[data-sort-handle]") || typeof t.props.handle == "string" && a.closest(t.props.handle);
+    if (a !== p && !m && a.closest(P)) return;
+    const o = r.current();
+    if (e.altKey) {
+      const f = x(t, e.key);
+      f && !o && (e.preventDefault(), r.relative(i, f));
+      return;
+    }
+    if (T.has(e.key) && (m || a === p)) {
+      if (e.preventDefault(), e.repeat) return;
+      (o == null ? void 0 : o.drag.source) === "keyboard" ? r.finish() : r.begin(i);
+      return;
+    }
+    if ((o == null ? void 0 : o.drag.source) !== "keyboard") return;
+    if (e.key === "Escape" || e.key === "Tab") {
+      e.key === "Escape" && e.preventDefault(), r.cancel();
+      return;
+    }
+    let n = ((g = o.candidate) == null ? void 0 : g.port) ?? t, s = ((k = o.candidate) == null ? void 0 : k.index) ?? o.drag.indices[0];
+    const l = x(n, e.key);
+    if (e.ctrlKey && e.key.startsWith("Arrow")) {
+      const f = e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : 1, b = M(t), u = b[b.indexOf(n) + f];
+      if (!u) return;
+      n = u, s = u.data().items.length;
+    } else if (e.key === "Home") s = 0;
+    else if (e.key === "End") s = n.data().items.length;
+    else if (l)
+      s += l, !o.candidate && l > 0 && n.props.mode !== "swap" && s++;
+    else return;
+    const w = n === t && t.props.mode === "swap", D = Math.max(0, n.data().items.length - (w ? 1 : 0)), y = O(
+      t,
+      n,
+      Math.min(D, Math.max(0, s))
+    );
+    e.preventDefault();
+    const d = a instanceof HTMLElement ? a : void 0;
+    r.update(y);
+    const h = y.anchor;
+    h !== void 0 && E(() => {
+      r.current() && (d != null && d.isConnected) && d.ownerDocument.activeElement === d.ownerDocument.body && d.focus({ preventScroll: !0 }), (n !== t || !n.props.virtual) && n.scroll(h);
+    });
+  };
+}
+export {
+  K as keyboardPreviewLabel,
+  P as sortInteractive,
+  N as useSortKeyboard
+};