@scalar/api-reference 1.32.10 → 1.34.0

package/dist/components/ApiReferenceLayout.vue2.js

@@ -1,42 +1,42 @@
-import { defineComponent as fe, computed as T, provide as S, ref as D, onBeforeMount as ve, onMounted as Y, watch as O, toValue as K, onUnmounted as pe, useId as ge, createElementBlock as f, openBlock as a, Fragment as z, createElementVNode as p, createVNode as v, normalizeStyle as he, normalizeClass as Se, unref as r, createCommentVNode as l, withDirectives as be, createBlock as b, renderSlot as d, normalizeProps as g, guardReactiveProps as h, withCtx as n, vShow as ye, createSlots as we } from "vue";
-import { provideUseId as ke } from "@headlessui/vue";
-import { OpenApiClientButton as $e } from "@scalar/api-client/components";
-import { LAYOUT_SYMBOL as Me } from "@scalar/api-client/hooks";
-import { WORKSPACE_SYMBOL as Te, ACTIVE_ENTITIES_SYMBOL as De } from "@scalar/api-client/store";
-import { addScalarClassesToHeadless as Ce, ScalarErrorBoundary as Ee, ScalarSidebarFooter as Oe, ScalarColorModeToggleButton as Ie, ScalarColorModeToggleIcon as Be } from "@scalar/components";
-import { sleep as Re } from "@scalar/helpers/testing/sleep";
-import { hasObtrusiveScrollbars as Le, getThemeStyles as _e } from "@scalar/themes";
-import { apiReferenceConfigurationSchema as Ae } from "@scalar/types/api-reference";
-import { useBreakpoints as Pe } from "@scalar/use-hooks/useBreakpoints";
-import { useToasts as He, ScalarToasts as Fe } from "@scalar/use-toasts";
-import { useMediaQuery as Ne, useResizeObserver as Ve, useDebounceFn as Ue } from "@vueuse/core";
-import Ye from "./ClassicHeader.vue.js";
-import Ke from "./GettingStarted.vue.js";
+import { defineComponent as me, computed as M, provide as S, ref as C, onBeforeMount as fe, onMounted as V, watch as I, toValue as U, onUnmounted as ve, useId as pe, createElementBlock as m, openBlock as a, Fragment as Y, createElementVNode as p, createVNode as f, normalizeStyle as ge, normalizeClass as he, unref as r, createCommentVNode as l, withDirectives as Se, createBlock as b, renderSlot as d, normalizeProps as g, guardReactiveProps as h, withCtx as s, vShow as be, createSlots as ye } from "vue";
+import { provideUseId as we } from "@headlessui/vue";
+import { OpenApiClientButton as ke } from "@scalar/api-client/components";
+import { LAYOUT_SYMBOL as $e } from "@scalar/api-client/hooks";
+import { WORKSPACE_SYMBOL as Me, ACTIVE_ENTITIES_SYMBOL as Te } from "@scalar/api-client/store";
+import { addScalarClassesToHeadless as De, ScalarErrorBoundary as Ce, ScalarSidebarFooter as Ee, ScalarColorModeToggleButton as Oe, ScalarColorModeToggleIcon as Ie } from "@scalar/components";
+import { sleep as Be } from "@scalar/helpers/testing/sleep";
+import { hasObtrusiveScrollbars as Le, getThemeStyles as Re } from "@scalar/themes";
+import { apiReferenceConfigurationSchema as _e } from "@scalar/types/api-reference";
+import { useBreakpoints as Ae } from "@scalar/use-hooks/useBreakpoints";
+import { useToasts as Pe, ScalarToasts as He } from "@scalar/use-toasts";
+import { useMediaQuery as Fe, useResizeObserver as Ne, useDebounceFn as Ve } from "@vueuse/core";
+import Ue from "./ClassicHeader.vue.js";
+import Ye from "./GettingStarted.vue.js";
+import { hasLazyLoaded as Ke } from "./Lazy/lazyBus.js";
 import ze from "./MobileHeader.vue.js";
