@scalar/api-client 2.8.0 → 2.9.0

package/dist/views/Request/RequestSection/RequestBody.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as K, computed as v, ref as Q, watch as L, createBlock as y, openBlock as f, withCtx as d, createVNode as s, createCommentVNode as Z, unref as c, createElementVNode as g, toDisplayString as w, createElementBlock as F, Fragment as I, createTextVNode as M, nextTick as _ } from "vue";
-import { ScalarListbox as W, ScalarButton as k, ScalarIcon as T } from "@scalar/components";
+import { defineComponent as K, computed as v, ref as Q, watch as L, createBlock as y, openBlock as f, withCtx as d, createVNode as s, createCommentVNode as Z, unref as c, createElementVNode as g, toDisplayString as k, createElementBlock as V, Fragment as I, createTextVNode as M, nextTick as _ } from "vue";
+import { ScalarListbox as W, ScalarButton as w, ScalarIcon as F } from "@scalar/components";
 import { requestExampleParametersSchema as z } from "@scalar/oas-utils/entities/spec";
 import { canMethodHaveBody as ee } from "@scalar/oas-utils/helpers";
 import ae from "../../../components/CodeInput/CodeInput.vue.js";
@@ -16,7 +16,7 @@ const ie = {
 }, re = {
   key: 1,
   class: "flex items-center justify-center overflow-hidden border-t p-1.5"
-}, de = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, ke = /* @__PURE__ */ K({
+}, de = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, we = /* @__PURE__ */ K({
   __name: "RequestBody",
   props: {
     example: {},
@@ -48,18 +48,18 @@ const ie = {
       label: a
     })), B = v(() => {
       const { activeBody: e, formData: a, raw: t } = l.example.body;
-      return e === "formData" ? a?.encoding === "urlencoded" ? "formUrlEncoded" : "multipartForm" : e === "binary" ? "binaryFile" : e === "raw" && t?.encoding ? t.encoding === "html" ? "other" : t.encoding : Object.keys(l.operation.requestBody?.content || {})[0] || "none";
+      return e === "formData" ? a?.encoding === "urlencoded" ? "formUrlEncoded" : "multipartForm" : e === "binary" ? "binaryFile" : e === "raw" && t?.encoding ? t.encoding === "html" || t.encoding === "text" ? "other" : t.encoding : Object.keys(l.operation.requestBody?.content || {})[0] || "none";
     }), u = v({
       get: () => b.find(
         (e) => e.id === B.value
       ) ?? b[b.length - 1] ?? b[0],
       set: (e) => {
-        e?.id && O(e.id);
+        e?.id && N(e.id);
       }
     }), x = Q(null), H = v(() => {
       const e = u.value?.id;
       return $[e] ?? "plaintext";
-    }), U = (e) => {
+    }), C = (e) => {
       const a = m.value;
       if (a.length > e) {
         const t = [...a];
@@ -69,7 +69,7 @@ const ie = {
           t
         );
       }
-    }, j = (e, a, t) => {
+    }, U = (e, a, t) => {
       const o = m.value;
       if (o.length > e) {
         const n = [...o];
@@ -92,11 +92,11 @@ const ie = {
           x.value.querySelectorAll("input")[a === "key" ? 0 : 1]?.focus();
         });
       }
-      e === o.length - 1 && C();
+      e === o.length - 1 && j();
     }, m = v(() => l.example.body.formData?.value ?? []), D = () => {
       const e = m.value[m.value.length - 1];
-      (!e || e.key !== "" || e.value !== "") && C();
-    }, C = () => {
+      (!e || e.key !== "" || e.value !== "") && j();
+    }, j = () => {
       const e = z.parse({
         enabled: !1
       }), a = [...m.value, e];
@@ -114,40 +114,60 @@ const ie = {
           o
         );
       }
