@scalar/api-client 2.18.0 → 2.18.3

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

@@ -1,118 +1,118 @@
-import { defineComponent as L, ref as P, watch as F, onMounted as K, onBeforeUnmount as j, computed as G, createElementBlock as w, openBlock as l, Fragment as C, createBlock as o, createCommentVNode as r, createVNode as i, unref as n, withCtx as a, withKeys as H, createElementVNode as c, createTextVNode as W, toDisplayString as J } from "vue";
-import { useModal as $, ScalarFloating as O, ScalarDropdownMenu as Q, ScalarDropdownButton as p, ScalarIcon as I, ScalarModal as q } from "@scalar/components";
+import { defineComponent as L, ref as P, watch as F, onMounted as K, onBeforeUnmount as j, computed as G, createElementBlock as w, openBlock as l, Fragment as C, createBlock as u, createCommentVNode as r, createVNode as i, unref as t, withCtx as m, withKeys as H, createElementVNode as I, createTextVNode as W, toDisplayString as J } from "vue";
+import { useModal as $, ScalarFloating as O, ScalarDropdownMenu as Q, ScalarDropdownButton as k, ScalarIcon as v, ScalarModal as q } from "@scalar/components";
 import { useRouter as X } from "vue-router";
 import b from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
 import Y from "../../components/Sidebar/Actions/EditSidebarListCollection.vue.js";
 import Z from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
-import { PathId as u } from "../../routes.js";
+import { PathId as d } from "../../routes.js";
 import { useActiveEntities as _ } from "../../store/active-entities.js";
 import { createInitialRequest as ee } from "../../store/requests.js";
 import { useWorkspace as te } from "../../store/store.js";
