@scalar/api-reference 1.24.74 → 1.24.76

package/dist/hooks/useSidebar.js

@@ -1,75 +1,77 @@
-import { ssrState as Z } from "@scalar/oas-utils/helpers";
-import { ref as h, reactive as z, computed as J, watch as D } from "vue";
-import { useNavState as _ } from "./useNavState.js";
-import { getLowestHeadingLevel as K } from "../helpers/getLowestHeadingLevel.js";
-import { openClientFor as F } from "../helpers/openClientFor.js";
-import { hasModels as $ } from "../helpers/hasModels.js";
-import { getModels as V } from "../helpers/getModels.js";
-import { hasWebhooks as ee } from "../helpers/hasWebhooks.js";
-import { getHeadingsFromMarkdown as te } from "../helpers/getHeadingsFromMarkdown.js";
-import { useApiClientStore as se } from "../legacy/stores/useApiClientStore.js";
-import { useOpenApiStore as oe } from "../legacy/stores/useOpenApiStore.js";
+import { ssrState as $ } from "@scalar/oas-utils/helpers";
+import { ref as m, reactive as J, computed as K, watch as B } from "vue";
+import { lazyBus as ee } from "../components/Content/Lazy/lazyBus.js";
+import { useNavState as te } from "./useNavState.js";
+import { getLowestHeadingLevel as N } from "../helpers/getLowestHeadingLevel.js";
+import { openClientFor as D } from "../helpers/openClientFor.js";
+import { hasModels as se } from "../helpers/hasModels.js";
+import { getModels as F } from "../helpers/getModels.js";
+import { hasWebhooks as oe } from "../helpers/hasWebhooks.js";
+import { scrollToId as V } from "../helpers/scrollToId.js";
+import { getHeadingsFromMarkdown as ie } from "../helpers/getHeadingsFromMarkdown.js";
+import { useApiClientStore as re } from "../legacy/stores/useApiClientStore.js";
+import { useOpenApiStore as le } from "../legacy/stores/useOpenApiStore.js";
 const {
-  getHeadingId: B,
+  getHeadingId: z,
   getModelId: P,
   getOperationId: R,
-  getSectionId: ie,
-  getTagId: N,
+  getSectionId: Q,
+  getTagId: U,
   getWebhookId: A,
-  hash: I
-} = _(), r = h(void 0), w = z({});
+  hash: O
+} = te(), l = m(void 0), S = J({});
 function q(t) {
-  var s, i;
-  return w.tagsSorter === "alpha" ? t.tags = (s = t.tags) == null ? void 0 : s.sort((l, c) => l.name.localeCompare(c.name)) : typeof w.tagsSorter == "function" && (t.tags = (i = t.tags) == null ? void 0 : i.sort(w.tagsSorter)), r.value = t;
+  var s, o;
+  return S.tagsSorter === "alpha" ? t.tags = (s = t.tags) == null ? void 0 : s.sort((r, c) => r.name.localeCompare(c.name)) : typeof S.tagsSorter == "function" && (t.tags = (o = t.tags) == null ? void 0 : o.sort(S.tagsSorter)), l.value = t;
 }
