@scalar/api-reference 1.25.52 → 1.25.53

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

@@ -1,121 +1,122 @@
-import { defineComponent as M, ref as O, computed as d, watch as P, inject as Y, onServerPrefetch as D, useSSRContext as z, unref as a, openBlock as m, createBlock as h, withCtx as i, createVNode as c, createElementBlock as v, Fragment as B, createTextVNode as H, toDisplayString as g, createElementVNode as K, renderSlot as f, createCommentVNode as C } from "vue";
-import { ScalarCodeBlock as G } from "@scalar/components";
-import { createHash as Q, ssrState as W } from "@scalar/oas-utils/helpers";
-import { getRequestFromOperation as X } from "@scalar/oas-utils/spec-getters";
-import { asyncComputed as Z } from "@vueuse/core";
-import ee from "./ExamplePicker.vue.js";
-import te from "./TextSelect.vue.js";
+import { defineComponent as Y, ref as O, useId as D, computed as d, watch as z, inject as G, onServerPrefetch as Q, useSSRContext as W, unref as r, openBlock as m, createBlock as g, withCtx as a, createVNode as l, createElementBlock as K, Fragment as R, createTextVNode as f, toDisplayString as S, createElementVNode as x, renderSlot as y, createCommentVNode as C } from "vue";
+import { ScalarCodeBlock as X } from "@scalar/components";
+import { createHash as Z, ssrState as ee } from "@scalar/oas-utils/helpers";
+import { getRequestFromOperation as te } from "@scalar/oas-utils/spec-getters";
+import { asyncComputed as oe } from "@vueuse/core";
+import B from "../../components/ScreenReader.vue.js";
+import re from "./ExamplePicker.vue.js";
+import ae from "./TextSelect.vue.js";
 /* empty css                */
-import { GLOBAL_SECURITY_SYMBOL as oe } from "../../helpers/provideSymbols.js";
+import { GLOBAL_SECURITY_SYMBOL as le } from "../../helpers/provideSymbols.js";
 import N from "../../components/Card/Card.vue.js";
