@scalar/api-reference 1.32.10 → 1.34.0

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

@@ -1,122 +1,112 @@
-import { defineComponent as K, ref as P, useId as y, watch as w, onMounted as B, computed as D, createElementBlock as l, createCommentVNode as _, unref as e, openBlock as n, createVNode as i, withCtx as m, createElementVNode as F, Fragment as h, normalizeClass as V, renderList as A, createBlock as H, createTextVNode as R, toDisplayString as p } from "vue";
-import { TabGroup as M, TabList as O, TabPanels as j, TabPanel as z } from "@headlessui/vue";
-import { useWorkspace as G } from "@scalar/api-client/store";
-import { ScalarMarkdown as J, ScalarCodeBlock as W } from "@scalar/components";
-import { REFERENCE_LS_KEYS as Y } from "@scalar/helpers/object/local-storage";
-import { useHttpClientStore as q } from "../../../stores/useHttpClientStore.js";
-import Q from "./ClientSelector.vue.js";
-import { useFeaturedHttpClients as U } from "./useFeaturedHttpClients.js";
-const Z = { key: 0 }, $ = ["id"], X = {
+import { defineComponent as O, useId as h, computed as p, useTemplateRef as w, createElementBlock as a, createCommentVNode as C, openBlock as i, createVNode as r, unref as t, withCtx as m, createElementVNode as I, Fragment as g, normalizeClass as E, renderList as N, createBlock as P, createTextVNode as _, toDisplayString as k } from "vue";
+import { TabGroup as B, TabList as F, TabPanels as V, TabPanel as A } from "@headlessui/vue";
+import { ScalarMarkdown as S, ScalarCodeBlock as D } from "@scalar/components";
+import { DEFAULT_CLIENT as M } from "../../../v2/blocks/scalar-request-example-block/helpers/find-client.js";
+import { emitCustomEvent as R } from "../../../v2/events/definitions.js";
+import z from "./ClientSelector.vue.js";
+import { getFeaturedClients as G, isFeaturedClient as K } from "./featured-clients.js";
+const U = {
+  key: 0,
+  ref: "wrapper"
+}, j = ["id"], q = {
   key: 1,
   class: "selected-client card-footer border-t-0 p-0",
   role: "tabpanel",
   tabindex: "1"
-}, ee = ["id"], de = /* @__PURE__ */ K({
+}, H = ["id"], ee = /* @__PURE__ */ O({
   __name: "ClientLibraries",
-  setup(te) {
-    const {
-      availableTargets: T,
-      httpTargetTitle: E,
-      httpClientTitle: k,
-      getClientTitle: x,
-      getTargetTitle: L,
-      httpClient: a,
-      setHttpClient: b
-    } = q(), { featuredClients: d, isFeatured: S } = U(), I = G(), g = P(0), C = y(), v = y();
-    w(
-      a,
-      (t) => {
-        t && (g.value = d.findIndex(
-          (o) => o.targetKey === t.targetKey && o.clientKey === t.clientKey
-        ));
-      },
-      { immediate: !0 }
-    );
-    function N(t) {
-      const o = d[t];
-      o && b(o);
-    }
-    B(() => {
-      const t = localStorage.getItem(
-        Y.SELECTED_CLIENT_DEPRECATED
-      );
-      t && b(JSON.parse(t));
-    });
-    const r = D(() => {
-      var c;
-      const t = Object.values(I.collections)[0], o = (c = t == null ? void 0 : t.info) == null ? void 0 : c["x-scalar-sdk-installation"];
-      if (!Array.isArray(o) || !(o != null && o.length))
+  props: {
+    document: {},
+    clientOptions: {},
+    selectedClient: { default: () => M }
+  },
+  setup(o) {
+    const v = h(), b = h(), x = p(
+      () => o.clientOptions.flatMap(
+        (e) => e.options.find((n) => n.id === o.selectedClient) ?? []
+      )[0]
+    ), d = p(() => G(o.clientOptions)), T = p(
+      () => d.value.findIndex(
+        (e) => o.selectedClient === e.id
+      )
+    ), y = w("wrapper"), L = (e) => {
+      const n = d.value[e];
+      !n || !y.value || R(y.value, "scalar-update-selected-client", n.id);
+    }, l = p(() => {
+      const e = o.document.info["x-scalar-sdk-installation"];
+      if (!Array.isArray(e) || !(e != null && e.length))
         return;
-      const s = o.find(
-        (u) => {
-          var f;
-          return u.lang.toLowerCase() === ((f = a == null ? void 0 : a.targetKey) == null ? void 0 : f.toLowerCase());
-        }
-      );
-      if (s)
-        return s;
+      const n = e.find((u) => {
+        var s, c;
+        const f = (c = (s = o.selectedClient) == null ? void 0 : s.split("/")[0]) == null ? void 0 : c.toLowerCase();
+        return u.lang.toLowerCase() === f;
+      });
+      if (n)
+        return n;
     });
-    return (t, o) => e(T).length ? (n(), l("div", Z, [
-      i(e(M), {
+    return (e, n) => e.clientOptions.length ? (i(), a("div", U, [
+      r(t(B), {
         manual: "",
-        selectedIndex: g.value,
-        onChange: N
+        selectedIndex: T.value,
+        onChange: L
       }, {
         default: m(() => [
-          F("div", {
-            id: e(C),
+          I("div", {
+            id: t(v),
             class: "client-libraries-heading"
-          }, " Client Libraries ", 8, $),
-          i(e(O), {
-            "aria-labelledby": e(C),
+          }, " Client Libraries ", 8, j),
+          r(t(F), {
+            "aria-labelledby": t(v),
             class: "client-libraries-list"
           }, {
             default: m(() => [
-              i(Q, {
-                featured: e(d),
-                morePanel: e(v)
-              }, null, 8, ["featured", "morePanel"])
+              r(z, {
+                clientOptions: e.clientOptions,
+                featuredClients: d.value,
+                selectedClient: e.selectedClient,
+                morePanel: t(b)
+              }, null, 8, ["clientOptions", "featuredClients", "selectedClient", "morePanel"])
             ]),
             _: 1
           }, 8, ["aria-labelledby"]),
-          i(e(j), null, {
+          r(t(V), null, {
             default: m(() => {
-              var s, c;
+              var u, f, s;
               return [
-                (s = r.value) != null && s.source || (c = r.value) != null && c.description ? (n(), l(h, { key: 0 }, [
-                  r.value.description ? (n(), l("div", {
+                (u = l.value) != null && u.source || (f = l.value) != null && f.description ? (i(), a(g, { key: 0 }, [
+                  l.value.description ? (i(), a("div", {
                     key: 0,
-                    class: V(["selected-client card-footer -outline-offset-2", r.value.source && "rounded-b-none"]),
+                    class: E(["selected-client card-footer -outline-offset-2", l.value.source && "rounded-b-none"]),
                     role: "tabpanel",
                     tabindex: "0"
                   }, [
-                    i(e(J), {
-                      value: r.value.description
+                    r(t(S), {
+                      value: l.value.description
                     }, null, 8, ["value"])
-                  ], 2)) : _("", !0),
-                  r.value.source ? (n(), l("div", X, [
-                    i(e(W), {
+                  ], 2)) : C("", !0),
+                  l.value.source ? (i(), a("div", q, [
+                    r(t(D), {
                       lang: "shell",
-                      content: r.value.source,
+                      content: l.value.source,
                       copy: !0,
                       class: "rounded-t-none rounded-b-lg px-3 py-2 -outline-offset-1 has-focus:outline"
                     }, null, 8, ["content"])
-                  ])) : _("", !0)
-                ], 64)) : e(a) && e(S)(e(a)) ? (n(!0), l(h, { key: 1 }, A(e(d), (u, f) => (n(), H(e(z), {
-                  key: f,
+                  ])) : C("", !0)
+                ], 64)) : t(K)(e.selectedClient) ? (i(!0), a(g, { key: 1 }, N(d.value, (c) => (i(), P(t(A), {
+                  key: c.id,
                   class: "selected-client card-footer -outline-offset-2"
                 }, {
                   default: m(() => [
-                    R(p(e(x)(u)) + " " + p(e(L)(u)), 1)
+                    _(k(c.title), 1)
                   ]),
                   _: 2
-                }, 1024))), 128)) : (n(), l("div", {
+                }, 1024))), 128)) : (i(), a("div", {
                   key: 2,
-                  id: e(v),
+                  id: t(b),
                   class: "selected-client card-footer -outline-offset-2",
                   role: "tabpanel",
                   tabindex: "0"
-                }, p(e(k)) + " " + p(e(E)), 9, ee))
+                }, k((s = x.value) == null ? void 0 : s.title), 9, H))
               ];
             }),
             _: 1
@@ -124,9 +114,9 @@ const Z = { key: 0 }, $ = ["id"], X = {
         ]),
         _: 1
       }, 8, ["selectedIndex"])
-    ])) : _("", !0);
+    ], 512)) : C("", !0);
   }
 });
 export {
-  de as default
+  ee as default
 };

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

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

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

@@ -1,4 +1,12 @@
+import type { AvailableClients } from '@scalar/types/snippetz';
+import type { ClientOption, ClientOptionGroup } from '../../../v2/blocks/scalar-request-example-block/types';
 type __VLS_Props = {
+    /** Client options */
+    clientOptions: ClientOptionGroup[];
+    /** The currently selected Http Client */
+    selectedClient?: AvailableClients[number];
+    /** List of featured clients */
+    featuredClients: ClientOption[];
     /** The id of the tab panel that contains for the non featured clients */
     morePanel?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ClientSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientSelector.vue"],"names":[],"mappings":"AA8RA,KAAK,WAAW,GAAG;IACjB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;AA6MF,wBAOG"}
+{"version":3,"file":"ClientSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientSelector.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,gBAAgB,EAAY,MAAM,wBAAwB,CAAA;AAIxE,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EAClB,MAAM,gDAAgD,CAAA;AAOvD,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC,+BAA+B;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAA;IAC/B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;AAmNF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./ClientSelector.vue2.js";
-/* empty css                    */
+import "./ClientSelector.vue3.js";
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-82c08547"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-691dcb64"]]);
 export {
   m as default
 };

package/dist/components/Content/ClientLibraries/ClientSelector.vue2.js

@@ -1,12 +1,14 @@
-import { defineComponent as S, ref as w, createElementBlock as r, openBlock as l, createElementVNode as n, Fragment as u, renderList as p, unref as e, createBlock as x, normalizeClass as c, withCtx as N, createVNode as g, toDisplayString as b, createCommentVNode as B } from "vue";
-import { Tab as T } from "@headlessui/vue";
-import { ScalarIcon as f } from "@scalar/components";
-import { useFeaturedHttpClients as $ } from "./useFeaturedHttpClients.js";
-import { useHttpClientStore as M } from "../../../stores/useHttpClientStore.js";
-const F = { class: "client-libraries-text" }, H = ["aria-controls", "value"], I = ["label"], J = ["aria-label", "value"], O = {
+import { defineComponent as y, ref as _, computed as k, createElementBlock as s, openBlock as i, createVNode as m, Fragment as h, renderList as w, createBlock as p, unref as n, normalizeClass as a, withCtx as u, createElementVNode as r, toDisplayString as V, createCommentVNode as f } from "vue";
+import { Tab as B } from "@headlessui/vue";
+import { ScalarIcon as b, ScalarCombobox as S } from "@scalar/components";
+import { freezeElement as z } from "@scalar/helpers/dom/freeze-element";
+import { findClient as E } from "../../../v2/blocks/scalar-request-example-block/helpers/find-client.js";
+import { emitCustomEvent as K } from "../../../v2/events/definitions.js";
+import { isFeaturedClient as g } from "./featured-clients.js";
+const M = { class: "client-libraries-text" }, O = {
   "aria-hidden": "true",
   class: "client-libraries-icon__more"
-}, V = {
+}, T = {
   key: 1,
   class: "client-libraries-icon",
   height: "50",
@@ -14,101 +16,100 @@ const F = { class: "client-libraries-text" }, H = ["aria-controls", "value"], I
   viewBox: "0 0 50 50",
   width: "50",
   xmlns: "http://www.w3.org/2000/svg"
-}, j = {
+}, N = {
   key: 0,
   class: "client-libraries-text client-libraries-text-more"
-}, q = /* @__PURE__ */ S({
+}, P = /* @__PURE__ */ y({
   __name: "ClientSelector",
   props: {
+    clientOptions: {},
+    selectedClient: {},
+    featuredClients: {},
     morePanel: {}
   },
-  setup(z) {
-    const {
-      httpClient: i,
-      setHttpClient: v,
-      availableTargets: y,
-      getClientTitle: d,
-      getTargetTitle: k
-    } = M(), { featuredClients: K, isFeatured: _ } = $(), C = w(), m = (s) => `programming-language-${s === "js" ? "javascript" : s}`, h = (s) => s.targetKey === i.targetKey && s.clientKey === i.clientKey;
-    return (s, a) => (l(), r("div", {
+  setup(v) {
+    const o = _(), d = (e) => `programming-language-${e === "js" ? "javascript" : e}`, C = (e) => {
+      if (!o.value)
+        return;
+      const t = z(o.value);
+      setTimeout(() => {
+        t();
+      }, 300), K(
+        o.value,
+        "scalar-update-selected-client",
+        e.id
+      );
+    }, c = k(
+      () => {
+        var e;
+        return (e = v.selectedClient) == null ? void 0 : e.split("/")[0];
+      }
+    );
+    return (e, t) => (i(), s("div", {
       ref_key: "containerRef",
-      ref: C,
+      ref: o,
       class: "client-libraries-content"
     }, [
-      (l(!0), r(u, null, p(e(K), (t) => (l(), x(e(T), {
-        key: t.clientKey,
-        class: c(["client-libraries rendered-code-sdks", {
-          "client-libraries__active": h(t)
+      (i(!0), s(h, null, w(e.featuredClients, (l) => (i(), p(n(B), {
+        key: l.clientKey,
+        class: a(["client-libraries rendered-code-sdks", {
+          "client-libraries__active": l.id === e.selectedClient
         }])
       }, {
-        default: N(() => [
-          n("div", {
-            class: c(`client-libraries-icon__${t.targetKey}`)
+        default: u(() => [
+          r("div", {
+            class: a(`client-libraries-icon__${l.targetKey}`)
           }, [
-            g(e(f), {
+            m(n(b), {
               class: "client-libraries-icon",
-              icon: m(t.targetKey)
+              icon: d(l.targetKey)
             }, null, 8, ["icon"])
           ], 2),
-          n("span", F, b(e(k)(t)), 1)
+          r("span", M, V(l.targetTitle), 1)
         ]),
         _: 2
       }, 1032, ["class"]))), 128)),
-      n("label", {
-        class: c(["client-libraries client-libraries__select", {
-          "client-libraries__active": e(i) && !e(_)(e(i))
-        }])
-      }, [
-        n("select", {
-          "aria-controls": s.morePanel,
-          class: "language-select",
-          value: JSON.stringify(e(i)),
-          onInput: a[0] || (a[0] = (t) => e(v)(JSON.parse(t.target.value)))
-        }, [
-          (l(!0), r(u, null, p(e(y), (t) => (l(), r("optgroup", {
-            key: t.key,
-            label: t.title
-          }, [
-            (l(!0), r(u, null, p(t.clients, (o) => (l(), r("option", {
-              key: o.client,
-              "aria-label": `${t.title} ${e(d)({
-                targetKey: t.key,
-                clientKey: o.client
-              })}`,
-              value: JSON.stringify({
-                targetKey: t.key,
-                clientKey: o.client
-              })
-            }, b(e(d)({
-              targetKey: t.key,
-              clientKey: o.client
-            })), 9, J))), 128))
-          ], 8, I))), 128))
-        ], 40, H),
-        n("div", O, [
-          e(i) && !e(_)(e(i)) ? (l(), r("div", {
-            key: 0,
-            class: c(`client-libraries-icon__${e(i).targetKey}`)
+      m(n(S), {
+        options: e.clientOptions,
+        modelValue: n(E)(e.clientOptions, e.selectedClient),
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => C(l)),
+        placement: "bottom-end",
+        teleport: ""
+      }, {
+        default: u(() => [
+          r("button", {
+            class: a(["client-libraries client-libraries__select", {
+              "client-libraries__active": e.selectedClient && !n(g)(e.selectedClient)
+            }])
           }, [
-            g(e(f), {
-              class: "client-libraries-icon",
-              icon: m(e(i).targetKey)
-            }, null, 8, ["icon"])
-          ], 2)) : (l(), r("svg", V, a[1] || (a[1] = [
-            n("g", {
-              fill: "currentColor",
-              "fill-rule": "nonzero"
-            }, [
-              n("path", { d: "M10.71 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M21.13 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M31.55 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0" })
-            ], -1)
-          ])))
+            r("div", O, [
+              e.selectedClient && !n(g)(e.selectedClient) ? (i(), s("div", {
+                key: 0,
+                class: a(`client-libraries-icon__${c.value}`)
+              }, [
+                c.value ? (i(), p(n(b), {
+                  key: 0,
+                  class: "client-libraries-icon",
+                  icon: d(c.value)
+                }, null, 8, ["icon"])) : f("", !0)
+              ], 2)) : (i(), s("svg", T, t[1] || (t[1] = [
+                r("g", {
+                  fill: "currentColor",
+                  "fill-rule": "nonzero"
+                }, [
+                  r("path", { d: "M10.71 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M21.13 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M31.55 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0" })
+                ], -1)
+              ])))
+            ]),
+            e.clientOptions.length ? (i(), s("span", N, " More ")) : f("", !0),
+            t[2] || (t[2] = r("span", { class: "sr-only" }, "Select from all clients", -1))
+          ], 2)
         ]),
-        e(y).length ? (l(), r("span", j, " More ")) : B("", !0),
-        a[2] || (a[2] = n("span", { class: "sr-only" }, "Select from all clients", -1))
-      ], 2)
+        _: 1
+      }, 8, ["options", "modelValue"])
     ], 512));
   }
 });
 export {
-  q as default
+  P as default
 };

package/dist/components/Content/ClientLibraries/ClientSelector.vue3.js

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

package/dist/components/Content/ClientLibraries/featured-clients.d.ts

@@ -0,0 +1,11 @@
+import type { ClientOption, ClientOptionGroup } from '../../../v2/blocks/scalar-request-example-block/types';
+import type { AvailableClients } from '@scalar/snippetz';
+/** Whether or not a client is in the featured list */
+export declare const isFeaturedClient: (clientId: AvailableClients[number] | undefined, featuredClients?: AvailableClients[number][]) => boolean;
+/**
+ * Maps featured client IDs to their corresponding ClientOption objects.
+ * Returns an array of ClientOption objects that match the featured clients list,
+ * maintaining the order of the featured clients.
+ */
+export declare const getFeaturedClients: (clientOptions: ClientOptionGroup[], featuredClients?: AvailableClients[number][]) => ClientOption[];
+//# sourceMappingURL=featured-clients.d.ts.map

package/dist/components/Content/ClientLibraries/featured-clients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"featured-clients.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/featured-clients.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AACrG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAWxD,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,aACjB,gBAAgB,CAAC,MAAM,CAAC,GAAG,SAAS,oBAC7B,gBAAgB,CAAC,MAAM,CAAC,EAAE,YACmD,CAAA;AAEhG;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,kBACd,iBAAiB,EAAE,oBACjB,gBAAgB,CAAC,MAAM,CAAC,EAAE,KAC1C,YAAY,EAgBd,CAAA"}

package/dist/components/Content/ClientLibraries/featured-clients.js

@@ -0,0 +1,17 @@
+const c = [
+  "shell/curl",
+  "ruby/native",
+  "node/undici",
+  "php/guzzle",
+  "python/python3"
+], i = (t, n = c) => !!(t && n.includes(t)), r = (t, n = c) => {
+  const s = /* @__PURE__ */ new Map();
+  for (const o of t)
+    for (const e of o.options)
+      s.set(e.id, e);
+  return n.flatMap((o) => s.get(o) ?? []);
+};
+export {
+  r as getFeaturedClients,
+  i as isFeaturedClient
+};

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

@@ -1,9 +1,10 @@
 import type { OpenAPIV3_1 } from '@scalar/openapi-types';
-import type { Spec } from '@scalar/types/legacy';
+import type { ApiReferenceConfiguration } from '@scalar/types';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
 type __VLS_Props = {
     document: OpenAPIV3_1.Document;
-    parsedSpec: Spec;
-    layout?: 'modern' | 'classic';
+    config: ApiReferenceConfiguration;
+    store: WorkspaceStore;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -16,9 +17,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    layout: "modern" | "classic";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"Content.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.vue"],"names":[],"mappings":"AA0RA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAchD,KAAK,WAAW,GAAG;IACf,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAA;IAC9B,UAAU,EAAE,IAAI,CAAA;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC9B,CAAC;AAwDJ,iBAAS,cAAc;WAqOT,OAAO,IAA6B;;uBAVvB,GAAG;+BACM,GAAG;qBACb,GAAG;;;;EAa5B;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA9TR,QAAQ,GAAG,SAAS;6EAqU/B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Content.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.vue"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAapE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAA;IAC9B,MAAM,EAAE,yBAAyB,CAAA;IACjC,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AAiBF,iBAAS,cAAc;WAyET,OAAO,IAA6B;;uBAVvB,GAAG;+BACM,GAAG;qBACb,GAAG;;;;EAa5B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,8 +1,51 @@
-import o from "./Content.vue2.js";
-/* empty css             */
-/* empty css             */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-848f1f5e"]]);
+import { defineComponent as p, computed as a, createElementBlock as g, openBlock as t, Fragment as k, createVNode as u, createElementVNode as C, unref as o, renderSlot as r, createBlock as f, createCommentVNode as O } from "vue";
+import { useConfig as $ } from "../../hooks/useConfig.js";
+import { generateClientOptions as h } from "../../v2/blocks/scalar-request-example-block/helpers/generate-client-options.js";
+import v from "../SectionFlare/SectionFlare.vue.js";
+import y from "./Introduction/Introduction.vue.js";
+import _ from "./Operations/TraversedEntryContainer.vue.js";
+import B from "./Models/Models.vue.js";
+const N = { class: "narrow-references-container" }, q = /* @__PURE__ */ p({
+  __name: "Content",
+  props: {
+    document: {},
+    config: {},
+    store: {}
+  },
+  setup(V) {
+    const n = $(), i = a(
+      () => h(n.value.hiddenClients)
+    );
+    return (e, E) => {
+      var c, s, m, l, d;
+      return t(), g(k, null, [
+        u(o(v)),
+        C("div", N, [
+          r(e.$slots, "start"),
+          (s = (c = e.document) == null ? void 0 : c.info) != null && s.title || (l = (m = e.document) == null ? void 0 : m.info) != null && l.description ? (t(), f(o(y), {
+            key: 0,
+            document: e.document,
+            store: e.store,
+            clientOptions: i.value,
+            config: o(n)
+          }, null, 8, ["document", "store", "clientOptions", "config"])) : r(e.$slots, "empty-state", { key: 1 }),
+          u(o(_), {
+            document: e.document,
+            config: o(n),
+            clientOptions: i.value,
+            store: e.store
+          }, null, 8, ["document", "config", "clientOptions", "store"]),
+          (d = o(n)) != null && d.hideModels ? O("", !0) : (t(), f(o(B), {
+            key: 2,
+            document: e.document,
+            config: o(n)
+          }, null, 8, ["document", "config"])),
+          r(e.$slots, "end")
+        ])
+      ], 64);
+    };
+  }
+});
 export {
-  e as default
+  q as default
 };