@voidzero-dev/vitepress-theme 0.1.35 → 0.1.38

package/dist/index112.js

@@ -1,38 +1,27 @@
-import { getActiveElement as n } from "./index97.js";
-const u = "rovingFocusGroup.onEntryFocus", s = {
-  bubbles: !1,
-  cancelable: !0
-}, i = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function c(r, t) {
-  return t !== "rtl" ? r : r === "ArrowLeft" ? "ArrowRight" : r === "ArrowRight" ? "ArrowLeft" : r;
-}
-function w(r, t, e) {
-  const o = c(r.key, e);
-  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return i[o];
-}
-function A(r, t = !1) {
-  const e = n();
-  for (const o of r)
-    if (o === e || (o.focus({ preventScroll: t }), n() !== e)) return;
-}
-function l(r, t) {
-  return r.map((e, o) => r[(t + o) % r.length]);
-}
+import { Slot as r } from "./index111.js";
+import { defineComponent as f, h as a } from "vue";
+const l = [
+  "area",
+  "img",
+  "input"
+], d = f({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(t, { attrs: i, slots: n }) {
+    const e = t.asChild ? "template" : t.as;
+    return typeof e == "string" && l.includes(e) ? () => a(e, i) : e !== "template" ? () => a(t.as, i, { default: n.default }) : () => a(r, i, { default: n.default });
+  }
+});
 export {
-  u as ENTRY_FOCUS,
-  s as EVENT_OPTIONS,
-  i as MAP_KEY_TO_FOCUS_INTENT,
-  A as focusFirst,
-  w as getFocusIntent,
-  l as wrapArray
+  d as Primitive
 };

package/dist/index113.js

@@ -1,121 +1,12 @@
-import { createContext as E } from "./index96.js";
-import { useDirection as x } from "./index100.js";
-import { Primitive as G } from "./index109.js";
-import { useCollection as O } from "./index111.js";
-import { focusFirst as k, ENTRY_FOCUS as M, EVENT_OPTIONS as N } from "./index112.js";
-import { defineComponent as P, toRefs as V, ref as c, createBlock as w, openBlock as A, unref as s, withCtx as g, createVNode as $, renderSlot as D } from "vue";
-import { useVModel as U } from "./index102.js";
-const [X, j] = E("RovingFocusGroup");
-var K = /* @__PURE__ */ P({
-  __name: "RovingFocusGroup",
-  props: {
-    orientation: {
-      type: String,
-      required: !1,
-      default: void 0
-    },
-    dir: {
-      type: String,
-      required: !1
-    },
-    loop: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    currentTabStopId: {
-      type: [String, null],
-      required: !1
-    },
-    defaultCurrentTabStopId: {
-      type: String,
-      required: !1
-    },
-    preventScrollOnEntryFocus: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    asChild: {
-      type: Boolean,
-      required: !1
-    },
-    as: {
-      type: null,
-      required: !1
-    }
-  },
-  emits: ["entryFocus", "update:currentTabStopId"],
-  setup(F, { expose: b, emit: I }) {
-    const r = F, p = I, { loop: S, orientation: f, dir: y } = V(r), v = x(y), l = U(r, "currentTabStopId", p, {
-      defaultValue: r.defaultCurrentTabStopId,
-      passive: r.currentTabStopId === void 0
-    }), u = c(!1), a = c(!1), d = c(0), { getItems: m, CollectionSlot: T } = O({ isProvider: !0 });
-    function C(e) {
-      const o = !a.value;
-      if (e.currentTarget && e.target === e.currentTarget && o && !u.value) {
-        const n = new CustomEvent(M, N);
-        if (e.currentTarget.dispatchEvent(n), p("entryFocus", n), !n.defaultPrevented) {
-          const i = m().map((t) => t.ref).filter((t) => t.dataset.disabled !== ""), _ = i.find((t) => t.getAttribute("data-active") === ""), R = i.find((t) => t.getAttribute("data-highlighted") === ""), q = i.find((t) => t.id === l.value), B = [
-            _,
-            R,
-            q,
-            ...i
-          ].filter(Boolean);
-          k(B, r.preventScrollOnEntryFocus);
-        }
-      }
-      a.value = !1;
-    }
-    function h() {
-      setTimeout(() => {
-        a.value = !1;
-      }, 1);
-    }
-    return b({ getItems: m }), j({
-      loop: S,
-      dir: v,
-      orientation: f,
-      currentTabStopId: l,
-      onItemFocus: (e) => {
-        l.value = e;
-      },
-      onItemShiftTab: () => {
-        u.value = !0;
-      },
-      onFocusableItemAdd: () => {
-        d.value++;
-      },
-      onFocusableItemRemove: () => {
-        d.value--;
-      }
-    }), (e, o) => (A(), w(s(T), null, {
-      default: g(() => [$(s(G), {
-        tabindex: u.value || d.value === 0 ? -1 : 0,
-        "data-orientation": s(f),
-        as: e.as,
-        "as-child": e.asChild,
-        dir: s(v),
-        style: { outline: "none" },
-        onMousedown: o[0] || (o[0] = (n) => a.value = !0),
-        onMouseup: h,
-        onFocus: C,
-        onBlur: o[1] || (o[1] = (n) => u.value = !1)
-      }, {
-        default: g(() => [D(e.$slots, "default")]),
-        _: 3
-      }, 8, [
-        "tabindex",
-        "data-orientation",
-        "as",
-        "as-child",
-        "dir"
-      ])]),
-      _: 3
-    }));
-  }
-}), Z = K;
+import { ref as n, computed as m } from "vue";
+import { unrefElement as r } from "./index105.js";
+function o() {
+  const e = n(), t = m(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : r(e));
+  return {
+    primitiveElement: e,
+    currentElement: t
+  };
+}
 export {
-  Z as RovingFocusGroup_default,
-  X as injectRovingFocusGroupContext
+  o as usePrimitiveElement
 };