-    }, P = (e) => i.edit(l.example.uid, "body.raw.value", e), N = (e) => e === "multipartForm" ? {
-      activeBody: "formData",
-      encoding: "form-data",
-      header: "multipart/form-data"
-    } : e === "formUrlEncoded" ? {
-      activeBody: "formData",
-      encoding: "urlencoded",
-      header: "application/x-www-form-urlencoded"
-    } : e === "binaryFile" ? {
-      activeBody: "binary",
-      encoding: void 0,
-      header: "application/octet-stream"
-    } : e === "json" ? {
-      activeBody: "raw",
-      encoding: "json",
-      header: Object.keys(l.operation.requestBody?.content ?? {}).find((o) => o.includes("json") || o.endsWith("+json")) || "application/json"
-    } : e === "xml" ? {
-      activeBody: "raw",
-      encoding: "xml",
-      header: "application/xml"
-    } : e === "yaml" ? {
-      activeBody: "raw",
-      encoding: "yaml",
-      header: "application/yaml"
-    } : e === "edn" ? {
-      activeBody: "raw",
-      encoding: "edn",
-      header: "application/edn"
-    } : e === "other" ? {
-      activeBody: "raw",
-      encoding: "html",
-      header: "application/html"
-    } : { activeBody: "raw", encoding: void 0, header: void 0 }, O = (e) => {
-      const { activeBody: a, encoding: t, header: o } = N(e);
+    }, P = (e) => i.edit(l.example.uid, "body.raw.value", e), O = (e) => {
+      if (e === "multipartForm")
+        return {
+          activeBody: "formData",
+          encoding: "form-data",
+          header: "multipart/form-data"
+        };
+      if (e === "formUrlEncoded")
+        return {
+          activeBody: "formData",
+          encoding: "urlencoded",
+          header: "application/x-www-form-urlencoded"
+        };
+      if (e === "binaryFile")
+        return {
+          activeBody: "binary",
+          encoding: void 0,
+          header: "application/octet-stream"
+        };
+      if (e === "json")
+        return {
+          activeBody: "raw",
+          encoding: "json",
+          header: Object.keys(l.operation.requestBody?.content ?? {}).find((o) => o.includes("json") || o.endsWith("+json")) || "application/json"
+        };
+      if (e === "xml")
+        return {
+          activeBody: "raw",
+          encoding: "xml",
+          header: "application/xml"
+        };
+      if (e === "yaml")
+        return {
+          activeBody: "raw",
+          encoding: "yaml",
+          header: "application/yaml"
+        };
+      if (e === "edn")
+        return {
+          activeBody: "raw",
+          encoding: "edn",
+          header: "application/edn"
+        };
+      if (e === "other") {
+        const t = Object.keys(l.operation.requestBody?.content ?? {}).find((o) => o.startsWith("text/"));
+        return {
+          activeBody: "raw",
+          encoding: t ? "text" : "html",
+          header: t ?? "application/html"
+        };
+      }
+      return { activeBody: "raw", encoding: void 0, header: void 0 };
+    }, N = (e) => {
+      const { activeBody: a, encoding: t, header: o } = O(e);
       if (i.edit(l.example.uid, "body.activeBody", a), t && a === "raw")
         i.edit(l.example.uid, "body.raw", {
           encoding: t,
@@ -180,9 +200,9 @@ const ie = {
         });
       }
       i.edit(l.example.uid, "parameters.headers", n);
-    }, S = async (e) => {
+    }, S = (e) => {
       const { open: a } = A({
-        onChange: async (t) => {
+        onChange: (t) => {
           const o = t?.[0];
           if (o) {
             const r = [...m.value];
@@ -210,7 +230,7 @@ const ie = {
     }
     function Y() {
       const { open: e } = A({
-        onChange: async (a) => {
+        onChange: (a) => {
           const t = a?.[0];
           t && i.edit(l.example.uid, "body.binary", t);
         },
@@ -228,20 +248,20 @@ const ie = {
     ), L(
       () => l.example.uid,
       () => {
-        l.operation.method && ee(l.operation.method) && O(B.value), ["multipartForm", "formUrlEncoded"].includes(
+        l.operation.method && ee(l.operation.method) && N(B.value), ["multipartForm", "formUrlEncoded"].includes(
           B.value
         ) && D();
       },
       { immediate: !0 }
     );
     const h = v(() => {
-      const e = u.value?.id, { header: a } = N(e), t = l.operation.requestBody?.content || {}, o = a ? t[a]?.examples || {} : {};
+      const e = u.value?.id, { header: a } = O(e), t = l.operation.requestBody?.content || {}, o = a ? t[a]?.examples || {} : {};
       return Object.entries(o).map(([n, r]) => ({
         id: n,
         label: n,
         value: r
       }));
-    }), V = v({
+    }), T = v({
       get: () => {
         const e = l.example.body.raw?.value ?? "{}", a = JSON.parse(e);
         return h.value.find((o) => {
@@ -261,7 +281,7 @@ const ie = {
     });
     return (e, a) => (f(), y(oe, null, {
       title: d(() => [
-        M(w(e.title), 1)
+        M(k(e.title), 1)
       ]),
       default: d(() => [
         s(te, {
@@ -280,13 +300,13 @@ const ie = {
                       teleport: ""
                     }, {
                       default: d(() => [
-                        s(c(k), {
+                        s(c(w), {
                           class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-3 font-normal",
                           variant: "ghost"
                         }, {
                           default: d(() => [
-                            g("span", null, w(u.value?.label), 1),
-                            s(c(T), {
+                            g("span", null, k(u.value?.label), 1),
+                            s(c(F), {
                               icon: "ChevronDown",
                               size: "md"
                             })
@@ -298,21 +318,21 @@ const ie = {
                     }, 8, ["modelValue", "options"]),
                     h.value.length > 0 ? (f(), y(c(W), {
                       key: 0,
-                      modelValue: V.value,
-                      "onUpdate:modelValue": a[1] || (a[1] = (t) => V.value = t),
+                      modelValue: T.value,
+                      "onUpdate:modelValue": a[1] || (a[1] = (t) => T.value = t),
                       options: h.value,
                       side: "left",
                       teleport: ""
                     }, {
                       default: d(() => [
-                        s(c(k), {
+                        s(c(w), {
                           class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-2 font-normal",
                           fullWidth: "",
                           variant: "ghost"
                         }, {
                           default: d(() => [
-                            g("span", null, w(V.value?.label), 1),
-                            s(c(T), {
+                            g("span", null, k(T.value?.label), 1),
+                            s(c(F), {
                               icon: "ChevronDown",
                               size: "md"
                             })
@@ -330,24 +350,23 @@ const ie = {
             }),
             s(R, null, {
               default: d(() => [
-                u.value?.id === "none" ? (f(), F("div", ie, a[2] || (a[2] = [
+                u.value?.id === "none" ? (f(), V("div", ie, [...a[2] || (a[2] = [
                   g("span", null, "No Body", -1)
-                ]))) : u.value?.id === "binaryFile" ? (f(), F("div", re, [
-                  e.example.body.binary ? (f(), F(I, { key: 0 }, [
-                    g("span", de, w(e.example.body.binary.name), 1),
-                    s(c(k), {
+                ])])) : u.value?.id === "binaryFile" ? (f(), V("div", re, [
+                  e.example.body.binary ? (f(), V(I, { key: 0 }, [
+                    g("span", de, k(e.example.body.binary.name), 1),
+                    s(c(w), {
                       class: "bg-b-2 hover:bg-b-3 text-c-2 ml-1 border-0 shadow-none",
                       size: "sm",
                       variant: "outlined",
                       onClick: X
                     }, {
-                      default: d(() => a[3] || (a[3] = [
-                        M(" Delete ")
-                      ])),
-                      _: 1,
-                      __: [3]
+                      default: d(() => [...a[3] || (a[3] = [
+                        M(" Delete ", -1)
+                      ])]),
+                      _: 1
                     })
-                  ], 64)) : (f(), y(c(k), {
+                  ], 64)) : (f(), y(c(w), {
                     key: 1,
                     class: "bg-b-2 hover:bg-b-3 text-c-2 border-0 shadow-none",
                     size: "sm",
@@ -356,15 +375,14 @@ const ie = {
                   }, {
                     default: d(() => [
                       a[4] || (a[4] = g("span", null, "Upload File", -1)),
-                      s(c(T), {
+                      s(c(F), {
                         class: "ml-1",
                         icon: "Upload",
                         size: "xs",
                         thickness: "2.5"
                       })
                     ]),
-                    _: 1,
-                    __: [4]
+                    _: 1
                   }))
                 ])) : u.value?.id == "multipartForm" ? (f(), y(J, {
                   key: 2,
@@ -377,10 +395,10 @@ const ie = {
                   items: m.value,
                   showUploadButton: "",
                   workspace: e.workspace,
-                  onDeleteRow: U,
+                  onDeleteRow: C,
                   onRemoveFile: q,
                   onToggleRow: E,
-                  onUpdateRow: j,
+                  onUpdateRow: U,
                   onUploadFile: S
                 }, null, 8, ["envVariables", "environment", "items", "workspace"])) : u.value?.id == "formUrlEncoded" ? (f(), y(J, {
                   key: 3,
@@ -393,10 +411,10 @@ const ie = {
                   items: m.value,
                   showUploadButton: "",
                   workspace: e.workspace,
-                  onDeleteRow: U,
+                  onDeleteRow: C,
                   onRemoveFile: q,
                   onToggleRow: E,
-                  onUpdateRow: j,
+                  onUpdateRow: U,
                   onUploadFile: S
                 }, null, 8, ["envVariables", "environment", "items", "workspace"])) : (f(), y(ae, {
                   key: 4,
@@ -424,5 +442,5 @@ const ie = {
   }
 });
 export {
-  ke as default
+  we as default
 };

package/dist/views/Request/RequestSection/RequestCodeExample.vue2.js

@@ -99,9 +99,9 @@ const q = { class: "w-full" }, M = { class: "flex flex-1" }, P = { class: "bg-b-
         class: "group/preview w-full border-b-0",
         defaultOpen: !1
       }, {
-        title: c(() => t[0] || (t[0] = [
-          H("Code Snippet")
-        ])),
+        title: c(() => [...t[0] || (t[0] = [
+          H("Code Snippet", -1)
+        ])]),
         actions: c(() => [
           x("div", M, [
             i(u(j), {

package/dist/views/Request/RequestSection/RequestParams.vue.js

@@ -110,11 +110,10 @@ const G = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
                 onClick: M($, ["stop"])
               }, {
                 default: i(() => [
-                  a[0] || (a[0] = P(" Clear ")),
+                  a[0] || (a[0] = P(" Clear ", -1)),
                   f("span", U, "All " + R(e.title), 1)
                 ]),
-                _: 1,
-                __: [0]
+                _: 1
               })
             ]),
             _: 1

package/dist/views/Request/RequestSection/RequestSection.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestSection.vue2.js";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fbbc9b8b"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e85e2882"]]);
 export {
-  f as default
+  p as default
 };

package/dist/views/Request/RequestSection/RequestSection.vue2.js

@@ -1,21 +1,21 @@
-import { defineComponent as D, computed as v, useId as P, ref as M, watch as S, createBlock as d, openBlock as n, withCtx as c, createElementVNode as h, withDirectives as s, createCommentVNode as k, createElementBlock as f, createVNode as i, unref as o, vShow as u, Fragment as K, renderList as L, resolveDynamicComponent as Q, toDisplayString as $ } from "vue";
+import { defineComponent as D, computed as v, useId as g, ref as M, watch as S, createBlock as d, openBlock as r, withCtx as c, createElementVNode as y, withDirectives as s, createCommentVNode as k, createElementBlock as f, createVNode as i, unref as l, vShow as m, Fragment as K, renderList as L, resolveDynamicComponent as Q, toDisplayString as $ } from "vue";
 import { ScalarErrorBoundary as C } from "@scalar/components";
 import { canMethodHaveBody as b, isDefined as j, REGEX as R } from "@scalar/oas-utils/helpers";
 import F from "../../../components/SectionFilter.vue.js";
 import T from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import { matchesDomain as W } from "../../../libs/send-request/set-request-cookies.js";
 import z from "./RequestBody.vue.js";
-import V from "./RequestParams.vue.js";
+import w from "./RequestParams.vue.js";
 import G from "./RequestPathParams.vue.js";
 import X from "./RequestAuth/RequestAuth.vue.js";
 import J from "./RequestCodeExample.vue.js";
 import { usePluginManager as Y } from "../../../plugins/hooks/usePluginManager.js";
 import { useWorkspace as Z } from "../../../store/store.js";
 import { useLayout as x } from "../../../hooks/useLayout.js";
-const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ee = ["for"], ae = ["id", "placeholder", "value"], le = {
+const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ee = ["for"], ae = ["id", "placeholder", "value"], oe = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, oe = ["id", "role"], be = /* @__PURE__ */ D({
+}, le = ["id", "role"], be = /* @__PURE__ */ D({
   __name: "RequestSection",
   props: {
     collection: {},
@@ -28,37 +28,37 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
     server: {},
     workspace: {}
   },
-  setup(l) {
+  setup(o) {
     const O = [
       "Auth",
-      "Variables",
+      "Path Parameters",
       "Cookies",
       "Headers",
       "Query",
       "Body"
       // 'Scripts',
-    ], { requestMutators: w, cookies: B, securitySchemes: A } = Z(), { layout: m } = x(), q = v(() => {
+    ], { requestMutators: P, cookies: B, securitySchemes: V } = Z(), { layout: u } = x(), A = v(() => {
       const e = /* @__PURE__ */ new Set(["All", ...O]);
-      return l.example.parameters.path.length || e.delete("Variables"), b(l.operation.method ?? "get") || e.delete("Body"), y.value && e.delete("Auth"), [...e];
-    }), r = v(
+      return o.example.parameters.path.length || e.delete("Path Parameters"), b(o.operation.method ?? "get") || e.delete("Body"), h.value && e.delete("Auth"), [...e];
+    }), n = v(
       () => Object.fromEntries(
-        q.value.map((e) => [e, P()])
+        A.value.map((e) => [e, g()])
       )
-    ), y = v(
-      () => m === "modal" && !l.operation.security && !Object.keys(A ?? {}).length
+    ), h = v(
+      () => u === "modal" && !o.operation.security && !Object.keys(V ?? {}).length
     ), a = M("All");
     S(
-      () => l.operation,
+      () => o.operation,
       (e) => {
         a.value === "Body" && e && !b(e.method) && (a.value = "All");
       }
     );
     const E = (e) => {
       const t = e.target;
-      w.edit(l.operation.uid, "summary", t.value);
+      P.edit(o.operation.uid, "summary", t.value);
     }, H = v(
-      () => (l.workspace.cookies ?? []).map((e) => B[e]).filter(j).filter((e) => e.name).filter(
-        (e) => W(l.server?.url || l.operation.path, e.domain)
+      () => (o.workspace.cookies ?? []).map((e) => B[e]).filter(j).filter((e) => e.name).filter(
+        (e) => W(o.server?.url || o.operation.path, e.domain)
       ).map((e) => ({
         key: e.name,
         value: e.value,
@@ -70,52 +70,52 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
         },
         enabled: !0
       }))
-    ), N = () => l.operation.summary ? l.operation.summary : l.operation.path.replace(R.PROTOCOL, "") ? l.operation.path.replace(R.PROTOCOL, "") : "Request Name", g = P(), I = Y().getViewComponents("request.section"), U = (e, t) => w.edit(l.operation.uid, e, t);
+    ), N = () => o.operation.summary ? o.operation.summary : o.operation.path.replace(R.PROTOCOL, "") ? o.operation.path.replace(R.PROTOCOL, "") : "Request Name", q = g(), I = Y().getViewComponents("request.section"), U = (e, t) => P.edit(o.operation.uid, e, t);
     return S(
-      () => y.value,
+      () => h.value,
       (e) => {
         e && a.value === "Auth" && (a.value = "All");
       }
-    ), (e, t) => (n(), d(T, {
+    ), (e, t) => (r(), d(T, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
       title: c(() => [
-        h("div", _, [
-          o(m) !== "modal" ? (n(), f("label", {
+        y("div", _, [
+          l(u) !== "modal" ? (r(), f("label", {
             key: 0,
             class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
-            for: o(g)
+            for: l(q)
           }, null, 8, ee)) : k("", !0),
-          o(m) !== "modal" ? (n(), f("input", {
+          l(u) !== "modal" ? (r(), f("input", {
             key: 1,
-            id: o(g),
+            id: l(q),
             class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
             placeholder: N(),
             value: e.operation.summary,
             onInput: E
-          }, null, 40, ae)) : (n(), f("span", le, $(e.operation.summary), 1))
+          }, null, 40, ae)) : (r(), f("span", oe, $(e.operation.summary), 1))
         ]),
         i(F, {
           modelValue: a.value,
           "onUpdate:modelValue": t[0] || (t[0] = (p) => a.value = p),
-          filterIds: r.value,
-          filters: q.value
+          filterIds: n.value,
+          filters: A.value
         }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
       default: c(() => [
-        h("div", {
-          id: r.value.All,
+        y("div", {
+          id: n.value.All,
           class: "request-section-content custom-scroll relative flex flex-1 flex-col",
           role: a.value === "All" ? "tabpanel" : "none"
         }, [
-          e.collection && e.workspace && (o(m) !== "modal" || Object.keys(o(A) ?? {}).length) ? s((n(), d(X, {
+          e.collection && e.workspace && (l(u) !== "modal" || Object.keys(l(V) ?? {}).length) ? s((r(), d(X, {
             key: 0,
-            id: r.value.Auth,
+            id: n.value.Auth,
             class: "request-section-content-auth",
             collection: e.collection,
             envVariables: e.envVariables,
             environment: e.environment,
-            isReadOnly: o(m) === "modal",
+            isReadOnly: l(u) === "modal",
             layout: "client",
             operation: e.operation,
             role: a.value === "All" ? "none" : "tabpanel",
@@ -125,12 +125,12 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             workspace: e.workspace
           }, null, 8, ["id", "collection", "envVariables", "environment", "isReadOnly", "operation", "role", "selectedSecuritySchemeUids", "server", "workspace"])), [
             [
-              u,
-              !y.value && (a.value === "All" || a.value === "Auth")
+              m,
+              !h.value && (a.value === "All" || a.value === "Auth")
             ]
           ]) : k("", !0),
           s(i(G, {
-            id: r.value.Variables,
+            id: n.value["Path Parameters"],
             class: "request-section-content-path-params",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -139,16 +139,16 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             operation: e.operation,
             paramKey: "path",
             role: a.value === "All" ? "none" : "tabpanel",
-            title: "Variables",
+            title: "Path Parameters",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
             [
-              u,
-              (a.value === "All" || a.value === "Variables") && e.example.parameters.path.length
+              m,
+              (a.value === "All" || a.value === "Path Parameters") && e.example.parameters.path.length
             ]
           ]),
-          s(i(V, {
-            id: r.value.Cookies,
+          s(i(w, {
+            id: n.value.Cookies,
             class: "request-section-content-cookies",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -162,10 +162,10 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             title: "Cookies",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "readOnlyEntries", "role", "workspace"]), [
-            [u, a.value === "All" || a.value === "Cookies"]
+            [m, a.value === "All" || a.value === "Cookies"]
           ]),
-          s(i(V, {
-            id: r.value.Headers,
+          s(i(w, {
+            id: n.value.Headers,
             class: "request-section-content-headers",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -178,10 +178,10 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             title: "Headers",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
-            [u, a.value === "All" || a.value === "Headers"]
+            [m, a.value === "All" || a.value === "Headers"]
           ]),
-          s(i(V, {
-            id: r.value.Query,
+          s(i(w, {
+            id: n.value.Query,
             class: "request-section-content-query",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -194,11 +194,11 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             title: "Query Parameters",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
-            [u, a.value === "All" || a.value === "Query"]
+            [m, a.value === "All" || a.value === "Query"]
           ]),
-          e.operation.method && (a.value === "All" || a.value === "Body") && o(b)(e.operation.method) ? (n(), d(z, {
+          e.operation.method && (a.value === "All" || a.value === "Body") && l(b)(e.operation.method) ? (r(), d(z, {
             key: 1,
-            id: r.value.Body,
+            id: n.value.Body,
             class: "request-section-content-body",
             envVariables: e.envVariables,
             environment: e.environment,
@@ -208,21 +208,21 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             title: "Body",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"])) : k("", !0),
-          (n(!0), f(K, null, L(o(I), (p) => (n(), d(o(C), {
+          (r(!0), f(K, null, L(l(I), (p) => (r(), d(l(C), {
             key: p.component
           }, {
             default: c(() => [
-              s((n(), d(Q(p.component), {
+              s((r(), d(Q(p.component), {
                 operation: e.operation,
                 "onUpdate:operation": U
               }, null, 40, ["operation"])), [
-                [u, a.value === "All" || a.value === p.title]
+                [m, a.value === "All" || a.value === p.title]
               ])
             ]),
             _: 2
           }, 1024))), 128)),
-          t[1] || (t[1] = h("div", { class: "flex flex-grow" }, null, -1)),
-          i(o(C), null, {
+          t[1] || (t[1] = y("div", { class: "flex flex-grow" }, null, -1)),
+          i(l(C), null, {
             default: c(() => [
               i(J, {
                 class: "request-section-content-code-example -mt-1/2 border-t",
@@ -236,7 +236,7 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             ]),
             _: 1
           })
-        ], 8, oe)
+        ], 8, le)
       ]),
       _: 1
     }, 8, ["aria-label"]));