@scalar/api-reference 1.32.8 → 1.32.9

package/dist/features/example-request/ExampleRequest.vue2.js

@@ -0,0 +1,348 @@
+import { defineComponent as ye, useId as ve, ref as j, inject as Q, computed as c, watch as Y, onMounted as ge, createBlock as w, createCommentVNode as J, unref as r, openBlock as g, withCtx as s, createVNode as n, renderSlot as T, createTextVNode as K, createElementBlock as U, Fragment as Z, toDisplayString as D, createElementVNode as _ } from "vue";
+import { useWorkspace as xe } from "@scalar/api-client/store";
+import { getHarRequest as he, getSnippet as qe } from "@scalar/api-client/views/Components/CodeSnippet";
+import { filterSecurityRequirements as Ee } from "@scalar/api-client/views/Request/RequestSection";
+import { ScalarCard as ee, ScalarCardHeader as Se, ScalarCardSection as te, ScalarCodeBlock as Ke, ScalarCardFooter as be } from "@scalar/components";
+import { freezeElement as ke } from "@scalar/helpers/dom/freeze-element";
+import { requestSchema as Ce, createExampleFromRequest as Oe } from "@scalar/oas-utils/entities/spec";
+import { isDereferenced as Ne } from "@scalar/openapi-types/helpers";
+import H from "../../components/ScreenReader.vue.js";
+import { useConfig as Te } from "../../hooks/useConfig.js";
+import { EXAMPLE_CONTEXT as Ve, DISCRIMINATOR_CONTEXT as Re } from "../../hooks/useDiscriminator.js";
+import { useHttpClientStore as $e } from "../../stores/useHttpClientStore.js";
+import Be from "./ExamplePicker.vue.js";
+import je from "./TextSelect.vue.js";
+/* empty css                */
+import ae from "../../components/HttpMethod/HttpMethod.vue.js";
+import { useExampleStore as we } from "../../legacy/stores/useExampleStore.js";
+const Je = ["id"], Ue = {
+  key: 0,
+  class: "request-card-footer-addon"
+}, De = { class: "request-header" }, at = /* @__PURE__ */ ye({
+  __name: "ExampleRequest",
+  props: {
+    server: {},
+    collection: {},
+    operation: {},
+    request: {},
+    method: {},
+    fallback: { type: Boolean },
+    schemas: {}
+  },
+  setup(l) {
+    const { selectedExampleKey: I, operationId: le } = we(), { requestExamples: b, securitySchemes: M, requestExampleMutators: V } = xe(), re = Te(), {
+      httpClient: u,
+      setHttpClient: oe,
+      availableTargets: A,
+      httpTargetTitle: se,
+      httpClientTitle: ne
+    } = $e(), F = ve(), x = j(!1), k = Q(Ve), f = Q(Re), R = c(() => {
+      var e;
+      return (e = f == null ? void 0 : f.value) == null ? void 0 : e.selectedType;
+    }), P = c(
+      () => {
+        var e;
+        return ((e = f == null ? void 0 : f.value) == null ? void 0 : e.hasDiscriminator) || !1;
+      }
+    ), d = c(() => {
+      var t;
+      const e = ["x-custom-examples", "x-codeSamples", "x-code-samples"];
+      for (const a of e)
+        if ((t = l.operation) != null && t[a])
+          return [...l.operation[a]];
+      return [];
+    }), o = j(
+      // Default to first custom example
+      d.value.length ? {
+        targetKey: "customExamples",
+        clientKey: 0
+      } : (
+        // Otherwise use the globally selected HTTP client
+        {
+          targetKey: u.targetKey,
+          clientKey: u.clientKey
+        }
+      )
+    );
+    Y(u, () => {
+      o.value = {
+        targetKey: u.targetKey,
+        clientKey: u.clientKey
+      };
+    });
+    const X = c(() => {
+      const e = C.value;
+      return Object.keys(e).length > 1;
+    }), ue = () => {
+      var q, E, S;
+      if (o.value.targetKey === "customExamples")
+        return ((q = d.value[o.value.clientKey]) == null ? void 0 : q.source) ?? "";
+      const e = u.clientKey, t = u.targetKey, a = l.request || Ce.parse({
+        uid: l.operation.operationId || "temp-request",
+        method: l.method,
+        path: l.operation.path,
+        parameters: l.operation.parameters || [],
+        requestBody: l.operation.requestBody,
+        examples: [],
+        type: "request",
+        selectedSecuritySchemeUids: [],
+        selectedServerUid: "",
+        servers: [],
+        summary: l.operation.summary || "Example Request"
+      });
+      let i = b[((S = (E = l.request) == null ? void 0 : E.examples) == null ? void 0 : S[0]) ?? ""];
+      if (!i) {
+        const N = C.value, m = Object.keys(N)[0];
+        i = Oe(a, m);
+      }
+      const p = Ee(
+        l.operation.security || l.collection.security,
+        l.collection.selectedSecuritySchemeUids,
+        M
+      ), y = he({
+        operation: a,
+        example: i,
+        server: l.server,
+        securitySchemes: p
+      }), [h, O] = qe(t, e, y);
+      return h ? h.message ?? "" : O;
+    }, z = c(() => {
+      try {
+        return ue();
+      } catch (e) {
+        return console.error("[generateSnippet]", e), "";
+      }
+    }), C = c(() => {
+      var a;
+      if (!Ne(l.operation.requestBody))
+        return {};
+      const e = ((a = l.operation.requestBody) == null ? void 0 : a.content) ?? {}, t = Object.values(e)[0];
+      return (t == null ? void 0 : t.examples) ?? {};
+    }), ie = c(() => {
+      var t, a;
+      const e = (
+        // Specified language
+        ((t = o.value) == null ? void 0 : t.targetKey) === "customExamples" ? ((a = d.value[o.value.clientKey]) == null ? void 0 : a.lang) ?? "plaintext" : (
+          // Or language for the globally selected HTTP client
+          u.targetKey
+        )
+      );
+      return e === "shell" && z.value.includes("curl") ? "curl" : e === "Objective-C" ? "objc" : e;
+    }), ce = c(
+      () => Object.values(M).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) : [])
+    ), me = c(() => {
+      const e = A.value.map((t) => ({
+        value: t.key,
+        label: t.title,
+        options: t.clients.map((a) => ({
+          value: JSON.stringify({
+            targetKey: t.key,
+            clientKey: a.client
+          }),
+          label: a.title
+        }))
+      }));
+      return d.value.length && e.unshift({
+        value: "customExamples",
+        label: "Examples",
+        options: d.value.map((t, a) => ({
+          value: JSON.stringify({
+            targetKey: "customExamples",
+            clientKey: a
+          }),
+          label: t.label ?? t.lang ?? `Example #${a + 1}`
+        }))
+      }), e;
+    }), $ = j(null);
+    function de(e) {
+      const t = JSON.parse(e);
+      if ($.value) {
+        const a = ke($.value.$el);
+        setTimeout(() => {
+          a();
+        }, 300);
+      }
+      t.targetKey === "customExamples" || o.value.targetKey === "customExamples" && t.targetKey === u.targetKey && t.clientKey === u.clientKey ? o.value = t : oe(t);
+    }
+    function pe(e) {
+      var i, p;
+      if (!e)
+        return;
+      I.value = e, le.value = l.operation.operationId;
+      const t = b[((p = (i = l.request) == null ? void 0 : i.examples) == null ? void 0 : p[0]) ?? ""], a = C.value[e];
+      if (t && (a != null && a.value))
+        try {
+          V.edit(
+            t.uid,
+            "body.raw.value",
+            JSON.stringify(a.value, null, 2)
+          );
+        } catch (y) {
+          console.error("[handleExampleUpdate]", y);
+        }
+    }
+    ge(() => {
+      P.value && R.value && !x.value && L(R.value);
+    });
+    const L = (e) => {
+      var t, a, i, p, y, h, O, q, E, S, N;
+      if (!x.value)
+        try {
+          x.value = !0;
+          const m = b[((a = (t = l.request) == null ? void 0 : t.examples) == null ? void 0 : a[0]) ?? ""];
+          if (m && (k != null && k.generateExampleValue)) {
+            const fe = (p = (i = m.body) == null ? void 0 : i.raw) != null && p.value ? JSON.parse(m.body.raw.value) : void 0, B = k.generateExampleValue(
+              Array.isArray(fe)
+            );
+            if (V.edit(
+              m.uid,
+              "body.raw.value",
+              JSON.stringify(B, null, 2)
+            ), (h = (y = l.request) == null ? void 0 : y.examples) != null && h[0]) {
+              const v = b[(q = (O = l.request) == null ? void 0 : O.examples) == null ? void 0 : q[0]];
+              v && V.edit(
+                v.uid,
+                "body.raw.value",
+                JSON.stringify(B, null, 2)
+              );
+            }
+            if ((N = (S = (E = l.operation.requestBody) == null ? void 0 : E.content) == null ? void 0 : S["application/json"]) != null && N.examples) {
+              const v = l.operation.requestBody.content["application/json"].examples;
+              Object.keys(v).forEach((W) => {
+                var G;
+                (G = v[W]) != null && G.value && (v[W].value = B);
+              });
+            }
+          }
+        } catch (m) {
+          console.error("[handleDiscriminatorChange]", m);
+        } finally {
+          x.value = !1;
+        }
+    };
+    return Y(R, (e) => {
+      e && P.value && !x.value && L();
+    }), (e, t) => r(A).length || d.value.length ? (g(), w(r(ee), {
+      key: 0,
+      class: "request-card dark-mode",
+      ref_key: "elem",
+      ref: $
+    }, {
+      default: s(() => [
+        n(r(Se), { class: "pr-0.75" }, {
+          actions: s(() => [
+            n(je, {
+              class: "request-client-picker",
+              controls: `${r(F)}-example`,
+              modelValue: JSON.stringify(o.value),
+              options: me.value,
+              "onUpdate:modelValue": de
+            }, {
+              default: s(() => [
+                o.value.targetKey === "customExamples" ? (g(), U(Z, { key: 0 }, [
+                  n(H, null, {
+                    default: s(() => t[1] || (t[1] = [
+                      K("Selected Example:")
+                    ])),
+                    _: 1,
+                    __: [1]
+                  }),
+                  K(" " + D(d.value[o.value.clientKey].label ?? "Example"), 1)
+                ], 64)) : (g(), U(Z, { key: 1 }, [
+                  n(H, null, {
+                    default: s(() => t[2] || (t[2] = [
+                      K("Selected HTTP client:")
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }),
+                  K(" " + D(r(se)) + " " + D(r(ne)), 1)
+                ], 64))
+              ]),
+              _: 1
+            }, 8, ["controls", "modelValue", "options"])
+          ]),
+          default: s(() => [
+            n(H, null, {
+              default: s(() => t[0] || (t[0] = [
+                K("Request Example for")
+              ])),
+              _: 1,
+              __: [0]
+            }),
+            n(r(ae), {
+              as: "span",
+              class: "request-method",
+              method: e.method
+            }, null, 8, ["method"]),
+            T(e.$slots, "header", {}, void 0, !0)
+          ]),
+          _: 3
+        }),
+        n(r(te), { class: "request-editor-section custom-scroll border-none p-0" }, {
+          default: s(() => [
+            _("div", {
+              id: `${r(F)}-example`,
+              class: "code-snippet"
+            }, [
+              n(r(Ke), {
+                class: "bg-b-2 !min-h-full -outline-offset-2",
+                content: z.value,
+                hideCredentials: ce.value,
+                lang: ie.value,
+                lineNumbers: ""
+              }, null, 8, ["content", "hideCredentials", "lang"])
+            ], 8, Je)
+          ]),
+          _: 1
+        }),
+        (X.value || !r(re).hideTestRequestButton) && e.$slots.footer ? (g(), w(r(be), {
+          key: 0,
+          class: "request-card-footer bg-b-3"
+        }, {
+          default: s(() => [
+            X.value ? (g(), U("div", Ue, [
+              n(Be, {
+                class: "request-example-selector",
+                examples: C.value,
+                modelValue: r(I),
+                "onUpdate:modelValue": pe
+              }, null, 8, ["examples", "modelValue"])
+            ])) : J("", !0),
+            T(e.$slots, "footer", {}, void 0, !0)
+          ]),
+          _: 3
+        })) : J("", !0)
+      ]),
+      _: 3
+    }, 512)) : e.fallback ? (g(), w(r(ee), {
+      key: 1,
+      class: "request-card dark-mode"
+    }, {
+      default: s(() => [
+        n(r(te), { class: "request-card-simple" }, {
+          default: s(() => [
+            _("div", De, [
+              n(r(ae), {
+                as: "span",
+                class: "request-method",
+                method: e.method
+              }, null, 8, ["method"]),
+              T(e.$slots, "header", {}, void 0, !0)
+            ]),
+            T(e.$slots, "footer", {}, void 0, !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    })) : J("", !0);
+  }
+});
+export {
+  at as default
+};

package/dist/features/example-request/TextSelect.vue.d.ts

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    modelValue: any;
+    options: {
+        value: string;
+        label: string;
+        options?: {
+            value: string;
+            label: string;
+        }[];
+    }[];
+    controls?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TextSelect.vue.d.ts.map

package/dist/features/example-request/TextSelect.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-request/TextSelect.vue"],"names":[],"mappings":"AA4HA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,GAAG,CAAA;IACf,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,CAAC,EAAE;YACR,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,MAAM,CAAA;SACd,EAAE,CAAA;KACJ,EAAE,CAAA;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;AAkBF,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;+FAQnB,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/features/example-request/TextSelect.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as m, computed as v, createElementBlock as l, openBlock as o, normalizeClass as b, createElementVNode as u, renderSlot as _, Fragment as s, renderList as r, toDisplayString as p } from "vue";
+const g = { class: "text-select-label" }, f = ["aria-controls", "tabindex", "value"], k = ["label"], y = ["value"], V = ["value"], S = /* @__PURE__ */ m({
+  __name: "TextSelect",
+  props: {
+    modelValue: {},
+    options: {},
+    controls: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i) {
+    const d = i, c = v(
+      () => d.options.flatMap((e) => e.options ?? e).length
+    );
+    return (e, n) => (o(), l("label", {
+      class: b(["text-select", c.value === 1 ? "text-select--single-option" : ""])
+    }, [
+      u("span", g, [
+        _(e.$slots, "default")
+      ]),
+      u("select", {
+        "aria-controls": e.controls,
+        tabindex: e.options.length === 1 ? -1 : 0,
+        value: e.modelValue,
+        onInput: n[0] || (n[0] = (t) => e.$emit("update:modelValue", t.target.value))
+      }, [
+        (o(!0), l(s, null, r(e.options, (t) => (o(), l(s, {
+          key: t.value
+        }, [
+          t.options ? (o(), l("optgroup", {
+            key: 0,
+            label: t.label
+          }, [
+            (o(!0), l(s, null, r(t.options, (a) => (o(), l("option", {
+              key: a.value,
+              value: a.value
+            }, p(a.label), 9, y))), 128))
+          ], 8, k)) : (o(), l("option", {
+            key: t.value,
+            value: t.value
+          }, p(t.label), 9, V))
+        ], 64))), 128))
+      ], 40, f)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/dist/features/example-request/TextSelect.vue3.js

@@ -0,0 +1,5 @@
+import o from "./TextSelect.vue.js";
+/* empty css                */
+export {
+  o as default
+};

package/dist/features/example-request/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ExamplePicker } from './ExamplePicker.vue.js';
+export { default as ExampleRequest } from './ExampleRequest.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/example-request/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/example-request/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/features/example-responses/ExampleResponses.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponses.vue"],"names":[],"mappings":"AAmVA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAiBhE;;GAEG;AAEH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;;AAwUzD,wBAMG"}
+{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponses.vue"],"names":[],"mappings":"AAmVA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAiBhE;;GAEG;AAEH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC;;AAuVzD,wBAMG"}

package/dist/features/example-responses/ExampleResponses.vue.js

@@ -1,7 +1,7 @@
 import o from "./ExampleResponses.vue2.js";
 /* empty css                      */
 import p from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ p(o, [["__scopeId", "data-v-15c8f436"]]);
+const m = /* @__PURE__ */ p(o, [["__scopeId", "data-v-65bd9cd0"]]);
 export {
   m as default
 };

package/dist/features/example-responses/ExampleResponses.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as N, useId as O, ref as R, computed as v, createBlock as t, createCommentVNode as x, openBlock as o, unref as l, withCtx as u, createVNode as f, createElementBlock as k, Fragment as _, renderList as C, createTextVNode as g, toDisplayString as F, withDirectives as I, createElementVNode as w, vModelCheckbox as A } from "vue";
-import { ScalarCard as D, ScalarIcon as K, ScalarCardSection as L, ScalarCodeBlock as U, ScalarCardFooter as J, ScalarMarkdown as P } from "@scalar/components";
-import { normalizeMimeTypeObject as W, getObjectKeys as $ } from "@scalar/oas-utils/helpers";
-import { useClipboard as q } from "@scalar/use-hooks/useClipboard";
-import G from "../../components/ScreenReader.vue.js";
-import j from "./ExampleResponse.vue.js";
-import H from "./ExampleResponseTab.vue.js";
-import Q from "./ExampleResponseTabList.vue.js";
-import X from "../../v2/blocks/scalar-request-example-block/components/ExamplePicker.vue2.js";
-const Y = {
+import { defineComponent as N, useId as O, ref as E, computed as v, createBlock as t, createCommentVNode as x, openBlock as o, unref as l, withCtx as u, createVNode as k, createElementBlock as f, Fragment as j, renderList as C, createTextVNode as R, toDisplayString as F, withDirectives as I, createElementVNode as T, vModelCheckbox as A } from "vue";
+import { ScalarCard as D, ScalarIcon as K, ScalarCardSection as L, ScalarCodeBlock as P, ScalarCardFooter as U, ScalarMarkdown as J } from "@scalar/components";
+import { normalizeMimeTypeObject as W, getObjectKeys as q } from "@scalar/oas-utils/helpers";
+import { useClipboard as G } from "@scalar/use-hooks/useClipboard";
+import H from "../../components/ScreenReader.vue.js";
+import V from "./ExampleResponse.vue.js";
+import Q from "./ExampleResponseTab.vue.js";
+import X from "./ExampleResponseTabList.vue.js";
+import Y from "../example-request/ExamplePicker.vue.js";
+const Z = {
   key: 1,
   class: "scalar-card-checkbox"
-}, Z = ["aria-controls"], z = {
+}, $ = ["aria-controls"], z = {
   key: 1,
   class: "response-description"
 }, ne = /* @__PURE__ */ N({
@@ -18,18 +18,18 @@ const Y = {
   props: {
     responses: {}
   },
-  setup(E) {
-    const p = O(), { copyToClipboard: T } = q(), c = R(""), S = v(() => Object.keys(E.responses ?? {}).sort()), y = v(
+  setup(g) {
+    const n = O(), { copyToClipboard: _ } = G(), p = E(), S = v(() => Object.keys(g.responses ?? {}).sort()), y = v(
       () => !!s.value.examples
-    ), V = R(0), i = v(() => {
+    ), w = E(0), i = v(() => {
       var a;
-      const e = S.value[V.value];
-      return (a = E.responses) == null ? void 0 : a[e];
+      const e = S.value[w.value];
+      return (a = g.responses) == null ? void 0 : a[e];
     }), s = v(() => {
       var m;
       const e = W(
         (m = i.value) == null ? void 0 : m.content
-      ), a = $(e ?? {});
+      ), a = q(e ?? {});
       return (
         // OpenAPI 3.x
         (e == null ? void 0 : e["application/json"]) ?? (e == null ? void 0 : e["application/xml"]) ?? (e == null ? void 0 : e["text/plain"]) ?? (e == null ? void 0 : e["text/html"]) ?? (e == null ? void 0 : e["*/*"]) ?? // Take the first key - in the future we may want to use the selected content type
@@ -45,10 +45,10 @@ const Y = {
       return (a == null ? void 0 : a.value) ?? a;
     }, b = v(() => ({
       ...s.value,
-      example: y.value && c.value ? s.value.examples[c.value].value ?? s.value.examples[c.value] : B()
+      example: y.value && p.value ? s.value.examples[p.value].value ?? s.value.examples[p.value] : B()
     })), M = (e) => {
-      V.value = e, c.value = "";
-    }, h = R(!1);
+      w.value = e, p.value = void 0;
+    }, h = E(!1);
     return (e, a) => S.value.length ? (o(), t(l(D), {
       key: 0,
       "aria-label": "Example Responses",
@@ -58,98 +58,97 @@ const Y = {
       default: u(() => {
         var m;
         return [
-          f(Q, { onChange: M }, {
+          k(X, { onChange: M }, {
             actions: u(() => {
               var r, d;
               return [
-                (r = s.value) != null && r.example ? (o(), k("button", {
+                (r = s.value) != null && r.example ? (o(), f("button", {
                   key: 0,
                   class: "code-copy",
                   type: "button",
                   onClick: a[0] || (a[0] = () => {
-                    var n;
-                    return l(T)((n = s.value) == null ? void 0 : n.example);
+                    var c;
+                    return l(_)((c = s.value) == null ? void 0 : c.example);
                   })
                 }, [
-                  f(l(K), {
+                  k(l(K), {
                     icon: "Clipboard",
                     width: "12px"
                   })
                 ])) : x("", !0),
-                (d = s.value) != null && d.schema ? (o(), k("label", Y, [
-                  a[4] || (a[4] = g(" Show Schema ")),
-                  I(w("input", {
-                    "onUpdate:modelValue": a[1] || (a[1] = (n) => h.value = n),
-                    "aria-controls": l(p),
+                (d = s.value) != null && d.schema ? (o(), f("label", Z, [
+                  a[4] || (a[4] = R(" Show Schema ")),
+                  I(T("input", {
+                    "onUpdate:modelValue": a[1] || (a[1] = (c) => h.value = c),
+                    "aria-controls": l(n),
                     class: "scalar-card-checkbox-input",
                     type: "checkbox"
-                  }, null, 8, Z), [
+                  }, null, 8, $), [
                     [A, h.value]
                   ]),
-                  a[5] || (a[5] = w("span", { class: "scalar-card-checkbox-checkmark" }, null, -1))
+                  a[5] || (a[5] = T("span", { class: "scalar-card-checkbox-checkmark" }, null, -1))
                 ])) : x("", !0)
               ];
             }),
             default: u(() => [
-              (o(!0), k(_, null, C(S.value, (r) => (o(), t(H, {
+              (o(!0), f(j, null, C(S.value, (r) => (o(), t(Q, {
                 key: r,
-                "aria-controls": l(p)
+                "aria-controls": l(n)
               }, {
                 default: u(() => [
-                  f(G, null, {
+                  k(H, null, {
                     default: u(() => a[3] || (a[3] = [
-                      g("Status:")
+                      R("Status:")
                     ])),
                     _: 1,
                     __: [3]
                   }),
-                  g(" " + F(r), 1)
+                  R(" " + F(r), 1)
                 ]),
                 _: 2
               }, 1032, ["aria-controls"]))), 128))
             ]),
             _: 1
           }),
-          f(l(L), { class: "grid flex-1" }, {
+          k(l(L), { class: "grid flex-1" }, {
             default: u(() => {
               var r;
               return [
-                (r = s.value) != null && r.schema ? (o(), k(_, { key: 0 }, [
-                  h.value && b.value ? (o(), t(l(U), {
+                (r = s.value) != null && r.schema ? (o(), f(j, { key: 0 }, [
+                  h.value && b.value ? (o(), t(l(P), {
                     key: 0,
-                    id: l(p),
+                    id: l(n),
                     class: "-outline-offset-2",
                     content: b.value,
                     lang: "json"
-                  }, null, 8, ["id", "content"])) : (o(), t(j, {
+                  }, null, 8, ["id", "content"])) : (o(), t(V, {
                     key: 1,
-                    id: l(p),
+                    id: l(n),
                     response: b.value
                   }, null, 8, ["id", "response"]))
-                ], 64)) : (o(), t(j, {
+                ], 64)) : (o(), t(V, {
                   key: 1,
-                  id: l(p),
+                  id: l(n),
                   response: b.value
                 }, null, 8, ["id", "response"]))
               ];
             }),
             _: 1
           }),
-          (m = i.value) != null && m.description || y.value ? (o(), t(l(J), {
+          (m = i.value) != null && m.description || y.value ? (o(), t(l(U), {
             key: 0,
             class: "response-card-footer"
           }, {
             default: u(() => {
               var r, d;
               return [
-                y.value ? (o(), t(l(X), {
+                y.value ? (o(), t(l(Y), {
                   key: 0,
                   class: "response-example-selector",
                   examples: (r = s.value) == null ? void 0 : r.examples,
-                  modelValue: c.value,
-                  "onUpdate:modelValue": a[2] || (a[2] = (n) => c.value = n)
-                }, null, 8, ["examples", "modelValue"])) : (d = i.value) != null && d.description ? (o(), k("div", z, [
-                  f(l(P), {
+                  "onUpdate:modelValue": a[2] || (a[2] = (c) => p.value = c)
+                }, null, 8, ["examples"])) : (d = i.value) != null && d.description ? (o(), f("div", z, [
+                  k(l(J), {
                     class: "markdown",
                     value: i.value.description
                   }, null, 8, ["value"])