package/dist/index114.js

@@ -1,94 +1,59 @@
-import { useId as b } from "./index103.js";
-import { Primitive as y } from "./index109.js";
-import { useCollection as I } from "./index111.js";
-import { getFocusIntent as g, wrapArray as F, focusFirst as K } from "./index112.js";
-import { injectRovingFocusGroupContext as S } from "./index113.js";
-import { defineComponent as h, computed as u, onMounted as C, onUnmounted as w, createBlock as T, openBlock as q, unref as i, withCtx as s, createVNode as B, renderSlot as x, nextTick as R } from "vue";
-var _ = /* @__PURE__ */ h({
-  __name: "RovingFocusItem",
-  props: {
-    tabStopId: {
-      type: String,
-      required: !1
-    },
-    focusable: {
-      type: Boolean,
-      required: !1,
-      default: !0
-    },
-    active: {
-      type: Boolean,
-      required: !1
-    },
-    allowShiftKey: {
-      type: Boolean,
-      required: !1
-    },
-    asChild: {
-      type: Boolean,
-      required: !1
-    },
-    as: {
-      type: null,
-      required: !1,
-      default: "span"
+import { Slot as s } from "./index111.js";
+import { usePrimitiveElement as m } from "./index113.js";
+import { ref as u, provide as h, inject as k, defineComponent as f, watch as w, h as v, watchEffect as x, markRaw as T, computed as p } from "vue";
+const d = "data-reka-collection-item";
+function j(M = {}) {
+  const { key: A = "", isProvider: y = !1 } = M, a = `${A}CollectionProvider`;
+  let e;
+  if (y) {
+    const o = u(/* @__PURE__ */ new Map());
+    e = {
+      collectionRef: u(),
+      itemMap: o
+    }, h(a, e);
+  } else e = k(a);
+  const C = (o = !1) => {
+    const t = e.collectionRef.value;
+    if (!t) return [];
+    const r = Array.from(t.querySelectorAll(`[${d}]`)), l = Array.from(e.itemMap.value.values()).sort((n, c) => r.indexOf(n.ref) - r.indexOf(c.ref));
+    return o ? l : l.filter((n) => n.ref.dataset.disabled !== "");
+  }, E = f({
+    name: "CollectionSlot",
+    setup(o, { slots: t }) {
+      const { primitiveElement: r, currentElement: i } = m();
+      return w(i, () => {
+        e.collectionRef.value = i.value;
+      }), () => v(s, { ref: r }, t);
     }
-  },
-  setup(d) {
-    const n = d, t = S(), f = b(), l = u(() => n.tabStopId || f), c = u(() => t.currentTabStopId.value === l.value), { getItems: p, CollectionItem: m } = I();
-    C(() => {
-      n.focusable && t.onFocusableItemAdd();
-    }), w(() => {
-      n.focusable && t.onFocusableItemRemove();
-    });
-    function v(e) {
-      if (e.key === "Tab" && e.shiftKey) {
-        t.onItemShiftTab();
-        return;
-      }
-      if (e.target !== e.currentTarget) return;
-      const o = g(e, t.orientation.value, t.dir.value);
-      if (o !== void 0) {
-        if (e.metaKey || e.ctrlKey || e.altKey || !n.allowShiftKey && e.shiftKey) return;
-        e.preventDefault();
-        let a = [...p().map((r) => r.ref).filter((r) => r.dataset.disabled !== "")];
-        if (o === "last") a.reverse();
-        else if (o === "prev" || o === "next") {
-          o === "prev" && a.reverse();
-          const r = a.indexOf(e.currentTarget);
-          a = t.loop.value ? F(a, r + 1) : a.slice(r + 1);
+  }), I = f({
+    name: "CollectionItem",
+    inheritAttrs: !1,
+    props: { value: { validator: () => !0 } },
+    setup(o, { slots: t, attrs: r }) {
+      const { primitiveElement: i, currentElement: l } = m();
+      return x((n) => {
+        if (l.value) {
+          const c = T(l.value);
+          e.itemMap.value.set(c, {
+            ref: l.value,
+            value: o.value
+          }), n(() => e.itemMap.value.delete(c));
         }
-        R(() => K(a));
-      }
+      }), () => v(s, {
+        ...r,
+        [d]: "",
+        ref: i
+      }, t);
     }
-    return (e, o) => (q(), T(i(m), null, {
-      default: s(() => [B(i(y), {
-        tabindex: c.value ? 0 : -1,
-        "data-orientation": i(t).orientation.value,
-        "data-active": e.active ? "" : void 0,
-        "data-disabled": e.focusable ? void 0 : "",
-        as: e.as,
-        "as-child": e.asChild,
-        onMousedown: o[0] || (o[0] = (a) => {
-          e.focusable ? i(t).onItemFocus(l.value) : a.preventDefault();
-        }),
-        onFocus: o[1] || (o[1] = (a) => i(t).onItemFocus(l.value)),
-        onKeydown: v
-      }, {
-        default: s(() => [x(e.$slots, "default")]),
-        _: 3
-      }, 8, [
-        "tabindex",
-        "data-orientation",
-        "data-active",
-        "data-disabled",
-        "as",
-        "as-child"
-      ])]),
-      _: 3
-    }));
-  }
-}), j = _;
+  }), R = p(() => Array.from(e.itemMap.value.values())), S = p(() => e.itemMap.value.size);
+  return {
+    getItems: C,
+    reactiveItems: R,
+    itemMapSize: S,
+    CollectionSlot: E,
+    CollectionItem: I
+  };
+}
 export {
-  j as RovingFocusItem_default
+  j as useCollection
 };

package/dist/index115.js

@@ -1,10 +1,38 @@
-function e(n, t) {
-  return `${n}-trigger-${t}`;
+import { getActiveElement as n } from "./index100.js";
+const u = "rovingFocusGroup.onEntryFocus", s = {
+  bubbles: !1,
+  cancelable: !0
+}, i = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function c(r, t) {
+  return t !== "rtl" ? r : r === "ArrowLeft" ? "ArrowRight" : r === "ArrowRight" ? "ArrowLeft" : r;
+}
+function w(r, t, e) {
+  const o = c(r.key, e);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return i[o];
+}
+function A(r, t = !1) {
+  const e = n();
+  for (const o of r)
+    if (o === e || (o.focus({ preventScroll: t }), n() !== e)) return;
 }
-function r(n, t) {
-  return `${n}-content-${t}`;
+function l(r, t) {
+  return r.map((e, o) => r[(t + o) % r.length]);
 }
 export {
-  r as makeContentId,
-  e as makeTriggerId
+  u as ENTRY_FOCUS,
+  s as EVENT_OPTIONS,
+  i as MAP_KEY_TO_FOCUS_INTENT,
+  A as focusFirst,
+  w as getFocusIntent,
+  l as wrapArray
 };