-const Q = h(!1), U = h(!1), S = z(
-  Z["useSidebarContent-collapsedSidebarItems"] ?? {}
+const X = m(!1), Y = m(!1), f = J(
+  $["useSidebarContent-collapsedSidebarItems"] ?? {}
 );
-function re(t) {
-  S[t] = !S[t];
+function ne(t) {
+  f[t] = !f[t];
 }
-function b(t, s) {
-  S[t] = s;
+function h(t, s) {
+  f[t] = s;
 }
-const C = h([]);
-function le(t) {
-  const s = te(t), i = K(s);
-  return s.filter((l) => (
+const C = m([]);
+function ae(t) {
+  const s = ie(t), o = N(s);
+  return s.filter((r) => (
     // highest level, eg. # Introduction
-    l.depth === i || // second highest level, eg. ## Authentication
-    l.depth === i + 1
+    r.depth === o || // second highest level, eg. ## Authentication
+    r.depth === o + 1
   ));
 }
-const X = J(() => {
-  var O, T, y, H, M, j, x, E, G, L;
-  const { state: t } = se(), s = {}, {
-    openApi: { globalSecurity: i }
-  } = oe(), l = [];
+const Z = K(() => {
+  var T, I, y, H, M, j, x, E, G, L;
+  const { state: t } = re(), s = {}, {
+    openApi: { globalSecurity: o }
+  } = le(), r = [];
   let c = null;
   C.value.forEach((e) => {
-    var o;
-    e.depth === K(C.value) ? (c = {
-      id: B(e),
+    var i;
+    e.depth === N(C.value) ? (c = {
+      id: z(e),
       title: e.value,
       show: !t.showApiClient,
       children: []
-    }, l.push(c)) : c && ((o = c.children) == null || o.push({
-      id: B(e),
+    }, r.push(c)) : c && ((i = c.children) == null || i.push({
+      id: z(e),
       title: e.value,
       show: !t.showApiClient
     }));
   });
-  const p = (T = (O = r.value) == null ? void 0 : O.tags) == null ? void 0 : T[0], f = p && ((e) => (e == null ? void 0 : e.length) !== 1 || e[0].name !== "default" || e[0].description !== "")((y = r.value) == null ? void 0 : y.tags) ? (M = (H = r.value) == null ? void 0 : H.tags) == null ? void 0 : M.filter((e) => {
-    var o;
-    return ((o = e.operations) == null ? void 0 : o.length) > 0;
+  const p = (I = (T = l.value) == null ? void 0 : T.tags) == null ? void 0 : I[0], v = p && ((e) => (e == null ? void 0 : e.length) !== 1 || e[0].name !== "default" || e[0].description !== "")((y = l.value) == null ? void 0 : y.tags) ? (M = (H = l.value) == null ? void 0 : H.tags) == null ? void 0 : M.filter((e) => {
+    var i;
+    return ((i = e.operations) == null ? void 0 : i.length) > 0;
   }).map((e) => {
-    var o;
+    var i;
     return {
-      id: N(e),
+      id: U(e),
       title: e.name,
       displayTitle: e["x-displayName"] ?? e.name,
       show: !0,
-      children: (o = e.operations) == null ? void 0 : o.map(
+      children: (i = e.operations) == null ? void 0 : i.map(
         (n) => {
           var d;
           const a = R(n, e), u = n.name ?? n.path;
@@ -80,7 +82,7 @@ const X = J(() => {
             deprecated: ((d = n.information) == null ? void 0 : d.deprecated) ?? !1,
             show: !0,
             select: () => {
-              t.showApiClient && F(n, i);
+              t.showApiClient && D(n, o);
             }
           };
         }
@@ -88,50 +90,50 @@ const X = J(() => {
     };
   }) : (j = p == null ? void 0 : p.operations) == null ? void 0 : j.map((e) => {
     var a;
-    const o = R(e, p), n = e.name ?? e.path;
-    return s[o] = n, {
-      id: o,
+    const i = R(e, p), n = e.name ?? e.path;
+    return s[i] = n, {
+      id: i,
       title: n,
       httpVerb: e.httpVerb,
       deprecated: ((a = e.information) == null ? void 0 : a.deprecated) ?? !1,
       show: !0,
       select: () => {
-        t.showApiClient && F(e, i);
+        t.showApiClient && D(e, o);
       }
     };
   });
-  let m = $(r.value) && !Q.value ? [
+  let g = se(l.value) && !X.value ? [
     {
       id: P(),
       title: "Models",
       show: !t.showApiClient,
-      children: Object.keys(V(r.value) ?? {}).map(
+      children: Object.keys(F(l.value) ?? {}).map(
         (e) => {
           var n;
-          const o = P(e);
-          return s[o] = e, {
-            id: o,
-            title: ((n = V(r.value)) == null ? void 0 : n[e]).title ?? e,
+          const i = P(e);
+          return s[i] = e, {
+            id: i,
+            title: ((n = F(l.value)) == null ? void 0 : n[e]).title ?? e,
             show: !t.showApiClient
           };
         }
       )
     }
-  ] : [], v = ee(r.value) ? [
+  ] : [], w = oe(l.value) ? [
     {
       id: A(),
       title: "Webhooks",
       show: !t.showApiClient,
-      children: Object.keys(((x = r.value) == null ? void 0 : x.webhooks) ?? {}).map((e) => {
+      children: Object.keys(((x = l.value) == null ? void 0 : x.webhooks) ?? {}).map((e) => {
         var n, a;
-        const o = A(e);
-        return s[o] = e, Object.keys(
-          ((a = (n = r.value) == null ? void 0 : n.webhooks) == null ? void 0 : a[e]) ?? {}
+        const i = A(e);
+        return s[i] = e, Object.keys(
+          ((a = (n = l.value) == null ? void 0 : n.webhooks) == null ? void 0 : a[e]) ?? {}
         ).map((u) => {
-          var d, g, W;
+          var d, b, W;
           return {
             id: A(e, u),
-            title: (W = (g = (d = r.value) == null ? void 0 : d.webhooks) == null ? void 0 : g[e][u]) == null ? void 0 : W.name,
+            title: (W = (b = (d = l.value) == null ? void 0 : d.webhooks) == null ? void 0 : b[e][u]) == null ? void 0 : W.name,
             httpVerb: u,
             show: !t.showApiClient
           };
@@ -139,84 +141,97 @@ const X = J(() => {
       }).flat()
     }
   ] : [];
-  const Y = (E = r.value) != null && E["x-tagGroups"] ? (L = (G = r.value) == null ? void 0 : G["x-tagGroups"]) == null ? void 0 : L.map((e) => {
+  const _ = (E = l.value) != null && E["x-tagGroups"] ? (L = (G = l.value) == null ? void 0 : G["x-tagGroups"]) == null ? void 0 : L.map((e) => {
     var a;
-    const o = [];
+    const i = [];
     return (a = e.tags) == null || a.map((u) => {
-      if (u === "models" && m.length > 0)
-        o.push(m[0]), m = [];
-      else if (u === "webhooks" && v.length > 0)
-        o.push(v[0]), v = [];
+      if (u === "models" && g.length > 0)
+        i.push(g[0]), g = [];
+      else if (u === "webhooks" && w.length > 0)
+        i.push(w[0]), w = [];
       else {
-        const d = f == null ? void 0 : f.find(
-          (g) => g.title === u
+        const d = v == null ? void 0 : v.find(
+          (b) => b.title === u
         );
-        d && o.push(d);
+        d && i.push(d);
       }
     }), {
       id: e.name,
       title: e.name,
-      children: o,
+      children: i,
       show: !0,
       isGroup: !0
     };
   }) : void 0, k = [
-    ...l,
-    ...Y ?? f ?? [],
-    ...v,
-    ...m
+    ...r,
+    ..._ ?? v ?? [],
+    ...w,
+    ...g
   ];
-  return U.value && k.forEach((e) => {
-    b(e.id, !0), e.show = !0;
+  return Y.value && k.forEach((e) => {
+    h(e.id, !0), e.show = !0;
   }), {
     entries: k,
     titles: s
   };
-}), ne = h(!1), ae = J(() => {
+}), ue = m(!1), de = K(() => {
   var t, s;
-  return ((s = (t = X.value) == null ? void 0 : t.titles) == null ? void 0 : s[I.value]) ?? "";
-});
-function Ce(t) {
-  return Object.assign(w, t), t != null && t.parsedSpec && (q(t.parsedSpec), D(
+  return ((s = (t = Z.value) == null ? void 0 : t.titles) == null ? void 0 : s[O.value]) ?? "";
+}), ce = (t) => {
+  const s = Q(t);
+  if (s !== t)
+    if (f[s])
+      V(t);
+    else {
+      const o = ee.on((r) => {
+        r.id === t && (V(t), o());
+      });
+      h(s, !0);
+    }
+};
+function Ie(t) {
+  return Object.assign(S, t), t != null && t.parsedSpec && (q(t.parsedSpec), B(
     () => {
-      var s, i;
-      return (i = (s = r.value) == null ? void 0 : s.tags) == null ? void 0 : i.length;
+      var s, o;
+      return (o = (s = l.value) == null ? void 0 : s.tags) == null ? void 0 : o.length;
     },
     () => {
-      var s, i;
-      if (I.value) {
-        const l = ie(I.value);
-        l && b(l, !0);
+      var s, o;
+      if (O.value) {
+        const r = Q(O.value);
+        r && h(r, !0);
       } else {
-        const l = (i = (s = r.value) == null ? void 0 : s.tags) == null ? void 0 : i[0];
-        l && b(N(l), !0);
+        const r = (o = (s = l.value) == null ? void 0 : s.tags) == null ? void 0 : o[0];
+        r && h(U(r), !0);
       }
     }
-  ), D(
+  ), B(
     () => {
-      var s, i;
-      return (i = (s = r.value) == null ? void 0 : s.info) == null ? void 0 : i.description;
+      var s, o;
+      return (o = (s = l.value) == null ? void 0 : s.info) == null ? void 0 : o.description;
     },
     () => {
-      var i, l;
-      const s = (l = (i = r.value) == null ? void 0 : i.info) == null ? void 0 : l.description;
-      return s ? C.value = le(s) : C.value = [];
+      var o, r;
+      const s = (r = (o = l.value) == null ? void 0 : o.info) == null ? void 0 : r.description;
+      return s ? C.value = ae(s) : C.value = [];
     },
     {
       immediate: !0
     }
   )), {
-    breadcrumb: ae,
-    items: X,
-    isSidebarOpen: ne,
-    collapsedSidebarItems: S,
-    toggleCollapsedSidebarItem: re,
-    setCollapsedSidebarItem: b,
-    hideModels: Q,
+    breadcrumb: de,
+    items: Z,
+    isSidebarOpen: ue,
+    collapsedSidebarItems: f,
+    toggleCollapsedSidebarItem: ne,
+    setCollapsedSidebarItem: h,
+    hideModels: X,
     setParsedSpec: q,
-    defaultOpenAllTags: U
+    defaultOpenAllTags: Y,
+    scrollToOperation: ce
   };
 }
 export {
-  Ce as useSidebar
+  ce as scrollToOperation,
+  Ie as useSidebar
 };