@scalar/api-reference 1.25.115 → 1.25.118

package/dist/components/Sidebar/SidebarElement.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as $, openBlock as o, createElementBlock as l, createElementVNode as r, normalizeClass as B, createVNode as u, unref as f, withModifiers as V, createTextVNode as g, createCommentVNode as a, createBlock as E, toDisplayString as N, renderSlot as v } from "vue";
-import { ScalarIconButton as A, ScalarIcon as I } from "@scalar/components";
-import O from "./SidebarHttpBadge.vue.js";
-import { sleep as b } from "../../helpers/sleep.js";
-import { useNavState as T } from "../../hooks/useNavState.js";
-import { joinWithSlash as D } from "../../helpers/joinWithSlash.js";
-import { scrollToId as H } from "../../helpers/scrollToId.js";
-const R = ["id"], U = {
+import { defineComponent as $, openBlock as n, createElementBlock as l, createElementVNode as a, normalizeClass as V, withModifiers as A, createVNode as g, unref as b, withCtx as E, createTextVNode as m, toDisplayString as h, createCommentVNode as s, createBlock as N, renderSlot as v } from "vue";
+import { ScalarSidebarGroupToggle as T, ScalarIcon as O } from "@scalar/components";
+import { combineUrlAndPath as U } from "@scalar/oas-utils/helpers";
+import H from "./SidebarHttpBadge.vue.js";
+import { sleep as k } from "../../helpers/sleep.js";
+import { useNavState as I } from "../../hooks/useNavState.js";
+import { scrollToId as P } from "../../helpers/scrollToId.js";
+const D = ["id"], L = {
   key: 0,
   class: "sidebar-heading-chevron"
-}, z = ["href", "tabindex"], L = { class: "sidebar-heading-link-title" }, M = {
+}, M = ["aria-expanded"], R = ["href", "tabindex"], z = { class: "sidebar-heading-link-title" }, F = {
   key: 1,
   class: "sidebar-heading-link-method"
-}, P = {
+}, G = {
   key: 1,
   class: "action-menu"
-}, Q = /* @__PURE__ */ $({
+}, Y = /* @__PURE__ */ $({
   __name: "SidebarElement",
   props: {
     id: {},
@@ -24,77 +24,81 @@ const R = ["id"], U = {
     open: { type: Boolean }
   },
   emits: ["toggleOpen"],
-  setup(k, { emit: C }) {
-    const t = k, d = C, { getFullHash: m, isIntersectionEnabled: s, pathRouting: p, replaceUrlState: y } = T(), h = async () => {
-      var e, i;
-      t.hasChildren && d("toggleOpen"), (i = (e = t.item) == null ? void 0 : e.select) == null || i.call(e), t.open && (s.value = !1, await b(100), s.value = !0);
-    }, w = () => {
+  setup(C, { emit: y }) {
+    const i = C, d = y, { getFullHash: c, isIntersectionEnabled: r, pathRouting: p, replaceUrlState: w } = I(), u = async () => {
+      var e, t;
+      i.hasChildren && d("toggleOpen"), (t = (e = i.item) == null ? void 0 : e.select) == null || t.call(e), i.open && (r.value = !1, await k(100), r.value = !0);
+    }, S = () => {
       if (p.value)
-        return D(p.value.basePath, t.item.id);
+        return U(p.value.basePath, i.item.id);
       if (typeof window < "u") {
         const e = new URL(window.location.href);
-        return e.hash = m(t.item.id), `${e.pathname}${e.search}${e.hash}`;
-      } else return `#${m(t.item.id)}`;
-    }, S = async (e) => {
-      var i, n;
-      p.value && (e.preventDefault(), t.hasChildren && d("toggleOpen"), (n = (i = t.item) == null ? void 0 : i.select) == null || n.call(i), d("toggleOpen"), s.value = !1, y(t.item.id), H(t.item.id), await b(100), s.value = !0);
+        return e.hash = c(i.item.id), `${e.pathname}${e.search}${e.hash}`;
+      } else return `#${c(i.item.id)}`;
+    }, B = async (e) => {
+      var t, o;
+      p.value && (e.preventDefault(), i.hasChildren && d("toggleOpen"), (o = (t = i.item) == null ? void 0 : t.select) == null || o.call(t), d("toggleOpen"), r.value = !1, w(i.item.id), P(i.item.id), await k(100), r.value = !0);
     };
-    return (e, i) => {
-      var n, c;
-      return o(), l("li", {
+    return (e, t) => {
+      var o, f;
+      return n(), l("li", {
         id: e.id,
         class: "sidebar-group-item"
       }, [
-        r("div", {
-          class: B(["sidebar-heading", {
+        a("div", {
+          class: V(["sidebar-heading", {
             "sidebar-group-item__folder": e.hasChildren,
             active_page: e.isActive,
             deprecated: e.item.deprecated ?? !1
           }]),
-          onClick: h
+          onClick: u
         }, [
-          e.hasChildren ? (o(), l("p", U, [
-            u(f(A), {
+          e.hasChildren ? (n(), l("p", L, [
+            a("button", {
               "aria-expanded": e.open,
               class: "toggle-nested-icon",
-              icon: e.open ? "ChevronDown" : "ChevronRight",
-              label: `${e.open ? "Collapse" : "Expand"} ${e.item.title}`,
-              size: "xs",
-              thickness: "1.5",
-              onClick: V(h, ["stop"])
-            }, null, 8, ["aria-expanded", "icon", "label"]),
-            i[0] || (i[0] = g("   "))
-          ])) : a("", !0),
-          r("a", {
+              type: "button",
+              onClick: A(u, ["stop"])
+            }, [
+              g(b(T), { open: e.open }, {
+                label: E(() => [
+                  m(h(e.open ? "Collapse" : "Expand") + " " + h(e.item.title), 1)
+                ]),
+                _: 1
+              }, 8, ["open"])
+            ], 8, M),
+            t[0] || (t[0] = m("   "))
+          ])) : s("", !0),
+          a("a", {
             class: "sidebar-heading-link",
-            href: w(),
+            href: S(),
             tabindex: e.hasChildren ? -1 : 0,
-            onClick: S
+            onClick: B
           }, [
-            (c = (n = e.item) == null ? void 0 : n.icon) != null && c.src ? (o(), E(f(I), {
+            (f = (o = e.item) == null ? void 0 : o.icon) != null && f.src ? (n(), N(b(O), {
               key: 0,
               class: "sidebar-icon",
               icon: e.item.icon.src
-            }, null, 8, ["icon"])) : a("", !0),
-            r("p", L, N(e.item.title), 1),
-            e.item.httpVerb && !e.hasChildren ? (o(), l("p", M, [
-              i[1] || (i[1] = g("   ")),
-              i[2] || (i[2] = r("span", { class: "sr-only" }, "HTTP Method: ", -1)),
-              u(O, {
+            }, null, 8, ["icon"])) : s("", !0),
+            a("p", z, h(e.item.title), 1),
+            e.item.httpVerb && !e.hasChildren ? (n(), l("p", F, [
+              t[1] || (t[1] = m("   ")),
+              t[2] || (t[2] = a("span", { class: "sr-only" }, "HTTP Method: ", -1)),
+              g(H, {
                 active: e.isActive,
                 method: e.item.httpVerb
               }, null, 8, ["active", "method"])
-            ])) : a("", !0)
-          ], 8, z)
+            ])) : s("", !0)
+          ], 8, R)
         ], 2),
-        e.open ? v(e.$slots, "default", { key: 0 }, void 0, !0) : a("", !0),
-        e.$slots["action-menu"] ? (o(), l("div", P, [
+        e.open ? v(e.$slots, "default", { key: 0 }, void 0, !0) : s("", !0),
+        e.$slots["action-menu"] ? (n(), l("div", G, [
           v(e.$slots, "action-menu", {}, void 0, !0)
-        ])) : a("", !0)
-      ], 8, R);
+        ])) : s("", !0)
+      ], 8, D);
     };
   }
 });
 export {
-  Q as default
+  Y as default
 };