-import { parse as Ge } from "../helpers/parse.js";
-import { CONFIGURATION_SYMBOL as Qe } from "../hooks/useConfig.js";
-import { useNavState as We } from "../hooks/useNavState.js";
-import { downloadEventBus as G, downloadDocument as je } from "../libs/download.js";
-import { createEmptySpecification as qe } from "../libs/openapi.js";
-import { useDocumentSource as Je } from "../features/document-source/hooks/useDocumentSource.js";
-import { OPENAPI_VERSION_SYMBOL as Xe } from "../features/download-link/openapi-version-symbol.js";
-import { useSidebar as Ze } from "../features/sidebar/hooks/useSidebar.js";
-import { PLUGIN_MANAGER_SYMBOL as xe } from "../plugins/hooks/usePluginManager.js";
-import { createPluginManager as et } from "../plugins/plugin-manager.js";
-import tt from "../features/sidebar/components/Sidebar.vue.js";
-import Q from "../features/Search/SearchButton.vue.js";
-import ot from "./Content/Content.vue.js";
-import rt from "../features/api-client-modal/ApiClientModal.vue.js";
-const at = ["innerHTML"], st = { class: "references-header" }, lt = ["aria-label"], nt = { class: "references-navigation-list" }, it = { key: 0 }, dt = {
+import { CONFIGURATION_SYMBOL as Ge } from "../hooks/useConfig.js";
+import { useNavState as Qe } from "../hooks/useNavState.js";
+import { downloadEventBus as K, downloadDocument as We } from "../libs/download.js";
+import { useDocumentSource as je } from "../features/document-source/hooks/useDocumentSource.js";
+import { OPENAPI_VERSION_SYMBOL as qe } from "../features/download-link/openapi-version-symbol.js";
+import { useSidebar as Je } from "../features/sidebar/hooks/useSidebar.js";
+import { PLUGIN_MANAGER_SYMBOL as Xe } from "../plugins/hooks/usePluginManager.js";
+import { createPluginManager as Ze } from "../plugins/plugin-manager.js";
+import xe from "../features/sidebar/components/Sidebar.vue.js";
+import z from "../features/Search/components/SearchButton.vue.js";
+import et from "./Content/Content.vue.js";
+import "./Content/Content.vue2.js";
+import tt from "../features/api-client-modal/ApiClientModal.vue.js";
+const ot = ["innerHTML"], rt = { class: "references-header" }, at = ["aria-label"], nt = { class: "references-navigation-list" }, lt = { key: 0 }, st = {
   key: 1,
   class: "scalar-api-references-standalone-search"
-}, ut = { key: 1 }, ct = { class: "references-editor" }, mt = { class: "references-editor-textarea" }, ft = ["aria-label"], vt = {
+}, it = { key: 1 }, dt = { class: "references-editor" }, ut = { class: "references-editor-textarea" }, ct = ["aria-label"], mt = {
   key: 0,
   class: "w-64 *:!p-0 empty:hidden"
-}, pt = {
+}, ft = {
   key: 0,
   class: "references-footer"
-}, Gt = /* @__PURE__ */ fe({
+}, Kt = /* @__PURE__ */ me({
   inheritAttrs: !1,
   __name: "ApiReferenceLayout",
   props: {
@@ -44,203 +44,190 @@ const at = ["innerHTML"], st = { class: "references-header" }, lt = ["aria-label
     dereferencedDocument: {},
     originalDocument: {},
     isDark: { type: Boolean },
-    parsedSpec: {},
-    rawSpec: {}
+    rawSpec: {},
+    store: {}
   },
   emits: ["changeTheme", "updateContent", "loadSwaggerFile", "linkSwaggerFile", "toggleDarkMode"],
-  setup(C) {
-    const t = T(
-      () => Ae.parse(C.configuration)
-    ), { initializeToasts: W, toast: j } = He();
-    W((e) => j(e));
+  setup(T) {
+    const t = M(
+      () => _e.parse(T.configuration)
+    ), { initializeToasts: G, toast: Q } = Pe();
+    G((e) => Q(e));
     const {
-      originalDocument: q,
-      originalOpenApiVersion: J,
-      dereferencedDocument: u,
-      workspaceStore: X,
-      activeEntitiesStore: Z
-    } = Je({
+      originalDocument: W,
+      originalOpenApiVersion: j,
+      dereferencedDocument: v,
+      workspaceStore: q,
+      activeEntitiesStore: J
+    } = je({
       configuration: t,
-      dereferencedDocument: C.dereferencedDocument,
-      originalDocument: C.originalDocument
+      dereferencedDocument: T.dereferencedDocument,
+      originalDocument: T.originalDocument
     });
-    S(Xe, J), S(Te, X), S(De, Z);
-    const x = Ne("(min-width: 1150px)"), ee = D("100dvh"), y = D(null);
-    Ve(y, (e) => {
-      ee.value = e[0].contentRect.height + "px";
+    S(qe, j), S(Me, q), S(Te, J);
+    const X = Fe("(min-width: 1150px)"), Z = C("100dvh"), y = C(null);
+    Ne(y, (e) => {
+      Z.value = e[0] ? e[0].contentRect.height + "px" : "100dvh";
     });
-    const te = T(Le), R = We(t), { isSidebarOpen: I, setCollapsedSidebarItem: L, scrollToOperation: oe, items: _ } = Ze(u, {
-      ...R,
+    const x = M(Le), B = Qe(t), { isSidebarOpen: E, setCollapsedSidebarItem: L, scrollToOperation: ee, items: te } = Je(v, {
+      ...B,
       config: t
     }), {
-      getReferenceId: re,
-      getPathRoutingId: ae,
-      getSectionId: se,
-      getTagId: le,
-      hash: E,
-      isIntersectionEnabled: A,
-      updateHash: P,
-      replaceUrlState: ne
-    } = R;
+      getReferenceId: oe,
+      getPathRoutingId: re,
+      getSectionId: ae,
+      getTagId: ne,
+      hash: D,
+      isIntersectionEnabled: R,
+      updateHash: _,
+      replaceUrlState: le
+    } = B;
     if (t.value.redirect && typeof window < "u") {
       const e = t.value.redirect(
         (t.value.pathRouting ? window.location.pathname : "") + window.location.hash
       );
       e && history.replaceState({}, "", e);
     }
-    ve(() => {
-      P(), Ce();
+    fe(() => {
+      _(), De();
     });
-    const H = async (e) => {
+    const A = async (e) => {
       var o;
-      A.value = !1, P(), e ? oe(e) : (o = y.value) == null || o.scrollTo(0, 0), await Re(100), A.value = !0;
-    }, F = D(0);
-    Y(() => {
-      var s, k, $;
+      R.value = !1, _(), e ? ee(e) : (o = y.value) == null || o.scrollTo(0, 0), await Be(100), R.value = !0;
+    }, P = C(0);
+    V(() => {
+      var n, w, k;
       history.scrollRestoration = "manual";
-      const e = (k = (s = y.value) == null ? void 0 : s.parentElement) == null ? void 0 : k.getBoundingClientRect(), o = ($ = y.value) == null ? void 0 : $.getBoundingClientRect();
+      const e = (w = (n = y.value) == null ? void 0 : n.parentElement) == null ? void 0 : w.getBoundingClientRect(), o = (k = y.value) == null ? void 0 : k.getBoundingClientRect();
       if (e && o) {
-        const M = o.top - e.top;
-        F.value = M < 2 ? 0 : M;
+        const $ = o.top - e.top;
+        P.value = $ < 2 ? 0 : $;
       }
       window.onhashchange = () => {
-        H(re());
-      }, window.onpopstate = () => t.value.pathRouting && H(ae(window.location.pathname)), window.addEventListener("scroll", N, { passive: !0 });
+        A(oe());
+      }, window.onpopstate = () => t.value.pathRouting && A(re(window.location.pathname)), window.addEventListener("scroll", H, { passive: !0 });
     });
-    const ie = T(
-      () => x.value || !t.value.isEditable
-    ), N = Ue(() => {
-      window.scrollY < 50 && ne("");
-    }), de = D(!1);
-    O(u, (e) => {
+    const se = M(
+      () => X.value || !t.value.isEditable
+    ), H = Ve(() => {
+      window.scrollY < 50 && Ke.value && le("");
+    }), ie = C(!1);
+    I(v, (e) => {
       var o;
-      if (E.value) {
-        const s = se(E.value);
-        s && L(s, !0);
+      if (D.value) {
+        const n = ae(D.value);
+        n && L(n, !0);
       } else {
-        const s = (o = e.tags) == null ? void 0 : o[0];
-        s && L(le(s), !0);
+        const n = (o = e.tags) == null ? void 0 : o[0];
+        n && L(ne(n), !0);
       }
-      de.value = !0;
+      ie.value = !0;
     });
-    const w = D(qe());
-    O(
-      u,
-      async (e) => {
-        if (!e)
-          return;
-        const o = await Ge(e, _.value.entries);
-        w.value = o;
-      },
-      { immediate: !0 }
-    );
-    const c = T(() => {
+    const u = M(() => {
       var e;
       return {
-        spec: w.value,
-        breadcrumb: ((e = _.value) == null ? void 0 : e.titles.get(E.value)) ?? ""
+        breadcrumb: ((e = te.value) == null ? void 0 : e.titles.get(D.value)) ?? ""
       };
     });
-    Y(
-      () => G.on(({ filename: e, format: o }) => {
-        je(
-          K(q) || K(C.rawSpec) || "",
+    V(
+      () => K.on(({ filename: e, format: o }) => {
+        We(
+          U(W) || U(T.rawSpec) || "",
           e,
           o
         );
       })
-    ), pe(() => {
-      window.removeEventListener("scroll", N), G.reset();
-    }), ke(() => ge()), S(Me, "modal"), S(Qe, t), S(
-      xe,
-      et({
+    ), ve(() => {
+      window.removeEventListener("scroll", H), K.reset();
+    }), we(() => pe()), S($e, "modal"), S(Ge, t), S(
+      Xe,
+      Ze({
         plugins: t.value.plugins
       })
     );
-    const ue = T(
+    const de = M(
       () => `<style>
-  ${_e(t.value.theme, {
+  ${Re(t.value.theme, {
         fonts: t.value.withDefaultFonts
       })}</style>`
-    ), { mediaQueries: ce } = Pe(), me = !1;
-    return O(ce.lg, (e, o) => {
-      o && !e && (I.value = !1);
-    }), O(E, (e, o) => {
-      e && e !== o && (I.value = !1);
+    ), { mediaQueries: ue } = Ae(), ce = !1;
+    return I(ue.lg, (e, o) => {
+      o && !e && (E.value = !1);
+    }), I(D, (e, o) => {
+      e && e !== o && (E.value = !1);
     }), (e, o) => {
-      var s, k, $, M, V;
-      return a(), f(z, null, [
-        p("div", { innerHTML: ue.value }, null, 8, at),
+      var n, w, k, $, F;
+      return a(), m(Y, null, [
+        p("div", { innerHTML: de.value }, null, 8, ot),
         p("div", {
           ref_key: "documentEl",
           ref: y,
-          class: Se(["scalar-app scalar-api-reference references-layout", [
+          class: he(["scalar-app scalar-api-reference references-layout", [
             {
               "scalar-api-references-standalone-mobile": t.value.showSidebar ?? !0,
-              "scalar-scrollbars-obtrusive": te.value,
+              "scalar-scrollbars-obtrusive": x.value,
               "references-editable": t.value.isEditable,
               "references-sidebar": t.value.showSidebar,
-              "references-sidebar-mobile-open": r(I),
+              "references-sidebar-mobile-open": r(E),
               "references-classic": t.value.layout === "classic"
             },
             e.$attrs.class
           ]]),
-          style: he({
-            "--scalar-y-offset": `var(--scalar-custom-header-height, ${F.value}px)`
+          style: ge({
+            "--scalar-y-offset": `var(--scalar-custom-header-height, ${P.value}px)`
           })
         }, [
-          p("div", st, [
+          p("div", rt, [
             t.value.layout === "modern" && (t.value.showSidebar ?? !0) ? (a(), b(ze, {
               key: 0,
-              breadcrumb: c.value.breadcrumb
+              breadcrumb: u.value.breadcrumb
             }, null, 8, ["breadcrumb"])) : l("", !0),
-            d(e.$slots, "header", g(h(c.value)), void 0, !0)
+            d(e.$slots, "header", g(h(u.value)), void 0, !0)
           ]),
-          t.value.showSidebar ? (a(), f("aside", {
+          t.value.showSidebar ? (a(), m("aside", {
             key: 0,
-            "aria-label": `Sidebar for ${(k = (s = r(u)) == null ? void 0 : s.info) == null ? void 0 : k.title}`,
+            "aria-label": `Sidebar for ${(w = (n = r(v)) == null ? void 0 : n.info) == null ? void 0 : w.title}`,
             class: "references-navigation t-doc__sidebar"
           }, [
             p("div", nt, [
-              v(r(Ee), null, {
-                default: n(() => {
-                  var i, m;
+              f(r(Ce), null, {
+                default: s(() => {
+                  var i, c;
                   return [
-                    v(r(tt), {
-                      title: ((m = (i = r(u)) == null ? void 0 : i.info) == null ? void 0 : m.title) ?? "The OpenAPI Schema"
+                    f(r(xe), {
+                      title: ((c = (i = r(v)) == null ? void 0 : i.info) == null ? void 0 : c.title) ?? "The OpenAPI Schema"
                     }, {
-                      "sidebar-start": n(() => {
-                        var B, U;
+                      "sidebar-start": s(() => {
+                        var O, N;
                         return [
-                          e.$slots["document-selector"] ? (a(), f("div", it, [
+                          e.$slots["document-selector"] ? (a(), m("div", lt, [
                             d(e.$slots, "document-selector", {}, void 0, !0)
                           ])) : l("", !0),
-                          t.value.hideSearch ? l("", !0) : (a(), f("div", dt, [
-                            v(r(Q), {
-                              searchHotKey: (B = t.value) == null ? void 0 : B.searchHotKey,
-                              hideModels: (U = t.value) == null ? void 0 : U.hideModels,
-                              spec: w.value
-                            }, null, 8, ["searchHotKey", "hideModels", "spec"])
+                          t.value.hideSearch ? l("", !0) : (a(), m("div", st, [
+                            f(r(z), {
+                              searchHotKey: (O = t.value) == null ? void 0 : O.searchHotKey,
+                              hideModels: (N = t.value) == null ? void 0 : N.hideModels
+                            }, null, 8, ["searchHotKey", "hideModels"])
                           ])),
-                          d(e.$slots, "sidebar-start", g(h(c.value)), void 0, !0)
+                          d(e.$slots, "sidebar-start", g(h(u.value)), void 0, !0)
                         ];
                       }),
-                      "sidebar-end": n(() => [
-                        d(e.$slots, "sidebar-end", g(h(c.value)), () => [
-                          v(r(Oe), { class: "darklight-reference" }, {
-                            toggle: n(() => [
-                              t.value.hideDarkModeToggle ? (a(), f("span", ut)) : (a(), b(r(Ie), {
+                      "sidebar-end": s(() => [
+                        d(e.$slots, "sidebar-end", g(h(u.value)), () => [
+                          f(r(Ee), { class: "darklight-reference" }, {
+                            toggle: s(() => [
+                              t.value.hideDarkModeToggle ? (a(), m("span", it)) : (a(), b(r(Oe), {
                                 key: 0,
                                 modelValue: e.isDark,
-                                "onUpdate:modelValue": o[0] || (o[0] = (B) => e.$emit("toggleDarkMode"))
+                                "onUpdate:modelValue": o[0] || (o[0] = (O) => e.$emit("toggleDarkMode"))
                               }, null, 8, ["modelValue"]))
                             ]),
-                            default: n(() => [
-                              t.value.hideClientButton ? l("", !0) : (a(), b(r($e), {
+                            default: s(() => [
+                              t.value.hideClientButton ? l("", !0) : (a(), b(r(ke), {
                                 key: 0,
                                 buttonSource: "sidebar",
                                 integration: t.value._integration,
-                                isDevelopment: me,
+                                isDevelopment: ce,
                                 url: t.value.url
                               }, null, 8, ["integration", "url"]))
                             ]),
@@ -255,29 +242,29 @@ const at = ["innerHTML"], st = { class: "references-header" }, lt = ["aria-label
                 _: 3
               })
             ])
-          ], 8, lt)) : l("", !0),
-          be(p("div", ct, [
-            p("div", mt, [
-              d(e.$slots, "editor", g(h(c.value)), void 0, !0)
+          ], 8, at)) : l("", !0),
+          Se(p("div", dt, [
+            p("div", ut, [
+              d(e.$slots, "editor", g(h(u.value)), void 0, !0)
             ])
           ], 512), [
-            [ye, t.value.isEditable]
+            [be, t.value.isEditable]
           ]),
-          ie.value ? (a(), f(z, { key: 1 }, [
+          se.value ? (a(), m(Y, { key: 1 }, [
             p("main", {
-              "aria-label": `Open API Documentation for ${(M = ($ = r(u)) == null ? void 0 : $.info) == null ? void 0 : M.title}`,
+              "aria-label": `Open API Documentation for ${($ = (k = r(v)) == null ? void 0 : k.info) == null ? void 0 : $.title}`,
               class: "references-rendered"
             }, [
-              v(r(ot), {
-                layout: t.value.layout,
-                document: r(u),
-                parsedSpec: w.value
-              }, we({
-                start: n(() => [
-                  d(e.$slots, "content-start", g(h(c.value)), () => [
-                    t.value.layout === "classic" ? (a(), b(Ye, { key: 0 }, {
-                      "dark-mode-toggle": n(() => [
-                        t.value.hideDarkModeToggle ? l("", !0) : (a(), b(r(Be), {
+              f(r(et), {
+                document: r(v),
+                config: t.value,
+                store: e.store
+              }, ye({
+                start: s(() => [
+                  d(e.$slots, "content-start", g(h(u.value)), () => [
+                    t.value.layout === "classic" ? (a(), b(Ue, { key: 0 }, {
+                      "dark-mode-toggle": s(() => [
+                        t.value.hideDarkModeToggle ? l("", !0) : (a(), b(r(Ie), {
                           key: 0,
                           class: "text-c-2 hover:text-c-1",
                           mode: e.isDark ? "dark" : "light",
@@ -286,62 +273,61 @@ const at = ["innerHTML"], st = { class: "references-header" }, lt = ["aria-label
                           onClick: o[1] || (o[1] = (i) => e.$emit("toggleDarkMode"))
                         }, null, 8, ["mode"]))
                       ]),
-                      default: n(() => {
+                      default: s(() => {
                         var i;
                         return [
-                          e.$slots["document-selector"] ? (a(), f("div", vt, [
+                          e.$slots["document-selector"] ? (a(), m("div", mt, [
                             d(e.$slots, "document-selector", {}, void 0, !0)
                           ])) : l("", !0),
-                          t.value.hideSearch ? l("", !0) : (a(), b(r(Q), {
+                          t.value.hideSearch ? l("", !0) : (a(), b(r(z), {
                             key: 1,
                             class: "t-doc__sidebar max-w-64",
                             searchHotKey: t.value.searchHotKey,
-                            hideModels: (i = t.value) == null ? void 0 : i.hideModels,
-                            spec: w.value
-                          }, null, 8, ["searchHotKey", "hideModels", "spec"]))
+                            hideModels: (i = t.value) == null ? void 0 : i.hideModels
+                          }, null, 8, ["searchHotKey", "hideModels"]))
                         ];
                       }),
                       _: 3
                     })) : l("", !0)
                   ], !0)
                 ]),
-                end: n(() => [
-                  d(e.$slots, "content-end", g(h(c.value)), void 0, !0)
+                end: s(() => [
+                  d(e.$slots, "content-end", g(h(u.value)), void 0, !0)
                 ]),
                 _: 2
               }, [
-                (V = t.value) != null && V.isEditable ? {
+                (F = t.value) != null && F.isEditable ? {
                   name: "empty-state",
-                  fn: n(() => {
+                  fn: s(() => {
                     var i;
                     return [
-                      v(Ke, {
+                      f(Ye, {
                         theme: ((i = t.value) == null ? void 0 : i.theme) || "default",
-                        onChangeTheme: o[2] || (o[2] = (m) => e.$emit("changeTheme", m)),
-                        onLinkSwaggerFile: o[3] || (o[3] = (m) => e.$emit("linkSwaggerFile")),
-                        onLoadSwaggerFile: o[4] || (o[4] = (m) => e.$emit("loadSwaggerFile")),
-                        onUpdateContent: o[5] || (o[5] = (m) => e.$emit("updateContent", m))
+                        onChangeTheme: o[2] || (o[2] = (c) => e.$emit("changeTheme", c)),
+                        onLinkSwaggerFile: o[3] || (o[3] = (c) => e.$emit("linkSwaggerFile")),
+                        onLoadSwaggerFile: o[4] || (o[4] = (c) => e.$emit("loadSwaggerFile")),
+                        onUpdateContent: o[5] || (o[5] = (c) => e.$emit("updateContent", c))
                       }, null, 8, ["theme"])
                     ];
                   }),
                   key: "0"
                 } : void 0
-              ]), 1032, ["layout", "document", "parsedSpec"])
-            ], 8, ft),
-            e.$slots.footer ? (a(), f("div", pt, [
-              d(e.$slots, "footer", g(h(c.value)), void 0, !0)
+              ]), 1032, ["document", "config", "store"])
+            ], 8, ct),
+            e.$slots.footer ? (a(), m("div", ft, [
+              d(e.$slots, "footer", g(h(u.value)), void 0, !0)
             ])) : l("", !0)
           ], 64)) : l("", !0),
-          v(r(rt), {
+          f(r(tt), {
             configuration: t.value,
-            dereferencedDocument: r(u)
+            dereferencedDocument: r(v)
           }, null, 8, ["configuration", "dereferencedDocument"])
         ], 6),
-        v(r(Fe))
+        f(r(He))
       ], 64);
     };
   }
 });
 export {
-  Gt as default
+  Kt as default
 };

package/dist/components/ApiReferenceLayout.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/components/ApiReferenceLayout.vue4.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/components/ApiReferenceLayout.vue5.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/components/ApiReferenceLayout.vue6.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/components/Badge/Badge.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, renderSlot as r } from "vue";
-/* empty css           */
+import "./Badge.vue2.js";
 import c from "../../_virtual/_plugin-vue_export-helper.js";
 const d = {}, n = { class: "badge" };
 function s(e, a) {

package/dist/components/Badge/Badge.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/components/ClassicHeader.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock as c, openBlock as t, createElementVNode as s, renderSlot as r } from "vue";
-/* empty css                   */
+import "./ClassicHeader.vue2.js";
 import o from "../_virtual/_plugin-vue_export-helper.js";
 const n = {}, d = { class: "references-classic-header-container" }, a = { class: "references-classic-header" }, i = { class: "references-classic-header-content" };
 function l(e, _) {

package/dist/components/ClassicHeader.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.d.ts

@@ -1,3 +1,16 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { AvailableClients } from '@scalar/snippetz';
+import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/schemas/workspace';
+import type { ClientOptionGroup } from '../../../v2/blocks/scalar-request-example-block/types';
+type __VLS_Props = {
+    /** Current document from the store */
+    document: WorkspaceDocument;
+    /** Computed list of all available Http Client options */
+    clientOptions: ClientOptionGroup[];
+    /** The currently selected Http Client */
+    selectedClient?: AvailableClients[number];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    wrapper: HTMLDivElement;
+}, any>;
 export default _default;
 //# sourceMappingURL=ClientLibraries.vue.d.ts.map

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientLibraries.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientLibraries.vue"],"names":[],"mappings":";AA2dA,wBAKG"}
+{"version":3,"file":"ClientLibraries.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientLibraries.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAA;AAI1F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAQvF,KAAK,WAAW,GAAG;IACjB,sCAAsC;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,yDAAyD;IACzD,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC1C,CAAC;;;;AA8PF,wBAOG"}

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.js

@@ -1,7 +1,7 @@
 import o from "./ClientLibraries.vue2.js";
-/* empty css                     */
+import "./ClientLibraries.vue3.js";
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d0decf3e"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-798b4d3b"]]);
 export {
-  a as default
+  e as default
 };