@scalar/api-reference 1.28.6 → 1.28.8

package/dist/features/ExampleRequest/ExampleRequest.vue2.js

@@ -1,24 +1,25 @@
-import { defineComponent as z, useId as A, computed as c, ref as G, watch as L, unref as l, openBlock as d, createBlock as x, withCtx as r, createVNode as a, createElementBlock as k, Fragment as N, createTextVNode as f, toDisplayString as b, createElementVNode as h, renderSlot as K, createCommentVNode as C } from "vue";
-import { useWorkspace as Q } from "@scalar/api-client/store";
-import { getSnippet as X } from "@scalar/api-client/views/Components/CodeSnippet";
-import { filterSecurityRequirements as Y } from "@scalar/api-client/views/Request/RequestSection";
-import { ScalarCodeBlock as Z } from "@scalar/components";
-import E from "../../components/ScreenReader.vue.js";
-import { useConfig as _ } from "../../hooks/useConfig.js";
-import ee from "./ExamplePicker.vue.js";
-import te from "./TextSelect.vue.js";
+import { defineComponent as G, useId as L, computed as c, ref as T, watch as Q, unref as l, openBlock as d, createBlock as k, withCtx as r, createVNode as a, createElementBlock as b, Fragment as B, createTextVNode as f, toDisplayString as h, createElementVNode as E, renderSlot as K, createCommentVNode as C } from "vue";
+import { useWorkspace as X } from "@scalar/api-client/store";
+import { getSnippet as Y } from "@scalar/api-client/views/Components/CodeSnippet";
+import { filterSecurityRequirements as Z } from "@scalar/api-client/views/Request/RequestSection";
+import { ScalarCodeBlock as _ } from "@scalar/components";
+import S from "../../components/ScreenReader.vue.js";
+import { freezeElement as ee } from "../../helpers/freeze-element.js";
+import { useConfig as te } from "../../hooks/useConfig.js";
+import oe from "./ExamplePicker.vue.js";
+import le from "./TextSelect.vue.js";
 /* empty css                */