-import ae from "../../components/Card/CardHeader.vue.js";
-import R from "../../components/HttpMethod/HttpMethod.vue.js";
-import $ from "../../components/Card/CardContent.vue.js";
-import { getSecretCredentialsFromAuthentication as re, getRequestFromAuthentication as se } from "../../legacy/helpers/getRequestFromAuthentication.js";
-import ne from "../../components/Card/CardFooter.vue.js";
-import { getExampleCode as le } from "../../helpers/getExampleCode.js";
-import { useHttpClientStore as ie } from "../../stores/useHttpClientStore.js";
-import { useServerStore as ce } from "../../legacy/stores/useServerStore.js";
-import { useAuthenticationStore as ue } from "../../legacy/stores/useAuthenticationStore.js";
-import { getHarRequest as me } from "../../helpers/getHarRequest.js";
-import { getUrlFromServerState as pe } from "../../legacy/helpers/getUrlFromServerState.js";
-const de = { class: "request-header" }, fe = { class: "code-snippet" }, ye = {
+import se from "../../components/Card/CardHeader.vue.js";
+import T from "../../components/HttpMethod/HttpMethod.vue.js";
+import j from "../../components/Card/CardContent.vue.js";
+import { getSecretCredentialsFromAuthentication as ne, getRequestFromAuthentication as ie } from "../../legacy/helpers/getRequestFromAuthentication.js";
+import ue from "../../components/Card/CardFooter.vue.js";
+import { getExampleCode as ce } from "../../helpers/getExampleCode.js";
+import { useHttpClientStore as me } from "../../stores/useHttpClientStore.js";
+import { useServerStore as pe } from "../../legacy/stores/useServerStore.js";
+import { useAuthenticationStore as de } from "../../legacy/stores/useAuthenticationStore.js";
+import { getHarRequest as fe } from "../../helpers/getHarRequest.js";
+import { getUrlFromServerState as ye } from "../../legacy/helpers/getUrlFromServerState.js";
+const ve = ["id"], he = ["id"], ge = {
   key: 0,
   class: "request-card-footer-addon"
-}, he = { class: "request-header" }, Ae = /* @__PURE__ */ M({
+}, Ke = { class: "request-header" }, Le = /* @__PURE__ */ Y({
   __name: "ExampleRequest",
   props: {
     operation: {},
     fallback: { type: Boolean }
   },
-  setup(j) {
-    const s = j, S = `components-Content-Operation-Example-Request${Q(
-      s.operation.path + s.operation.httpVerb + s.operation.operationId
-    )}`, k = O(), {
-      httpClient: n,
-      setHttpClient: F,
-      availableTargets: x,
-      httpTargetTitle: T,
-      httpClientTitle: w
-    } = ie(), { server: A } = ce(), { authentication: E } = ue(), u = d(() => {
+  setup(F) {
+    const n = F, k = `components-Content-Operation-Example-Request${Z(
+      n.operation.path + n.operation.httpVerb + n.operation.operationId
+    )}`, E = O(), {
+      httpClient: i,
+      setHttpClient: w,
+      availableTargets: b,
+      httpTargetTitle: A,
+      httpClientTitle: J
+    } = me(), { server: U } = pe(), { authentication: q } = de(), v = D(), c = d(() => {
       var t;
       const e = ["x-custom-examples", "x-codeSamples", "x-code-samples"];
       for (const o of e)
-        if ((t = s.operation.information) != null && t[o])
-          return s.operation.information[o] ?? [];
+        if ((t = n.operation.information) != null && t[o])
+          return n.operation.information[o] ?? [];
       return [];
-    }), r = O(
+    }), s = O(
       // Default to first custom example
-      u.value.length ? {
+      c.value.length ? {
         targetKey: "customExamples",
         clientKey: 0
       } : (
         // Otherwise use the globally selected HTTP client
         {
-          targetKey: n.targetKey,
-          clientKey: n.clientKey
+          targetKey: i.targetKey,
+          clientKey: i.clientKey
         }
       )
     );
-    P(n, () => {
-      r.value = {
-        targetKey: n.targetKey,
-        clientKey: n.clientKey
+    z(i, () => {
+      s.value = {
+        targetKey: i.targetKey,
+        clientKey: i.clientKey
       };
     });
-    const b = d(
+    const _ = d(
       () => {
-        var e, t, o, l;
+        var e, t, o, u;
         return Object.keys(
-          ((l = (o = (t = (e = s.operation.information) == null ? void 0 : e.requestBody) == null ? void 0 : t.content) == null ? void 0 : o["application/json"]) == null ? void 0 : l.examples) ?? {}
+          ((u = (o = (t = (e = n.operation.information) == null ? void 0 : e.requestBody) == null ? void 0 : t.content) == null ? void 0 : o["application/json"]) == null ? void 0 : u.examples) ?? {}
         ).length > 1;
       }
-    ), y = Y(oe);
-    async function q() {
-      var l, p;
-      if (r.value.targetKey === "customExamples")
-        return ((l = u.value[r.value.clientKey]) == null ? void 0 : l.source) ?? "";
-      const e = me(
+    ), h = G(le);
+    async function V() {
+      var u, p;
+      if (s.value.targetKey === "customExamples")
+        return ((u = c.value[s.value.clientKey]) == null ? void 0 : u.source) ?? "";
+      const e = fe(
         {
-          url: pe(A)
+          url: ye(U)
         },
-        X(
-          s.operation,
+        te(
+          n.operation,
           {
             replaceVariables: !0
           },
-          k.value
+          E.value
         ),
-        se(
-          E,
-          ((p = s.operation.information) == null ? void 0 : p.security) ?? (y == null ? void 0 : y())
+        ie(
+          q,
+          ((p = n.operation.information) == null ? void 0 : p.security) ?? (h == null ? void 0 : h())
         )
-      ), t = n.clientKey, o = n.targetKey;
-      return await le(e, o, t) ?? "";
+      ), t = i.clientKey, o = i.targetKey;
+      return await ce(e, o, t) ?? "";
     }
-    const _ = Z(async () => {
+    const $ = oe(async () => {
       try {
-        return await q();
+        return await V();
       } catch (e) {
         return console.error("[generateSnippet]", e), "";
       }
-    }, W[S] ?? "");
-    D(async () => {
-      const e = z();
-      e.payload.data[S] = await q();
+    }, ee[k] ?? "");
+    Q(async () => {
+      const e = W();
+      e.payload.data[k] = await V();
     });
-    const J = d(() => {
+    const I = d(() => {
       var t, o;
       const e = (
         // Specified language
-        ((t = r.value) == null ? void 0 : t.targetKey) === "customExamples" ? ((o = u.value[r.value.clientKey]) == null ? void 0 : o.lang) ?? "plaintext" : (
+        ((t = s.value) == null ? void 0 : t.targetKey) === "customExamples" ? ((o = c.value[s.value.clientKey]) == null ? void 0 : o.lang) ?? "plaintext" : (
           // Or language for the globally selected HTTP client
-          n.targetKey
+          i.targetKey
         )
       );
-      return e === "shell" && _.value.includes("curl") ? "curl" : e === "Objective-C" ? "objc" : e;
-    }), U = d(() => {
-      const e = x.value.map((t) => ({
+      return e === "shell" && $.value.includes("curl") ? "curl" : e === "Objective-C" ? "objc" : e;
+    }), L = d(() => {
+      const e = b.value.map((t) => ({
         value: t.key,
         label: t.title,
         options: t.clients.map((o) => ({
@@ -126,10 +127,10 @@ const de = { class: "request-header" }, fe = { class: "code-snippet" }, ye = {
           label: o.title
         }))
       }));
-      return u.value.length && e.unshift({
+      return c.value.length && e.unshift({
         value: "customExamples",
         label: "Examples",
-        options: u.value.map((t, o) => ({
+        options: c.value.map((t, o) => ({
           value: JSON.stringify({
             targetKey: "customExamples",
             clientKey: o
@@ -138,101 +139,120 @@ const de = { class: "request-header" }, fe = { class: "code-snippet" }, ye = {
         }))
       }), e;
     });
-    function L(e) {
+    function P(e) {
       const t = JSON.parse(e);
-      t.targetKey === "customExamples" ? r.value = t : F(t);
+      t.targetKey === "customExamples" ? s.value = t : w(t);
     }
-    return (e, t) => a(x).length || u.value.length ? (m(), h(a(N), {
+    return (e, t) => r(b).length || c.value.length ? (m(), g(r(N), {
       key: 0,
       class: "dark-mode"
     }, {
-      default: i(() => [
-        c(a(ae), { muted: "" }, {
-          actions: i(() => [
-            c(te, {
+      default: a(() => [
+        l(r(se), { muted: "" }, {
+          actions: a(() => [
+            l(ae, {
               class: "request-client-picker",
-              modelValue: JSON.stringify(r.value),
-              options: U.value,
-              "onUpdate:modelValue": L
+              controls: `${r(v)}-example`,
+              modelValue: JSON.stringify(s.value),
+              options: L.value,
+              "onUpdate:modelValue": P
             }, {
-              default: i(() => [
-                r.value.targetKey === "customExamples" ? (m(), v(B, { key: 0 }, [
-                  H(g(u.value[r.value.clientKey].label ?? "Example"), 1)
-                ], 64)) : (m(), v(B, { key: 1 }, [
-                  H(g(a(T)) + " " + g(a(w)), 1)
+              default: a(() => [
+                s.value.targetKey === "customExamples" ? (m(), K(R, { key: 0 }, [
+                  l(B, null, {
+                    default: a(() => t[1] || (t[1] = [
+                      f("Selected Example:")
+                    ])),
+                    _: 1
+                  }),
+                  f(" " + S(c.value[s.value.clientKey].label ?? "Example"), 1)
+                ], 64)) : (m(), K(R, { key: 1 }, [
+                  l(B, null, {
+                    default: a(() => t[2] || (t[2] = [
+                      f("Selected HTTP client:")
+                    ])),
+                    _: 1
+                  }),
+                  f(" " + S(r(A)) + " " + S(r(J)), 1)
                 ], 64))
               ]),
               _: 1
-            }, 8, ["modelValue", "options"])
+            }, 8, ["controls", "modelValue", "options"])
           ]),
-          default: i(() => [
-            K("div", de, [
-              c(a(R), {
+          default: a(() => [
+            x("div", {
+              id: `${r(v)}-header`,
+              class: "request-header"
+            }, [
+              l(r(T), {
                 as: "span",
                 class: "request-method",
                 method: e.operation.httpVerb
               }, null, 8, ["method"]),
-              f(e.$slots, "header", {}, void 0, !0)
-            ])
+              y(e.$slots, "header", {}, void 0, !0)
+            ], 8, ve)
           ]),
           _: 3
         }),
-        c(a($), {
+        l(r(j), {
           borderless: "",
           class: "request-editor-section custom-scroll",
           frameless: ""
         }, {
-          default: i(() => [
-            K("div", fe, [
-              c(a(G), {
+          default: a(() => [
+            x("div", {
+              id: `${r(v)}-example`,
+              class: "code-snippet"
+            }, [
+              l(r(X), {
                 class: "bg-b-2",
-                content: a(_),
-                hideCredentials: a(re)(a(E)),
-                lang: J.value,
+                content: r($),
+                hideCredentials: r(ne)(r(q)),
+                lang: I.value,
                 lineNumbers: ""
               }, null, 8, ["content", "hideCredentials", "lang"])
-            ])
+            ], 8, he)
           ]),
           _: 1
         }),
-        b.value || e.$slots.footer ? (m(), h(a(ne), {
+        _.value || e.$slots.footer ? (m(), g(r(ue), {
           key: 0,
           class: "request-card-footer",
           contrast: ""
         }, {
-          default: i(() => {
-            var o, l, p, V;
+          default: a(() => {
+            var o, u, p, H;
             return [
-              b.value ? (m(), v("div", ye, [
-                c(ee, {
+              _.value ? (m(), K("div", ge, [
+                l(re, {
                   class: "request-example-selector",
-                  examples: ((V = (p = (l = (o = e.operation.information) == null ? void 0 : o.requestBody) == null ? void 0 : l.content) == null ? void 0 : p["application/json"]) == null ? void 0 : V.examples) ?? [],
-                  "onUpdate:modelValue": t[0] || (t[0] = (I) => k.value = I)
+                  examples: ((H = (p = (u = (o = e.operation.information) == null ? void 0 : o.requestBody) == null ? void 0 : u.content) == null ? void 0 : p["application/json"]) == null ? void 0 : H.examples) ?? [],
+                  "onUpdate:modelValue": t[0] || (t[0] = (M) => E.value = M)
                 }, null, 8, ["examples"])
               ])) : C("", !0),
-              f(e.$slots, "footer", {}, void 0, !0)
+              y(e.$slots, "footer", {}, void 0, !0)
             ];
           }),
           _: 3
         })) : C("", !0)
       ]),
       _: 3
-    })) : e.fallback ? (m(), h(a(N), {
+    })) : e.fallback ? (m(), g(r(N), {
       key: 1,
       class: "dark-mode"
     }, {
-      default: i(() => [
-        c(a($), { class: "request-card-simple" }, {
-          default: i(() => [
-            K("div", he, [
-              c(a(R), {
+      default: a(() => [
+        l(r(j), { class: "request-card-simple" }, {
+          default: a(() => [
+            x("div", Ke, [
+              l(r(T), {
                 as: "span",
                 class: "request-method",
                 method: e.operation.httpVerb
               }, null, 8, ["method"]),
-              f(e.$slots, "header", {}, void 0, !0)
+              y(e.$slots, "header", {}, void 0, !0)
             ]),
-            f(e.$slots, "footer", {}, void 0, !0)
+            y(e.$slots, "footer", {}, void 0, !0)
           ]),
           _: 3
         })
@@ -242,5 +262,5 @@ const de = { class: "request-header" }, fe = { class: "code-snippet" }, ye = {
   }
 });
 export {
-  Ae as default
+  Le as default
 };

package/dist/features/ExampleRequest/TextSelect.vue.d.ts

@@ -11,6 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
             label: string;
         }[];
     }[];
+    controls?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -23,6 +24,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
             label: string;
         }[];
     }[];
+    controls?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/features/ExampleRequest/TextSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ExampleRequest/TextSelect.vue"],"names":[],"mappings":"AAsIA,iBAAS,cAAc;qBA4CM,GAAG;EAiB/B;AACD,QAAA,MAAM,eAAe;gBAtFP,GAAG;aACN;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;;;;gBARS,GAAG;aACN;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;;;kFAuFH,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TextSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ExampleRequest/TextSelect.vue"],"names":[],"mappings":"AA+IA,iBAAS,cAAc;qBA6CM,GAAG;EAiB/B;AACD,QAAA,MAAM,eAAe;gBAxFP,GAAG;aACN;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;eACQ,MAAM;;;;gBATL,GAAG;aACN;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;eACQ,MAAM;;;kFAwFjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/features/ExampleRequest/TextSelect.vue.js

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

package/dist/features/ExampleResponses/ExampleResponse.vue.js

@@ -1,7 +1,7 @@
 import o from "./ExampleResponse.vue2.js";
 /* empty css                     */
-import p from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ p(o, [["__scopeId", "data-v-076c28f6"]]);
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4b51e8ca"]]);
 export {
-  r as default
+  m as default
 };

package/dist/features/ExampleResponses/ExampleResponses.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ExampleResponses/ExampleResponses.vue"],"names":[],"mappings":"AAqTA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;;eAoB7B,oBAAoB;;eAApB,oBAAoB;;AAoXvD,wBAMG"}
+{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ExampleResponses/ExampleResponses.vue"],"names":[],"mappings":"AAgUA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;;eAoB7B,oBAAoB;;eAApB,oBAAoB;;AA0XvD,wBAMG"}

package/dist/features/ExampleResponses/ExampleResponses.vue.js

@@ -1,7 +1,7 @@
 import o from "./ExampleResponses.vue2.js";
 /* empty css                      */
 import e from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2dae81fd"]]);
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e60871a4"]]);
 export {
   a as default
 };