-const fe = /* @__PURE__ */ L({
+const ce = /* @__PURE__ */ L({
   __name: "RequestSidebarItemMenu",
   props: {
     menuItem: {}
   },
   emits: ["closeMenu", "toggleWatchMode", "clearDrafts"],
-  setup(x, { emit: z }) {
-    const s = x, M = z, { replace: k } = X(), {
+  setup(n, { emit: z }) {
+    const s = n, M = z, { replace: g } = X(), {
       activeRouterParams: E,
       activeWorkspaceCollections: y,
       activeWorkspaceRequests: N
-    } = _(), { events: S, requestMutators: T } = te(), d = $(), v = $(), g = $(), A = () => S.commandPalette.emit({
+    } = _(), { events: S, requestMutators: T } = te(), c = $(), x = $(), p = $(), A = () => S.commandPalette.emit({
       commandName: "Add Example",
       metaData: {
         itemUid: s.menuItem.item?.entity.uid
       }
-    }), R = (t, e) => {
-      s.menuItem.item?.edit(t, e), d.hide();
+    }), R = (a, e) => {
+      s.menuItem.item?.edit(a, e), c.hide();
     }, B = () => {
       if (s.menuItem.item?.delete(), !N.value.length) {
-        const { request: t } = ee(), e = y.value.find(
-          (m) => m.info?.title === "Drafts"
+        const { request: a } = ee(), e = y.value.find(
+          (o) => o.info?.title === "Drafts"
         );
-        e && (T.add(t, e.uid), k({
+        e && (T.add(a, e.uid), g({
           name: "request",
           params: {
-            [u.Request]: t.uid
+            [d.Request]: a.uid
           }
         }));
       }
-      if (E.value[u.Request] === s.menuItem.item?.entity.uid && k({
+      if (E.value[d.Request] === s.menuItem.item?.entity.uid && g({
         name: "request",
         params: {
-          [u.Request]: "default"
+          [d.Request]: "default"
         }
-      }), E.value[u.Examples] === s.menuItem.item?.entity.uid && k({
+      }), E.value[d.Examples] === s.menuItem.item?.entity.uid && g({
         name: "request",
         params: {
-          [u.Request]: "default"
+          [d.Request]: "default"
         }
       }), y.value[0]) {
-        const t = y.value[0].requests[0];
-        k({
+        const a = y.value[0].requests[0];
+        g({
           name: "request",
           params: {
-            [u.Request]: t
+            [d.Request]: a
           }
         });
       }
-      v.hide();
+      x.hide();
     }, f = P(null);
-    F([() => s.menuItem.open, f], ([t]) => {
-      t && f.value?.$parent?.$el && f.value.$parent.$el.focus();
+    F([() => s.menuItem.open, f], ([a]) => {
+      a && f.value?.$parent?.$el && f.value.$parent.$el.focus();
     });
     const h = () => s.menuItem.open && M("closeMenu");
     K(() => window.addEventListener("click", h)), j(() => window.removeEventListener("click", h));
     const U = () => {
       M("toggleWatchMode", s.menuItem.item);
     }, V = () => {
-      M("clearDrafts"), g.hide();
+      M("clearDrafts"), p.hide();
     }, D = G(() => s.menuItem.item?.title === "Drafts");
-    return (t, e) => (l(), w(C, null, [
-      t.menuItem.targetRef && t.menuItem.open ? (l(), o(n(O), {
+    return (a, e) => (l(), w(C, null, [
+      n.menuItem.targetRef && n.menuItem.open ? (l(), u(t(O), {
         key: 0,
         placement: "right-start",
-        target: t.menuItem.targetRef,
+        target: n.menuItem.targetRef,
         teleport: ""
       }, {
-        floating: a(() => [
-          i(n(Q), {
-            onKeydown: e[3] || (e[3] = H((m) => t.$emit("closeMenu"), ["escape"]))
+        floating: m(() => [
+          i(t(Q), {
+            onKeydown: e[3] || (e[3] = H((o) => a.$emit("closeMenu"), ["escape"]))
           }, {
-            default: a(() => [
-              t.menuItem.item?.entity.type === "request" ? (l(), o(n(p), {
+            default: m(() => [
+              n.menuItem.item?.entity.type === "request" ? (l(), u(t(k), {
                 key: 0,
                 class: "flex items-center gap-2",
                 onClick: A
               }, {
-                default: a(() => [
-                  i(n(I), {
+                default: m(() => [
+                  i(t(v), {
                     class: "inline-flex",
                     icon: "Example",
                     size: "md",
                     thickness: "1.5"
                   }),
-                  e[8] || (e[8] = c("span", null, "Add Example", -1))
+                  e[8] || (e[8] = I("span", null, "Add Example", -1))
                 ]),
                 _: 1
               })) : r("", !0),
-              D.value ? r("", !0) : (l(), o(n(p), {
+              D.value ? r("", !0) : (l(), u(t(k), {
                 key: 1,
                 ref_key: "menuRef",
                 ref: f,
                 class: "flex items-center gap-2",
-                onClick: e[0] || (e[0] = (m) => n(d).show())
+                onClick: e[0] || (e[0] = (o) => t(c).show())
               }, {
-                default: a(() => [
-                  i(n(I), {
+                default: m(() => [
+                  i(t(v), {
                     class: "inline-flex",
                     icon: "Edit",
                     size: "md",
                     thickness: "1.5"
                   }),
-                  c("span", null, [
-                    t.menuItem.item?.entity.type === "collection" ? (l(), w(C, { key: 0 }, [
+                  I("span", null, [
+                    n.menuItem.item?.entity.type === "collection" ? (l(), w(C, { key: 0 }, [
                       W(" Edit ")
                     ], 64)) : (l(), w(C, { key: 1 }, [
                       W(" Rename ")
@@ -121,53 +121,53 @@ const fe = /* @__PURE__ */ L({
                 ]),
                 _: 1
               }, 512)),
-              t.menuItem.item?.documentUrl ? (l(), o(n(p), {
+              n.menuItem.item?.documentUrl ? (l(), u(t(k), {
                 key: 2,
                 ref_key: "menuRef",
                 ref: f,
                 class: "flex items-center gap-2",
                 onClick: U
               }, {
-                default: a(() => [
-                  i(n(I), {
+                default: m(() => [
+                  i(t(v), {
                     class: "inline-flex",
-                    icon: t.menuItem.item?.watchMode ? "Unwatch" : "Watch",
+                    icon: n.menuItem.item?.watchMode ? "Unwatch" : "Watch",
                     size: "md",
                     thickness: "1.5"
                   }, null, 8, ["icon"]),
-                  c("span", null, J(t.menuItem.item?.watchMode ? "Disable Watch Mode" : "Enable Watch Mode"), 1)
+                  I("span", null, J(n.menuItem.item?.watchMode ? "Disable Watch Mode" : "Enable Watch Mode"), 1)
                 ]),
                 _: 1
               }, 512)) : r("", !0),
-              D.value ? r("", !0) : (l(), o(n(p), {
+              D.value ? r("", !0) : (l(), u(t(k), {
                 key: 3,
                 class: "flex items-center gap-2",
-                onClick: e[1] || (e[1] = (m) => n(v).show())
+                onClick: e[1] || (e[1] = (o) => t(x).show())
               }, {
-                default: a(() => [
-                  i(n(I), {
+                default: m(() => [
+                  i(t(v), {
                     class: "inline-flex",
                     icon: "Delete",
                     size: "md",
                     thickness: "1.5"
                   }),
-                  e[9] || (e[9] = c("span", null, "Delete", -1))
+                  e[9] || (e[9] = I("span", null, "Delete", -1))
                 ]),
                 _: 1
               })),
-              D.value ? (l(), o(n(p), {
+              D.value ? (l(), u(t(k), {
                 key: 4,
                 class: "flex items-center gap-2",
-                onClick: e[2] || (e[2] = (m) => n(g).show())
+                onClick: e[2] || (e[2] = (o) => t(p).show())
               }, {
-                default: a(() => [
-                  i(n(I), {
+                default: m(() => [
+                  i(t(v), {
                     class: "inline-flex",
                     icon: "Delete",
                     size: "md",
                     thickness: "1.5"
                   }),
-                  e[10] || (e[10] = c("span", null, "Clear Drafts", -1))
+                  e[10] || (e[10] = I("span", null, "Clear Drafts", -1))
                 ]),
                 _: 1
               })) : r("", !0)
@@ -177,52 +177,52 @@ const fe = /* @__PURE__ */ L({
         ]),
         _: 1
       }, 8, ["target"])) : r("", !0),
-      i(n(q), {
+      i(t(q), {
         size: "xxs",
-        state: n(v),
-        title: `Delete ${t.menuItem.item?.resourceTitle}`
+        state: t(x),
+        title: `Delete ${n.menuItem.item?.resourceTitle}`
       }, {
-        default: a(() => [
+        default: m(() => [
           i(b, {
-            variableName: t.menuItem.item?.title ?? "",
-            warningMessage: t.menuItem.item?.warning,
-            onClose: e[4] || (e[4] = (m) => n(v).hide()),
+            variableName: n.menuItem.item?.title ?? "",
+            warningMessage: n.menuItem.item?.warning,
+            onClose: e[4] || (e[4] = (o) => t(x).hide()),
             onDelete: B
           }, null, 8, ["variableName", "warningMessage"])
         ]),
         _: 1
       }, 8, ["state", "title"]),
-      i(n(q), {
+      i(t(q), {
         size: "xxs",
-        state: n(d),
-        title: `Edit ${t.menuItem.item?.resourceTitle}`
+        state: t(c),
+        title: `Edit ${n.menuItem.item?.resourceTitle}`
       }, {
-        default: a(() => [
-          t.menuItem.item?.resourceTitle === "Collection" ? (l(), o(Y, {
+        default: m(() => [
+          n.menuItem.item?.resourceTitle === "Collection" ? (l(), u(Y, {
             key: 0,
-            icon: t.menuItem.item?.icon || "interface-content-folder",
-            name: t.menuItem.item?.title,
-            onClose: e[5] || (e[5] = (m) => n(d).hide()),
+            icon: n.menuItem.item?.icon || "interface-content-folder",
+            name: n.menuItem.item?.title,
+            onClose: e[5] || (e[5] = (o) => t(c).hide()),
             onEdit: R
-          }, null, 8, ["icon", "name"])) : (l(), o(Z, {
+          }, null, 8, ["icon", "name"])) : (l(), u(Z, {
             key: 1,
-            name: t.menuItem.item?.title ?? "",
-            onClose: e[6] || (e[6] = (m) => n(d).hide()),
+            name: n.menuItem.item?.title ?? "",
+            onClose: e[6] || (e[6] = (o) => t(c).hide()),
             onEdit: R
           }, null, 8, ["name"]))
         ]),
         _: 1
       }, 8, ["state", "title"]),
-      i(n(q), {
+      i(t(q), {
         size: "xxs",
-        state: n(g),
+        state: t(p),
         title: "Clear Drafts"
       }, {
-        default: a(() => [
+        default: m(() => [
           i(b, {
             variableName: "All Drafts",
             warningMessage: "This action will clear all drafts. This cannot be undone.",
-            onClose: e[7] || (e[7] = (m) => n(g).hide()),
+            onClose: e[7] || (e[7] = (o) => t(p).hide()),
             onDelete: V
           })
         ]),
@@ -232,5 +232,5 @@ const fe = /* @__PURE__ */ L({
   }
 });
 export {
-  fe as default
+  ce as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as g, createElementBlock as l, openBlock as r, createElementVNode as i, createVNode as m, createCommentVNode as s, unref as o, normalizeClass as k, createBlock as v } from "vue";
-import { ScalarIcon as p } from "@scalar/components";
-import { useRouter as C } from "vue-router";
-import w from "../../components/AddressBar/AddressBar.vue.js";
+import { defineComponent as k, createElementBlock as l, openBlock as n, createElementVNode as i, createVNode as c, createCommentVNode as s, unref as e, normalizeClass as v, createBlock as C } from "vue";
+import { ScalarIcon as u } from "@scalar/components";
+import { useRouter as w } from "vue-router";
+import x from "../../components/AddressBar/AddressBar.vue.js";
 import { useLayout as y } from "../../hooks/useLayout.js";
 import { useSidebar as h } from "../../hooks/useSidebar.js";
 import V from "../../components/OpenApiClientButton.vue.js";
 import { useWorkspace as z } from "../../store/store.js";
-const B = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1" }, S = { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" }, $ = { class: "mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5" }, O = /* @__PURE__ */ g({
+const B = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1" }, S = { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" }, $ = { class: "mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5" }, O = /* @__PURE__ */ k({
   __name: "RequestSubpageHeader",
   props: {
     collection: {},
@@ -17,58 +17,58 @@ const B = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap i
     workspace: {}
   },
   emits: ["hideModal", "importCurl"],
-  setup(x) {
-    const { hideClientButton: u, showSidebar: d, integration: c } = z(), { isSidebarOpen: f } = h(), { layout: n } = y(), { currentRoute: b } = C();
-    return (e, t) => (r(), l("div", B, [
+  setup(t) {
+    const { hideClientButton: d, showSidebar: p, integration: f } = z(), { isSidebarOpen: b } = h(), { layout: r } = y(), { currentRoute: g } = w();
+    return (a, o) => (n(), l("div", B, [
       i("div", S, [
-        o(d) ? (r(), l("div", {
+        e(p) ? (n(), l("div", {
           key: 0,
-          class: k(["size-8", { hidden: o(n) === "modal" && !o(f) }])
+          class: v(["size-8", { hidden: e(r) === "modal" && !e(b) }])
         }, null, 2)) : s("", !0)
       ]),
-      m(w, {
-        collection: e.collection,
-        envVariables: e.envVariables,
-        environment: e.environment,
-        operation: e.operation,
-        server: e.server,
-        workspace: e.workspace,
-        onImportCurl: t[0] || (t[0] = (a) => e.$emit("importCurl", a))
+      c(x, {
+        collection: t.collection,
+        envVariables: t.envVariables,
+        environment: t.environment,
+        operation: t.operation,
+        server: t.server,
+        workspace: t.workspace,
+        onImportCurl: o[0] || (o[0] = (m) => a.$emit("importCurl", m))
       }, null, 8, ["collection", "envVariables", "environment", "operation", "server", "workspace"]),
       i("div", $, [
-        o(n) === "modal" && e.collection.documentUrl && !o(u) ? (r(), v(o(V), {
+        e(r) === "modal" && t.collection.documentUrl && !e(d) ? (n(), C(e(V), {
           key: 0,
           buttonSource: "modal",
           class: "!w-fit lg:-mr-1",
-          integration: o(c) ?? e.collection.integration ?? null,
-          source: o(b).query.source === "gitbook" ? "gitbook" : "api-reference",
-          url: e.collection.documentUrl
+          integration: e(f) ?? t.collection.integration ?? null,
+          source: e(g).query.source === "gitbook" ? "gitbook" : "api-reference",
+          url: t.collection.documentUrl
         }, null, 8, ["integration", "source", "url"])) : s("", !0),
-        o(n) === "modal" ? (r(), l("button", {
+        e(r) === "modal" ? (n(), l("button", {
           key: 1,
           class: "app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
           type: "button",
-          onClick: t[1] || (t[1] = (a) => e.$emit("hideModal"))
+          onClick: o[1] || (o[1] = (m) => a.$emit("hideModal"))
         }, [
-          m(o(p), {
+          c(e(u), {
             icon: "Close",
             size: "lg",
             thickness: "2"
           }),
-          t[3] || (t[3] = i("span", { class: "sr-only" }, "Close Client", -1))
+          o[3] || (o[3] = i("span", { class: "sr-only" }, "Close Client", -1))
         ])) : s("", !0),
-        o(n) === "modal" ? (r(), l("button", {
+        e(r) === "modal" ? (n(), l("button", {
           key: 2,
           class: "text-c-1 hover:bg-b-2 active:text-c-1 gitbook-show -mr-1.5 rounded p-2",
           type: "button",
-          onClick: t[2] || (t[2] = (a) => e.$emit("hideModal"))
+          onClick: o[2] || (o[2] = (m) => a.$emit("hideModal"))
         }, [
-          m(o(p), {
+          c(e(u), {
             icon: "Close",
             size: "md",
             thickness: "1.75"
           }),
-          t[4] || (t[4] = i("span", { class: "sr-only" }, "Close Client", -1))
+          o[4] || (o[4] = i("span", { class: "sr-only" }, "Close Client", -1))
         ])) : s("", !0)
       ])
     ]));

package/dist/views/Request/ResponseSection/RequestHeaders.vue.js

@@ -1,50 +1,50 @@
-import { defineComponent as x, createBlock as f, openBlock as r, withCtx as e, createElementBlock as l, createVNode as a, unref as u, createTextVNode as n, Fragment as d, renderList as y, toDisplayString as i } from "vue";
-import b from "../../../components/DataTable/DataTable.vue.js";
-import c from "../../../components/DataTable/DataTableRow.vue.js";
-import p from "../../../components/DataTable/DataTableText.vue.js";
-import g from "../../../components/HelpfulLink.vue.js";
-import k from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { httpHeaders as w } from "../../../data/httpHeaders.js";
-import _ from "../../../components/DataTable/DataTableHeader.vue.js";
-const h = {
+import { defineComponent as y, createBlock as f, openBlock as r, withCtx as e, createElementBlock as s, createVNode as a, unref as d, createTextVNode as n, Fragment as i, renderList as b, toDisplayString as c } from "vue";
+import g from "../../../components/DataTable/DataTable.vue.js";
+import p from "../../../components/DataTable/DataTableRow.vue.js";
+import _ from "../../../components/DataTable/DataTableText.vue.js";
+import k from "../../../components/HelpfulLink.vue.js";
+import w from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { httpHeaders as h } from "../../../data/httpHeaders.js";
+import x from "../../../components/DataTable/DataTableHeader.vue.js";
+const H = {
   key: 0,
   class: "max-h-[calc(100%-32px)] overflow-y-auto"
-}, H = {
+}, C = {
   key: 1,
   class: "text-c-3 bg-b-1 flex min-h-12 items-center justify-center rounded border px-4 text-base"
-}, z = /* @__PURE__ */ x({
+}, z = /* @__PURE__ */ y({
   __name: "RequestHeaders",
   props: {
     headers: {}
   },
-  setup(C) {
-    const m = (s) => w.find(
-      (t) => t.name.toLowerCase() === s.toLowerCase()
+  setup(l) {
+    const m = (u) => h.find(
+      (t) => t.name.toLowerCase() === u.toLowerCase()
     );
-    return (s, t) => (r(), f(k, {
+    return (u, t) => (r(), f(w, {
       class: "overflow-auto",
       defaultOpen: !1,
-      itemCount: s.headers.length
+      itemCount: l.headers.length
     }, {
       title: e(() => [...t[0] || (t[0] = [
         n("Request Headers", -1)
       ])]),
       default: e(() => [
-        s.headers.length ? (r(), l("div", h, [
-          a(b, {
+        l.headers.length ? (r(), s("div", H, [
+          a(g, {
             columns: ["minmax(auto, min-content)", "minmax(50%, 1fr)"],
             scroll: ""
           }, {
             default: e(() => [
-              a(c, { class: "sr-only !block" }, {
+              a(p, { class: "sr-only !block" }, {
                 default: e(() => [
-                  a(u(_), null, {
+                  a(d(x), null, {
                     default: e(() => [...t[1] || (t[1] = [
                       n("Header Key", -1)
                     ])]),
                     _: 1
                   }),
-                  a(u(_), null, {
+                  a(d(x), null, {
                     default: e(() => [...t[2] || (t[2] = [
                       n("Header Value", -1)
                     ])]),
@@ -53,29 +53,29 @@ const h = {
                 ]),
                 _: 1
               }),
-              (r(!0), l(d, null, y(s.headers, (o) => (r(), f(c, {
+              (r(!0), s(i, null, b(l.headers, (o) => (r(), f(p, {
                 key: o.name,
                 class: "group/row text-c-1"
               }, {
                 default: e(() => [
-                  a(p, { class: "bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0" }, {
+                  a(_, { class: "bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0" }, {
                     default: e(() => [
-                      typeof m(o.name)?.url == "string" ? (r(), f(g, {
+                      typeof m(o.name)?.url == "string" ? (r(), f(k, {
                         key: 0,
                         class: "decoration-c-3",
                         href: m(o.name).url
                       }, {
                         default: e(() => [
-                          n(i(o.name), 1)
+                          n(c(o.name), 1)
                         ]),
                         _: 2
-                      }, 1032, ["href"])) : (r(), l(d, { key: 1 }, [
-                        n(i(o.name), 1)
+                      }, 1032, ["href"])) : (r(), s(i, { key: 1 }, [
+                        n(c(o.name), 1)
                       ], 64))
                     ]),
                     _: 2
                   }, 1024),
-                  a(p, {
+                  a(_, {
                     class: "z-0 group-first/row:border-t-0",
                     text: o.value
                   }, null, 8, ["text"])
@@ -85,7 +85,7 @@ const h = {
             ]),
             _: 1
           })
-        ])) : (r(), l("div", H, " No Headers "))
+        ])) : (r(), s("div", C, " No Headers "))
       ]),
       _: 1
     }, 8, ["itemCount"]));

package/dist/views/Request/ResponseSection/ResponseBody.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as B, ref as R, computed as m, toRef as f, createBlock as n, openBlock as t, createSlots as V, withCtx as d, createElementBlock as b, createCommentVNode as r, createElementVNode as v, toDisplayString as y, unref as a, createTextVNode as h, createVNode as C } from "vue";
-import N from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useResponseBody as T } from "../../../hooks/useResponseBody.js";
-import $ from "./ResponseBodyDownload.vue.js";
-import E from "./ResponseBodyInfo.vue.js";
-import P from "./ResponseBodyPreview.vue.js";
-import S from "./ResponseBodyRaw.vue.js";
-import U from "./ResponseBodyToggle.vue.js";
-import { getMediaTypeConfig as j } from "../consts/mediaTypes.js";
-const D = {
+import { defineComponent as B, ref as R, computed as m, toRef as p, createBlock as n, openBlock as o, createSlots as V, withCtx as d, createElementBlock as _, createCommentVNode as r, createElementVNode as v, toDisplayString as y, unref as t, createTextVNode as h, createVNode as b } from "vue";
+import C from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useResponseBody as N } from "../../../hooks/useResponseBody.js";
+import T from "./ResponseBodyDownload.vue.js";
+import $ from "./ResponseBodyInfo.vue.js";
+import E from "./ResponseBodyPreview.vue.js";
+import P from "./ResponseBodyRaw.vue.js";
+import S from "./ResponseBodyToggle.vue.js";
+import { getMediaTypeConfig as U } from "../consts/mediaTypes.js";
+const j = {
   key: 0,
   class: "bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden"
-}, F = { class: "box-content flex min-h-8 items-center justify-between border-y px-3" }, I = { class: "text-xxs font-code leading-3" }, O = /* @__PURE__ */ B({
+}, D = { class: "box-content flex min-h-8 items-center justify-between border-y px-3" }, F = { class: "text-xxs font-code leading-3" }, O = /* @__PURE__ */ B({
   __name: "ResponseBody",
   props: {
     title: {},
@@ -18,43 +18,43 @@ const D = {
     data: {},
     headers: {}
   },
-  setup(w) {
-    const c = w, s = R(!0), p = m(
+  setup(a) {
+    const f = a, s = R(!0), c = m(
       () => !!(e.value?.raw && e.value.preview)
-    ), g = m(() => s.value || !p.value), _ = m(() => !s.value || !p.value), { mimeType: i, attachmentFilename: x, dataUrl: o } = T({
-      data: f(c, "data"),
-      headers: f(c, "headers")
-    }), e = m(() => j(i.value.essence));
-    return (l, u) => (t(), n(N, {
+    ), w = m(() => s.value || !c.value), g = m(() => !s.value || !c.value), { mimeType: i, attachmentFilename: x, dataUrl: l } = N({
+      data: p(f, "data"),
+      headers: p(f, "headers")
+    }), e = m(() => U(i.value.essence));
+    return (I, u) => (o(), n(C, {
       class: "max-h-content overflow-y-hidden",
-      layout: l.layout
+      layout: a.layout
     }, V({
       title: d(() => [
-        h(y(l.title), 1)
+        h(y(a.title), 1)
       ]),
       default: d(() => [
-        l.data ? (t(), b("div", D, [
-          v("div", F, [
-            v("span", I, y(a(i).essence), 1),
-            p.value ? (t(), n(U, {
+        a.data ? (o(), _("div", j, [
+          v("div", D, [
+            v("span", F, y(t(i).essence), 1),
+            c.value ? (o(), n(S, {
               key: 0,
               modelValue: s.value,
               "onUpdate:modelValue": u[0] || (u[0] = (k) => s.value = k)
             }, null, 8, ["modelValue"])) : r("", !0)
           ]),
-          e.value?.raw && _.value ? (t(), n(S, {
-            key: a(o),
-            content: l.data,
+          e.value?.raw && g.value ? (o(), n(P, {
+            key: t(l),
+            content: a.data,
             language: e.value.language
           }, null, 8, ["content", "language"])) : r("", !0),
-          e.value?.preview && g.value ? (t(), n(P, {
-            key: a(o),
+          e.value?.preview && w.value ? (o(), n(E, {
+            key: t(l),
             alpha: e.value.alpha,
             mode: e.value.preview,
-            src: a(o),
-            type: a(i).essence
+            src: t(l),
+            type: t(i).essence
           }, null, 8, ["alpha", "mode", "src", "type"])) : r("", !0),
-          !e.value?.raw && !e.value?.preview ? (t(), n(E, { key: 2 }, {
+          !e.value?.raw && !e.value?.preview ? (o(), n($, { key: 2 }, {
             default: d(() => [...u[1] || (u[1] = [
               h(" Binary file ", -1)
             ])]),
@@ -64,13 +64,13 @@ const D = {
       ]),
       _: 2
     }, [
-      l.data && a(o) ? {
+      a.data && t(l) ? {
         name: "actions",
         fn: d(() => [
-          C($, {
-            filename: a(x),
-            href: a(o),
-            type: a(i).essence
+          b(T, {
+            filename: t(x),
+            href: t(l),
+            type: t(i).essence
           }, null, 8, ["filename", "href", "type"])
         ]),
         key: "0"