-import B from "../../components/Card/Card.vue.js";
-import oe from "../../components/Card/CardHeader.vue.js";
-import T from "../../components/HttpMethod/HttpMethod.vue.js";
-import V from "../../components/Card/CardContent.vue.js";
-import le from "../../components/Card/CardFooter.vue.js";
-import { useExampleStore as re } from "../../legacy/stores/useExampleStore.js";
-import { useHttpClientStore as ae } from "../../stores/useHttpClientStore.js";
-const ne = ["id"], se = ["id"], ie = {
+import V from "../../components/Card/Card.vue.js";
+import re from "../../components/Card/CardHeader.vue.js";
+import j from "../../components/HttpMethod/HttpMethod.vue.js";
+import H from "../../components/Card/CardContent.vue.js";
+import ae from "../../components/Card/CardFooter.vue.js";
+import { useExampleStore as ne } from "../../legacy/stores/useExampleStore.js";
+import { useHttpClientStore as se } from "../../stores/useHttpClientStore.js";
+const ie = ["id"], ue = ["id"], me = {
   key: 0,
   class: "request-card-footer-addon"
-}, ue = { class: "request-header" }, $e = /* @__PURE__ */ z({
+}, ce = { class: "request-header" }, Te = /* @__PURE__ */ G({
   __name: "ExampleRequest",
   props: {
     operation: {},
@@ -28,20 +29,20 @@ const ne = ["id"], se = ["id"], ie = {
     transformedOperation: {}
   },
   setup(n) {
-    const { selectedExampleKey: j, operationId: H } = re(), { requestExamples: R, securitySchemes: S } = Q(), w = _(), {
+    const { selectedExampleKey: R, operationId: w } = ne(), { requestExamples: J, securitySchemes: q } = X(), I = te(), {
       httpClient: i,
-      setHttpClient: J,
-      availableTargets: q,
-      httpTargetTitle: I,
-      httpClientTitle: U
-    } = ae(), y = A(), m = c(() => {
+      setHttpClient: U,
+      availableTargets: $,
+      httpTargetTitle: z,
+      httpClientTitle: F
+    } = se(), y = L(), m = c(() => {
       var t;
       const e = ["x-custom-examples", "x-codeSamples", "x-code-samples"];
       for (const o of e)
         if ((t = n.transformedOperation.information) != null && t[o])
           return [...n.transformedOperation.information[o]];
       return [];
-    }), s = G(
+    }), s = T(
       // Default to first custom example
       m.value.length ? {
         targetKey: "customExamples",
@@ -54,44 +55,44 @@ const ne = ["id"], se = ["id"], ie = {
         }
       )
     );
-    L(i, () => {
+    Q(i, () => {
       s.value = {
         targetKey: i.targetKey,
         clientKey: i.clientKey
       };
     });
-    const $ = c(
+    const O = c(
       () => {
         var e, t, o, u;
         return Object.keys(
           ((u = (o = (t = (e = n.transformedOperation.information) == null ? void 0 : e.requestBody) == null ? void 0 : t.content) == null ? void 0 : o["application/json"]) == null ? void 0 : u.examples) ?? {}
         ).length > 1;
       }
-    ), F = () => {
+    ), M = () => {
       var g;
       if (s.value.targetKey === "customExamples")
         return ((g = m.value[s.value.clientKey]) == null ? void 0 : g.source) ?? "";
-      const e = i.clientKey, t = i.targetKey, o = R[n.operation.examples[0]];
+      const e = i.clientKey, t = i.targetKey, o = J[n.operation.examples[0]];
       if (!o)
         return "";
-      const u = Y(
+      const u = Z(
         n.operation.security || n.collection.security,
         n.collection.selectedSecuritySchemeUids,
-        S
-      ), [p, v] = X(t, e, {
+        q
+      ), [p, v] = Y(t, e, {
         operation: n.operation,
         example: o,
         server: n.server,
         securitySchemes: u
       });
       return p ? p.message ?? "" : v;
-    }, O = c(() => {
+    }, N = c(() => {
       try {
-        return F();
+        return M();
       } catch (e) {
         return console.error("[generateSnippet]", e), "";
       }
-    }), M = c(() => {
+    }), P = c(() => {
       var t, o;
       const e = (
         // Specified language
@@ -100,15 +101,15 @@ const ne = ["id"], se = ["id"], ie = {
           i.targetKey
         )
       );
-      return e === "shell" && O.value.includes("curl") ? "curl" : e === "Objective-C" ? "objc" : e;
-    }), P = c(
-      () => Object.values(S).flatMap((e) => e.type === "apiKey" ? e.value : (e == null ? void 0 : e.type) === "http" ? [
+      return e === "shell" && N.value.includes("curl") ? "curl" : e === "Objective-C" ? "objc" : e;
+    }), D = c(
+      () => Object.values(q).flatMap((e) => e.type === "apiKey" ? e.value : (e == null ? void 0 : e.type) === "http" ? [
         e.token,
         e.password,
         btoa(`${e.username}:${e.password}`)
       ] : e.type === "oauth2" ? Object.values(e.flows).map((t) => t.token) : [])
-    ), D = c(() => {
-      const e = q.value.map((t) => ({
+    ), W = c(() => {
+      const e = $.value.map((t) => ({
         value: t.key,
         label: t.title,
         options: t.clients.map((o) => ({
@@ -130,92 +131,100 @@ const ne = ["id"], se = ["id"], ie = {
           label: t.label ?? t.lang ?? `Example #${o + 1}`
         }))
       }), e;
-    });
-    function W(e) {
+    }), x = T(null);
+    function A(e) {
       const t = JSON.parse(e);
-      t.targetKey === "customExamples" ? s.value = t : J(t);
+      if (x.value) {
+        const o = ee(x.value.$el);
+        setTimeout(() => {
+          o();
+        }, 300);
+      }
+      t.targetKey === "customExamples" ? s.value = t : U(t);
     }
-    return (e, t) => l(q).length || m.value.length ? (d(), x(l(B), {
+    return (e, t) => l($).length || m.value.length ? (d(), k(l(V), {
       key: 0,
       "aria-labelledby": `${l(y)}-header`,
       class: "dark-mode",
+      ref_key: "elem",
+      ref: x,
       role: "region"
     }, {
       default: r(() => [
-        a(l(oe), { muted: "" }, {
+        a(l(re), { muted: "" }, {
           actions: r(() => [
-            a(te, {
+            a(le, {
               class: "request-client-picker",
               controls: `${l(y)}-example`,
               modelValue: JSON.stringify(s.value),
-              options: D.value,
-              "onUpdate:modelValue": W
+              options: W.value,
+              "onUpdate:modelValue": A
             }, {
               default: r(() => [
-                s.value.targetKey === "customExamples" ? (d(), k(N, { key: 0 }, [
-                  a(E, null, {
+                s.value.targetKey === "customExamples" ? (d(), b(B, { key: 0 }, [
+                  a(S, null, {
                     default: r(() => t[2] || (t[2] = [
                       f("Selected Example:")
                     ])),
                     _: 1
                   }),
-                  f(" " + b(m.value[s.value.clientKey].label ?? "Example"), 1)
-                ], 64)) : (d(), k(N, { key: 1 }, [
-                  a(E, null, {
+                  f(" " + h(m.value[s.value.clientKey].label ?? "Example"), 1)
+                ], 64)) : (d(), b(B, { key: 1 }, [
+                  a(S, null, {
                     default: r(() => t[3] || (t[3] = [
                       f("Selected HTTP client:")
                     ])),
                     _: 1
                   }),
-                  f(" " + b(l(I)) + " " + b(l(U)), 1)
+                  f(" " + h(l(z)) + " " + h(l(F)), 1)
                 ], 64))
               ]),
               _: 1
             }, 8, ["controls", "modelValue", "options"])
           ]),
           default: r(() => [
-            h("div", {
+            E("div", {
               id: `${l(y)}-header`,
               class: "request-header"
             }, [
-              a(E, null, {
+              a(S, null, {
                 default: r(() => t[1] || (t[1] = [
                   f("Request Example for")
                 ])),
                 _: 1
               }),
-              a(l(T), {
+              a(l(j), {
                 as: "span",
                 class: "request-method",
                 method: e.operation.method
               }, null, 8, ["method"]),
               K(e.$slots, "header", {}, void 0, !0)
-            ], 8, ne)
+            ], 8, ie)
           ]),
           _: 3
         }),
-        a(l(V), {
+        a(l(H), {
           borderless: "",
           class: "request-editor-section custom-scroll",
           frameless: ""
         }, {
           default: r(() => [
-            h("div", {
+            E("div", {
               id: `${l(y)}-example`,
               class: "code-snippet"
             }, [
-              a(l(Z), {
+              a(l(_), {
                 class: "bg-b-2 -outline-offset-2",
-                content: O.value,
-                hideCredentials: P.value,
-                lang: M.value,
+                content: N.value,
+                hideCredentials: D.value,
+                lang: P.value,
                 lineNumbers: ""
               }, null, 8, ["content", "hideCredentials", "lang"])
-            ], 8, se)
+            ], 8, ue)
           ]),
           _: 1
         }),
-        ($.value || !l(w).hideTestRequestButton) && e.$slots.footer ? (d(), x(l(le), {
+        (O.value || !l(I).hideTestRequestButton) && e.$slots.footer ? (d(), k(l(ae), {
           key: 0,
           class: "request-card-footer",
           contrast: ""
@@ -223,11 +232,11 @@ const ne = ["id"], se = ["id"], ie = {
           default: r(() => {
             var o, u, p, v;
             return [
-              $.value ? (d(), k("div", ie, [
-                a(ee, {
+              O.value ? (d(), b("div", me, [
+                a(oe, {
                   class: "request-example-selector",
                   examples: ((v = (p = (u = (o = e.transformedOperation.information) == null ? void 0 : o.requestBody) == null ? void 0 : u.content) == null ? void 0 : p["application/json"]) == null ? void 0 : v.examples) ?? [],
-                  "onUpdate:modelValue": t[0] || (t[0] = (g) => (j.value = g, H.value = e.operation.operationId))
+                  "onUpdate:modelValue": t[0] || (t[0] = (g) => (R.value = g, w.value = e.operation.operationId))
                 }, null, 8, ["examples"])
               ])) : C("", !0),
               K(e.$slots, "footer", {}, void 0, !0)
@@ -237,15 +246,15 @@ const ne = ["id"], se = ["id"], ie = {
         })) : C("", !0)
       ]),
       _: 3
-    }, 8, ["aria-labelledby"])) : e.fallback ? (d(), x(l(B), {
+    }, 8, ["aria-labelledby"])) : e.fallback ? (d(), k(l(V), {
       key: 1,
       class: "dark-mode"
     }, {
       default: r(() => [
-        a(l(V), { class: "request-card-simple" }, {
+        a(l(H), { class: "request-card-simple" }, {
           default: r(() => [
-            h("div", ue, [
-              a(l(T), {
+            E("div", ce, [
+              a(l(j), {
                 as: "span",
                 class: "request-method",
                 method: e.operation.method
@@ -262,5 +271,5 @@ const ne = ["id"], se = ["id"], ie = {
   }
 });
 export {
-  $e as default
+  Te as default
 };

package/dist/features/Search/useSearchIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchIndex.d.ts","sourceRoot":"","sources":["../../../src/features/Search/useSearchIndex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,KAAK,GAAG,EAAwB,MAAM,KAAK,CAAA;AAIpD,OAAO,EAAE,KAAK,QAAQ,EAAyC,MAAM,aAAa,CAAA;AAElF,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,CAAA;AAEvE,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,QAAQ,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,oBAAoB,CAAA;CACjC,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,aAAa,GACd,EAAE;IACD,aAAa,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CACzB;uBA2ByB,IAAI;sBAbL,IAAI;;;;EAmK5B"}
+{"version":3,"file":"useSearchIndex.d.ts","sourceRoot":"","sources":["../../../src/features/Search/useSearchIndex.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,KAAK,GAAG,EAAwB,MAAM,KAAK,CAAA;AAIpD,OAAO,EAAE,KAAK,QAAQ,EAAyC,MAAM,aAAa,CAAA;AAElF,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,CAAA;AAEvE,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,QAAQ,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,oBAAoB,CAAA;CACjC,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC7B,aAAa,GACd,EAAE;IACD,aAAa,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CACzB;uBA0ByB,IAAI;sBAbL,IAAI;;;;EAmK5B"}

package/dist/features/Search/useSearchIndex.js

@@ -2,14 +2,14 @@ import N from "fuse.js";
 import { ref as h, watch as R, computed as V } from "vue";
 import { extractRequestBody as A } from "../../helpers/specHelpers.js";
 import { useOperation as B } from "../../hooks/useOperation.js";
-import { useNavState as P } from "../../hooks/useNavState.js";
-import { useSidebar as z } from "../../hooks/useSidebar.js";
+import { useSidebar as P } from "../../hooks/useSidebar.js";
+import { useNavState as z } from "../../hooks/useNavState.js";
 import { getHeadingsFromMarkdown as G } from "../../helpers/getHeadingsFromMarkdown.js";
 import { getModels as J } from "../../helpers/getModels.js";
 function te({
   specification: a
 }) {
-  const { getHeadingId: T, getWebhookId: j, getModelId: L, getOperationId: W, getTagId: q } = P(), { hideModels: C } = z(), o = h([]), r = h([]), d = h(0), s = h(""), i = new N(o.value, {
+  const { hideModels: T } = P(), { getHeadingId: j, getWebhookId: L, getModelId: W, getOperationId: q, getTagId: C } = z(), o = h([]), r = h([]), d = h(0), s = h(""), i = new N(o.value, {
     keys: ["title", "description", "body"]
   }), p = () => {
     d.value = 0, r.value = i.search(s.value);
@@ -37,14 +37,14 @@ function te({
           type: "heading",
           title: `Info > ${e.value}`,
           description: "",
-          href: `#${T(e)}`,
+          href: `#${j(e)}`,
           tag: e.slug,
           body: ""
         });
       }), o.value = o.value.concat(l)), ($ = (D = a.value) == null ? void 0 : D.tags) == null || $.forEach((e) => {
         const S = {
           title: e["x-displayName"] ?? e.name,
-          href: `#${q(e)}`,
+          href: `#${C(e)}`,
           description: e.description,
           type: "tag",
           tag: e.name,
@@ -57,7 +57,7 @@ function te({
           const O = {
             type: "req",
             title: t.name ?? t.path,
-            href: `#${W(t, e)}`,
+            href: `#${q(t, e)}`,
             operationId: t.operationId,
             description: t.description ?? "",
             httpVerb: t.httpVerb,
@@ -75,7 +75,7 @@ function te({
           m.push({
             type: "webhook",
             title: "Webhook",
-            href: `#${j({ name: e, method: t })}`,
+            href: `#${L({ name: e, method: t })}`,
             description: `${(c = n[e][t]) == null ? void 0 : c.name}`,
             httpVerb: t,
             tag: e,
@@ -83,12 +83,12 @@ function te({
           });
         }), o.value = o.value.concat(m);
       });
-      const v = C.value ? {} : J(a.value), b = [];
+      const v = T.value ? {} : J(a.value), b = [];
       v && (Object.keys(v).forEach((e) => {
         b.push({
           type: "model",
           title: "Model",
-          href: `#${L({ name: e })}`,
+          href: `#${W({ name: e })}`,
           description: v[e].title ?? e,
           tag: e,
           body: ""

package/dist/helpers/freeze-element.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Scroll Freezing Utility
+ * "Freezes" the scroll position of an element, so that it doesn't move when the rest of the content changes
+ *
+ * @example
+ * const unfreeze = freezeElement(document.querySelector('#your-element'))
+ * ... content changes ...
+ * unfreeze()
+ */
+export declare const freezeElement: (element: HTMLElement) => () => void;
+//# sourceMappingURL=freeze-element.d.ts.map

package/dist/helpers/freeze-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"freeze-element.d.ts","sourceRoot":"","sources":["../../src/helpers/freeze-element.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,YAAa,WAAW,eAiCjD,CAAA"}

package/dist/helpers/freeze-element.js

@@ -0,0 +1,20 @@
+const s = (t) => {
+  if (!t)
+    return () => null;
+  const e = t.getBoundingClientRect().top, r = new MutationObserver(() => {
+    const n = t.getBoundingClientRect().top;
+    if (n !== e) {
+      const o = n - e;
+      window.scrollBy(0, o);
+    }
+  });
+  return r.observe(document.body, {
+    childList: !0,
+    subtree: !0,
+    attributes: !0,
+    characterData: !0
+  }), () => r.disconnect();
+};
+export {
+  s as freezeElement
+};

package/dist/hooks/index.d.ts

@@ -1,7 +1,5 @@
-export * from './useClientStore';
 export * from './useNavState.js';
 export * from './useOperation.js';
 export * from './useReactiveSpec.js';
-export * from './useRefOnMount';
 export * from './useSidebar.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA"}

package/dist/hooks/useMultipleDocuments.d.ts

@@ -1,15 +1,16 @@
-import { type ApiReferenceConfiguration, type ApiReferenceConfigurationWithSources } from '@scalar/types/api-reference';
+import type { NavState } from '../hooks/useNavState.js';
+import { type AnyApiReferenceConfiguration } from '@scalar/types/api-reference';
 import { type Ref } from 'vue';
 type UseMultipleDocumentsProps = {
     /**
      * Configuration for the API reference.
      * Can be a single configuration or an array of configurations for multiple documents.
      */
-    configuration: Ref<Partial<ApiReferenceConfiguration> | Partial<ApiReferenceConfiguration>[] | Partial<ApiReferenceConfigurationWithSources> | undefined>;
+    configuration: Ref<AnyApiReferenceConfiguration | undefined>;
     /** The initial index to pre-select a document, if there is no query parameter available */
     initialIndex?: number;
-};
-export declare const useMultipleDocuments: ({ configuration, initialIndex }: UseMultipleDocumentsProps) => {
+} & NavState;
+export declare const useMultipleDocuments: ({ configuration, initialIndex, isIntersectionEnabled, hash, hashPrefix, }: UseMultipleDocumentsProps) => {
     selectedConfiguration: import("vue").ComputedRef<{
         hideClientButton: boolean;
         showSidebar: boolean;
@@ -52,6 +53,7 @@ export declare const useMultipleDocuments: ({ configuration, initialIndex }: Use
         customCss?: string | undefined;
         onSpecUpdate?: ((args_0: string, ...args: unknown[]) => void) | undefined;
         onServerChange?: ((args_0: string, ...args: unknown[]) => void) | undefined;
+        onDocumentSelect?: ((...args: unknown[]) => void) | undefined;
         pathRouting?: {
             basePath: string;
         } | undefined;
@@ -87,6 +89,9 @@ export declare const useMultipleDocuments: ({ configuration, initialIndex }: Use
         slug?: string | undefined;
     }[]>;
     selectedDocumentIndex: Ref<number, number>;
+    isIntersectionEnabled: Ref<boolean, boolean>;
+    hash: Ref<string, string>;
+    hashPrefix: Ref<string, string>;
 };
 export {};
 //# sourceMappingURL=useMultipleDocuments.d.ts.map

package/dist/hooks/useMultipleDocuments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMultipleDocuments.d.ts","sourceRoot":"","sources":["../../src/hooks/useMultipleDocuments.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,oCAAoC,EAI1C,MAAM,6BAA6B,CAAA;AAGpC,OAAO,EAAE,KAAK,GAAG,EAAwB,MAAM,KAAK,CAAA;AAKpD,KAAK,yBAAyB,GAAG;IAC/B;;;OAGG;IACH,aAAa,EAAE,GAAG,CACd,OAAO,CAAC,yBAAyB,CAAC,GAClC,OAAO,CAAC,yBAAyB,CAAC,EAAE,GACpC,OAAO,CAAC,oCAAoC,CAAC,GAC7C,SAAS,CACZ,CAAA;IACD,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAsCD,eAAO,MAAM,oBAAoB,oCAAqC,yBAAyB;;;;;;;;;;;;;;;mDAgHwryB,GAAG;;;;eAAoJ,CAAC;mBAAqC,CAAC,mCAAmC,GAAG;iBAA0E,CAAC;gBAAkC,CAAC;;;;;;;;;;;;;;;;;;;yCAAwsC,GAAI;2CAA6E,GAAI;;;;;gBAA0J,CAAC;WAA4B,GAAI;;gBAAyF,CAAC;WAA4B,GAAI;;gBAAuF,CAAC;WAA4B,GAAI;;;;uBAAkJ,CAAC;mBAAqC,CAAC;WAA4B,GAAI;;;kBAAmH,CAAC;WAA4B,GAAI;qBAA0D,GAAG;qCAAuE,GAAI;;2DAAgK,GAAI;4EAAgH,GAAI;;;;mDA5G5h4B,GAAG;;;;;CA2GtC,CAAA"}
+{"version":3,"file":"useMultipleDocuments.d.ts","sourceRoot":"","sources":["../../src/hooks/useMultipleDocuments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEnD,OAAO,EACL,KAAK,4BAA4B,EAIlC,MAAM,6BAA6B,CAAA;AAGpC,OAAO,EAAE,KAAK,GAAG,EAAwB,MAAM,KAAK,CAAA;AAKpD,KAAK,yBAAyB,GAAG;IAC/B;;;OAGG;IACH,aAAa,EAAE,GAAG,CAAC,4BAA4B,GAAG,SAAS,CAAC,CAAA;IAC5D,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,QAAQ,CAAA;AAsCZ,eAAO,MAAM,oBAAoB,8EAM9B,yBAAyB;;;;;;;;;;;;;;;mDA8I6xxB,GAAG;;;;eAAoJ,CAAC;mBAAqC,CAAC,mCAAmC,GAAG;iBAA0E,CAAC;gBAAkC,CAAC;;;;;;;;;;;;;;;;;;;yCAAwsC,GAAI;2CAA6E,GAAI;6BAAgE,GAAG;;;;;gBAA0J,CAAC;WAA4B,GAAI;;gBAAyF,CAAC;WAA4B,GAAI;;gBAAuF,CAAC;WAA4B,GAAI;;;;uBAAkJ,CAAC;mBAAqC,CAAC;WAA4B,GAAI;;;kBAAmH,CAAC;WAA4B,GAAI;qBAA0D,GAAG;qCAAuE,GAAI;;2DAAgK,GAAI;4EAAgH,GAAI;;;;mDAvIjq3B,GAAC;;;;;;;;CAsIJ,CAAA"}

package/dist/hooks/useMultipleDocuments.js

@@ -1,55 +1,79 @@
-import { useNavState as h } from "./useNavState.js";
-import { isDefined as w } from "@scalar/oas-utils/helpers";
-import { isConfigurationWithSources as o, apiReferenceConfigurationSchema as m } from "@scalar/types/api-reference";
-import S from "github-slugger";
-import { computed as v, ref as I, watch as b } from "vue";
-const f = "api", p = new S(), R = (e, s = 0) => {
+import { isDefined as h } from "@scalar/oas-utils/helpers";
+import { isConfigurationWithSources as p, apiReferenceConfigurationSchema as w } from "@scalar/types/api-reference";
+import y from "github-slugger";
+import { computed as g, ref as R, watch as b } from "vue";
+const c = "api", S = new y(), I = (e, u = 0) => {
   if (!(!(e != null && e.url) && !(e != null && e.content)))
-    return p.reset(), e.title ? {
+    return S.reset(), e.title ? {
       ...e,
-      slug: e.slug || p.slug(e.title),
+      slug: e.slug || S.slug(e.title),
       title: e.title
     } : e.slug ? {
       ...e,
       title: e.slug
     } : {
       ...e,
-      slug: `api-${s + 1}`,
-      title: `API #${s + 1}`
+      slug: `api-${u + 1}`,
+      title: `API #${u + 1}`
     };
-}, T = ({ configuration: e, initialIndex: s }) => {
-  const { isIntersectionEnabled: i } = h(), n = v(() => {
-    var l;
-    return e.value ? (o(e.value) ? ((l = e.value) == null ? void 0 : l.sources) ?? [] : [e.value].flat().map((t) => t)).map((t, a) => t && R(t, a)).filter(w) : [];
-  }), c = (u) => {
-    if (n.value.length === 1)
-      return;
-    const l = new URL(window.location.href), t = n.value[u], a = (t == null ? void 0 : t.slug) ?? u.toString();
-    l.searchParams.set(f, a), l.hash = "", window.history.replaceState({}, "", l.toString()), i.value = !1, window.scrollTo({ top: 0, behavior: "instant" }), setTimeout(() => i.value = !0, 300);
-  }, r = I((() => {
-    const l = new URL(window.location.href).searchParams.get(f) || "0", t = n.value.findIndex((g) => g.slug === l);
-    if (t !== -1)
-      return t;
-    const a = Number.parseInt(l, 10);
-    return !isNaN(a) && a >= 0 && a < n.value.length ? a : typeof s == "number" ? s : 0;
-  })()), d = v(() => {
-    var l, t;
-    if (e.value && o(e.value))
-      return m.parse({
+}, T = ({
+  configuration: e,
+  initialIndex: u,
+  isIntersectionEnabled: o,
+  hash: d,
+  hashPrefix: v
+}) => {
+  const r = g(() => e.value ? (p(e.value) ? (
+    // This IFFE is needed for the type guard as it doens't persist into the callback scope
+    (() => {
+      const { sources: t, ...l } = e.value;
+      return (t == null ? void 0 : t.map((n) => ({ ...l, ...n }))) ?? [];
+    })()
+  ) : [e.value].flat()).map((t, l) => t && I(t, l)).filter(h) : []), i = R((() => {
+    if (typeof window > "u")
+      return typeof u == "number" ? u : 0;
+    const t = new URL(window.location.href).searchParams.get(c);
+    if (t) {
+      const n = r.value.findIndex((s) => s.slug === t);
+      if (n !== -1)
+        return n;
+      const a = Number.parseInt(t, 10);
+      if (!isNaN(a) && a >= 0 && a < r.value.length)
+        return a;
+    }
+    const l = r.value.findIndex((n) => "default" in n && n.default === !0);
+    return l !== -1 ? l : typeof u == "number" ? u : 0;
+  })()), m = g(() => {
+    var t, l;
+    if (e.value && p(e.value))
+      return w.parse({
         ...e.value,
-        ...(t = (l = e.value) == null ? void 0 : l.sources) == null ? void 0 : t[r.value],
-        ...n.value[r.value]
+        ...(l = (t = e.value) == null ? void 0 : t.sources) == null ? void 0 : l[i.value],
+        ...r.value[i.value]
       });
-    const u = [e.value].flat()[r.value] ?? {};
-    return m.parse({
-      ...u,
-      ...n.value[r.value]
+    const f = [e.value].flat()[i.value] ?? {};
+    return w.parse({
+      ...f,
+      ...r.value[i.value]
     });
   });
-  return b(r, c, { flush: "sync" }), {
-    selectedConfiguration: d,
-    availableDocuments: n,
-    selectedDocumentIndex: r
+  return b(
+    i,
+    (f) => {
+      var a, s;
+      if (typeof window > "u" || r.value.length === 1)
+        return;
+      const t = new URL(window.location.href), l = r.value[f], n = (l == null ? void 0 : l.slug) ?? f.toString();
+      t.searchParams.set(c, n), t.hash = "", window.history.replaceState({}, "", t.toString()), d.value = "", v.value = "", o.value = !1, typeof window < "u" && window.scrollTo({ top: 0, behavior: "instant" }), (s = (a = m.value).onDocumentSelect) == null || s.call(a);
+    },
+    { flush: "sync" }
+  ), {
+    selectedConfiguration: m,
+    availableDocuments: r,
+    selectedDocumentIndex: i,
+    isIntersectionEnabled: o,
+    hash: d,
+    hashPrefix: v
   };
 };
 export {

package/dist/hooks/useNavState.d.ts

@@ -1,4 +1,14 @@
-import type { Heading, PathRouting, Tag, TransformedOperation } from '@scalar/types/legacy';
+import type { Heading, Tag, TransformedOperation } from '@scalar/types/legacy';
+import { type InjectionKey, type Ref } from 'vue';
+export type NavState = {
+    /** The URL hash without the #, also the "hash" pulled from pathRouting */
+    hash: Ref<string>;
+    /** The prefix for the hash, used in ORG */
+    hashPrefix: Ref<string>;
+    /** Whether the intersection observer is enabled and updating the hash as we scroll */
+    isIntersectionEnabled: Ref<boolean>;
+};
+export declare const NAV_STATE_SYMBOL: InjectionKey<NavState>;
 /**
  * Hook which provides reactive hash state from the URL
  * Also hash is only readable by the client so keep that in mind for SSR
@@ -7,7 +17,7 @@ import type { Heading, PathRouting, Tag, TransformedOperation } from '@scalar/ty
  * when clicking on sidebar links or going backwards
  */
 export declare const useNavState: () => {
-    hash: import("vue").Ref<string, string>;
+    hash: Ref<string, string>;
     /** Sets the prefix for the hash */
     setHashPrefix: (prefix: string) => void;
     /**
@@ -42,8 +52,7 @@ export declare const useNavState: () => {
     getPathRoutingId: (pathName: string) => string;
     getSectionId: (hashStr?: string) => string;
     getTagId: (tag: Tag) => string;
-    isIntersectionEnabled: import("vue").Ref<boolean, boolean>;
-    pathRouting: import("vue").Ref<PathRouting | undefined, PathRouting | undefined>;
+    isIntersectionEnabled: Ref<boolean, boolean>;
     updateHash: () => void;
 };
 //# sourceMappingURL=useNavState.d.ts.map